@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    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")
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.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 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.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 {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.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 {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.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 {
    height: var(--swiper-virtual-size);
    width: 1px
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    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 {
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.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-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    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);
    left: 0;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.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 {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left, auto);
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.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: transform .2s, top .2s
}

.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: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.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));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.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 {
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.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 {
    height: 100%;
    left: 0;
    top: 0;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: var(--swiper-scrollbar-bottom, 4px);
    height: var(--swiper-scrollbar-size, 4px);
    left: var(--swiper-scrollbar-sides-offset, 1%);
    position: absolute;
    top: var(--swiper-scrollbar-top, auto);
    width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
    left: var(--swiper-scrollbar-left, auto);
    position: absolute;
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    width: var(--swiper-scrollbar-size, 4px);
    z-index: 50
}

.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.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,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.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 {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.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 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper.swiper-flip {
    overflow: visible
}

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

.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 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}

:root {
    --jbutton-color: #298ba8;
    --jactive-color: #007aff;
    --jsafe-area-top: env(safe-area-inset-top);
    --jsafe-area-bottom: env(safe-area-inset-bottom)
}

.row[data-visible=false],
[data-visible=false] {
    display: none
}

div[data-before]:before {
    content: attr(data-before)
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jreadonly {
    pointer-events: none
}

.jdragging {
    filter: alpha(opacity=20);
    opacity: .2
}

.jupload.input {
    background-size: initial;
    box-sizing: border-box;
    height: 33px;
    min-height: auto;
    padding: 6px 30px 6px 6px;
    position: relative
}

.jupload.input:before {
    color: #000;
    content: "save";
    font-family: Material Icons;
    font-size: 18px;
    position: absolute;
    right: 5px
}

.jupload:empty:before {
    z-index: 0
}

.jupload img {
    width: 100%
}

.jupload.input img {
    height: 100%;
    max-width: 100%;
    width: auto
}

.jupload[data-multiple] {
    padding: 10px
}

.jupload[data-multiple] img {
    height: 70px;
    margin-bottom: 5px;
    margin-right: 5px;
    object-fit: cover;
    width: 100px
}

.jupload {
    border: 1px dotted #eee;
    box-sizing: border-box;
    cursor: pointer;
    max-height: 100%;
    max-width: 100%;
    min-height: 180px;
    position: relative;
    width: 100%
}

.jupload:not(.input):empty:before {
    align-items: center;
    color: #eee;
    content: "\e2c3";
    display: flex;
    font-family: Material Icons;
    font-size: 90px;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%
}

.jupload-item {
    border-radius: 1px;
    display: inline-block;
    padding-right: 22px;
    position: relative
}

.jphoto {
    align-items: center;
    border: 1px dotted #eee;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.jphoto:empty:before {
    color: #eee;
    content: "\e2c3";
    font-family: Material Icons;
    font-size: 90px;
    height: 100%;
    text-align: center;
    width: 100%
}

.jremove {
    filter: alpha(opacity=20);
    opacity: .2
}

.round img {
    border-radius: 1000px
}

.jtooltip {
    animation: jfadeIn .5s;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    display: block;
    font-family: initial;
    font-size: 12px;
    left: 10px;
    margin: 10px;
    padding: 8px;
    pointer-events: none;
    position: fixed;
    top: 10px;
    z-index: 5
}

.jtooltip:empty {
    display: none
}

@keyframes jfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpanel {
    box-sizing: border-box;
    position: absolute;
    z-index: 10
}

.jpanel:focus {
    outline: 2px solid #000;
    outline-offset: -1px;
    z-index: 1000 !important
}

.jpanel-action {
    background-color: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
    height: 8px;
    pointer-events: auto;
    position: absolute;
    width: 8px;
    z-index: 1000
}

.jpanel-action[data-position=n-resize] {
    left: calc(50% - 4px);
    top: -4px
}

.jpanel-action[data-position=ne-resize] {
    left: calc(100% - 4px);
    top: -4px
}

.jpanel-action[data-position=e-resize] {
    left: calc(100% - 4px);
    top: calc(50% - 4px)
}

.jpanel-action[data-position=se-resize] {
    left: calc(100% - 4px);
    top: calc(100% - 4px)
}

.jpanel-action[data-position=s-resize] {
    left: calc(50% - 4px);
    top: calc(100% - 4px)
}

.jpanel-action[data-position=sw-resize] {
    left: -4px;
    top: calc(100% - 4px)
}

.jpanel-action[data-position=w-resize] {
    left: -4px;
    top: calc(50% - 4px)
}

.jpanel-action[data-position=nw-resize] {
    left: -4px;
    top: -4px
}

.jpanel-action[data-action=rotate] {
    background-color: transparent;
    border: 0;
    cursor: move;
    height: 24px;
    left: calc(50% - 12px);
    top: -50px;
    width: 24px
}

.jpanel-action[data-action=rotate]:before {
    content: "refresh";
    font-family: Material Icons;
    font-size: 24px
}

.jpanel-action[data-action=rotate]:after {
    background-color: #000;
    bottom: -22px;
    content: "";
    height: 28px;
    left: 50%;
    position: absolute;
    width: 1px
}

.jloading {
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10001
}

.jloading:after {
    -webkit-animation: jspin .8s linear infinite;
    animation: jspin .8s linear infinite;
    border: 4px solid #fff;
    border-radius: 50%;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 40px;
    margin: 50vh auto 0;
    width: 40px
}

.jloading.jspin {
    background-color: transparent
}

.jloading.jspin:after {
    border-color: transparent #aaa #aaa;
    margin: 80px auto 0
}

.jfade-in {
    animation: jfade-in 2s forwards
}

.jfade-out {
    animation: jfade-out 1s forwards
}

.jslide-left-in {
    animation: jslide-left-in .4s forwards;
    position: relative
}

.jslide-left-out {
    animation: jslide-left-out .4s forwards;
    position: relative
}

.jslide-right-in {
    animation: jslide-right-in .4s forwards;
    position: relative
}

.jslide-right-out {
    animation: jslide-right-out .4s forwards;
    position: relative
}

.jslide-top-in {
    animation: jslide-top-in .4s forwards;
    position: relative
}

.jslide-top-out {
    animation: jslide-top-out .2s forwards;
    position: relative
}

.jslide-bottom-in {
    animation: jslide-bottom-in .4s forwards;
    position: relative
}

.jslide-bottom-out {
    animation: jslide-bottom-out .1s forwards;
    position: relative
}

.jslide-left-in>div,
.jslide-left-out>div,
.jslide-right-in>div,
.jslide-right-out>div {
    -webkit-transform: translateZ(0)
}

.jspin {
    animation: jspin 2s linear infinite
}

@keyframes jfade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes jfade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes jfade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes jfade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes jslide-left-in {
    0% {
        left: -100%
    }

    to {
        left: 0
    }
}

@-webkit-keyframes jslide-left-in {
    0% {
        left: -100%
    }

    to {
        left: 0
    }
}

@keyframes jslide-left-out {
    0% {
        left: 0
    }

    to {
        left: -100%
    }
}

@-webkit-keyframes jslide-left-out {
    0% {
        left: 0
    }

    to {
        left: -100%
    }
}

@keyframes jslide-right-in {
    0% {
        left: 100%
    }

    to {
        left: 0
    }
}

@-webkit-keyframes jslide-right-in {
    0% {
        left: 100%
    }

    to {
        left: 0
    }
}

@keyframes jslide-right-out {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@-webkit-keyframes jslide-right-out {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@keyframes jslide-top-in {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes jslide-top-in {
    0% {
        transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@keyframes jslide-top-out {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes jslide-top-out {
    0% {
        -webkit-transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-100%)
    }
}

@keyframes jslide-bottom-in {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes jslide-bottom-in {
    0% {
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@keyframes jslide-bottom-out {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@-webkit-keyframes jslide-bottom-out {
    0% {
        -webkit-transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100%)
    }
}

@-webkit-keyframes jspin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes jspin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.jcalendar {
    box-sizing: border-box;
    display: none;
    position: absolute;
    z-index: 9000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    min-width: 280px
}

.jcalendar.jcalendar-focus {
    display: block
}

.jcalendar .jcalendar-backdrop {
    background-color: rgba(0, 0, 0, .5);
    border: 0;
    display: none;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 9000
}

.jcalendar .jcalendar-container {
    box-sizing: border-box;
    position: relative
}

.jcalendar .jcalendar-content {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .39);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .39);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .39);
    position: absolute;
    z-index: 9001
}

.jcalendar-header {
    text-align: center
}

.jcalendar-header span {
    font-size: 1.1em;
    font-weight: 700;
    margin-right: 4px
}

.jcalendar-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E")
}

.jcalendar-next,
.jcalendar-prev {
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.jcalendar-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E")
}

.jcalendar-weekday {
    background-color: #fcfcfc;
    font-weight: 600;
    padding: 14px
}

.jcalendar-table {
    padding: 10px
}

.jcalendar-table>table {
    background-color: #fff;
    width: 100%
}

.jcalendar-table>table>thead {
    cursor: pointer
}

.jcalendar-table thead td {
    height: 40px;
    padding: 10px
}

.jcalendar-table>table>tbody>tr {
    height: 34px
}

.jcalendar-table>table>tbody td {
    box-sizing: border-box;
    cursor: pointer;
    font-size: .9em;
    padding: 9px
}

.jcalendar-table tfoot td {
    padding: 10px
}

.jcalendar-months td,
.jcalendar-years td {
    height: 24px
}

.jcalendar-input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='gray' viewBox='0 0 24 24'%3E%3Cpath d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 18H4V8h16z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
    background-position: top 50% right 5px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding-right: 18px
}

.jcalendar-done {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .39);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .39);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .39)
}

.jcalendar-update {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    width: 100%
}

.jcalendar-container select {
    border: 0;
    display: inline-block;
    font-size: 1.1em;
    margin-right: 10px;
    padding: 4px;
    text-align: center;
    user-select: none;
    width: 55px
}

.jcalendar-container select:first-child {
    margin-right: 2px
}

.jcalendar-selected {
    background-color: #eee
}

.jcalendar-confirm,
.jcalendar-reset {
    color: var(--jactive-color);
    cursor: pointer;
    text-transform: uppercase
}

.jcalendar-controls {
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    padding: 15px;
    vertical-align: middle
}

.jcalendar-controls div {
    font-weight: 700
}

.jcalendar-fullsize {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.jcalendar-fullsize .jcalendar-content {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%
}

.jcalendar-focus.jcalendar-fullsize .jcalendar-backdrop {
    display: block
}

.jcalendar-sunday {
    color: red
}

.jcalendar-disabled {
    color: #ccc
}

.jcalendar-time {
    display: flex
}

.jcalendar_warning {
    color: red
}

.jcalendar-hide-controls .jcalendar-controls,
.jcolor {
    display: none
}

.jcolor {
    outline: none;
    position: absolute
}

.jcolor-input {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 3a9 9 0 0 0 0 18c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8m-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12m3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8m5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8m3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5'/%3E%3C/svg%3E") top 50% right 4px no-repeat, content-box;
    box-sizing: border-box;
    padding-right: 24px !important
}

.jcolor-content {
    position: absolute;
    user-select: none;
    z-index: 9000;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    font-size: .875rem;
    letter-spacing: .2px;
    min-width: 260px
}

.jmodal .jcolor-content {
    position: fixed
}

.jcolor-controls {
    border-bottom: 1px solid #eee;
    display: flex;
    margin-bottom: 5px;
    padding: 10px
}

.jcolor-controls div {
    box-sizing: border-box;
    color: var(--jactive-color);
    flex: 1;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase
}

.jcolor-content table {
    border-collapse: collapse;
    box-sizing: border-box
}

.jcolor-focus {
    display: block
}

.jcolor table {
    height: 100%;
    min-height: 160px;
    width: 100%
}

.jcolor td {
    padding: 7px
}

.jcolor-selected {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%23fff' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px
}

.jcolor-fullscreen {
    border-radius: 0;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    max-height: 290px;
    position: fixed;
    width: 100%
}

.jcolor-fullscreen .jcolor-controls {
    -webkit-box-shadow: 1px 0 1px 0 rgba(0, 0, 0, .39);
    -moz-box-shadow: 1px 0 1px 0 rgba(0, 0, 0, .39);
    box-shadow: 1px 0 1px 0 rgba(0, 0, 0, .39);
    padding: 15px
}

.jcolor-reset {
    text-align: left
}

.jcolor-close {
    text-align: right
}

.jcolor-backdrop {
    background-color: rgba(0, 0, 0, .5);
    border: 0;
    display: none;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 8000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jcolor-content .jtabs-content {
    padding: 7px
}

.jcolor-grid tr:first-child>td:first-child {
    border-top-left-radius: 3px
}

.jcolor-grid tr:first-child>td:last-child {
    border-top-right-radius: 3px
}

.jcolor-grid tr:last-child>td:first-child {
    border-bottom-left-radius: 3px
}

.jcolor-grid tr:last-child>td:last-child {
    border-bottom-right-radius: 3px
}

.jcolor-hsl {
    box-sizing: border-box
}

.jcolor-hsl>div {
    height: 100%;
    position: relative
}

.jcolor-hsl canvas {
    border-radius: 4px;
    display: block;
    -webkit-user-drag: none
}

.jcolor-point {
    background-color: #000;
    border-radius: 50%;
    height: 5px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5px
}

.jcolor-sliders {
    padding: 10px 20px 10px 10px
}

.jcolor-sliders input {
    -webkit-appearance: none;
    background: #d3d3d3;
    border-radius: 30px;
    height: 12px;
    opacity: 1;
    outline: none;
    width: 80%
}

.jcolor-sliders-input-subcontainer {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.jcolor-sliders-input-container {
    line-height: .8em;
    margin-top: 4px;
    text-align: left
}

.jcolor-sliders-input-container>label {
    color: #bbbbbd;
    font-size: 10px;
    text-transform: uppercase
}

.jcolor-sliders-input-subcontainer>input {
    border: 0;
    padding: 1px
}

.jcolor-sliders-input-container input::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #000;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 12px;
    width: 12px
}

.jcolor-sliders-input-container input::-moz-range-thumb {
    -webkit-appearance: none;
    background: #000;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    height: 12px;
    width: 12px
}

.jcolor-sliders-final-color {
    margin-top: 10px;
    padding: 6px;
    text-align: center;
    user-select: all
}

.jcolor-sliders-final-color>div:nth-child(2) {
    text-transform: uppercase;
    width: 71px
}

.jcolor .jtabs .jtabs-headers-container .jtabs-controls {
    display: none !important
}

.jcolor .jtabs .jtabs-headers-container {
    display: flex !important;
    justify-content: center;
    padding: 4px
}

.jcolor .jtabs-headers>div:not(.jtabs-border) {
    font-size: .8em;
    padding: 2px 15px !important
}

.jcontextmenu {
    background: #fff;
    border: 1px solid #c6c6c6;
    -webkit-box-shadow: 2px 2px 2px 0 #8f9091;
    -moz-box-shadow: 2px 2px 2px 0 #8f9091;
    box-shadow: 2px 2px 2px 0 #8f9091;
    color: #555;
    display: none;
    font-size: 11px;
    margin: 0;
    outline: none;
    padding: 4px 0;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 10000
}

.jcontextmenu.jcontextmenu-focus {
    display: inline-block
}

.jcontextmenu>div {
    box-sizing: border-box;
    cursor: default;
    display: flex;
    font-family: sans-serif;
    font-size: 11px;
    padding: 8px 8px 8px 32px;
    position: relative;
    text-align: left;
    width: 250px;
    -webkit-box-align: center;
    align-items: center
}

.jcontextmenu>div:before {
    content: attr(data-icon);
    font-family: Material Icons !important;
    font-size: 15px;
    left: 9px;
    line-height: 24px;
    position: absolute
}

.jcontextmenu.symbols>div:before {
    font-family: Material Symbols Outlined !important
}

.jcontextmenu>div.header {
    display: none
}

.jcontextmenu>div a {
    color: #555;
    cursor: pointer;
    flex: 1;
    text-decoration: none
}

.jcontextmenu>div span {
    font-size: .9em;
    margin-right: 10px
}

.jcontextmenu .jcontextmenu-disabled a,
.jcontextmenu .jcontextmenu-disabled:before {
    color: #ccc
}

.jcontextmenu>div:hover {
    background: #ebebeb
}

.jcontextmenu hr {
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    margin-bottom: 5px;
    margin-top: 5px
}

.jcontextmenu>hr:hover {
    background: transparent
}

.jcontextmenu .jcontextmenu {
    left: 99%;
    opacity: 0;
    position: absolute;
    top: 4px
}

.jcontextmenu>div:hover>.jcontextmenu {
    display: block;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

@media only screen and (max-width:420px) {
    .jcontextmenu {
        animation: jslide-bottom-in .4s forwards;
        bottom: 0 !important;
        height: 260px;
        left: 0 !important;
        overflow: scroll;
        padding-top: 0;
        top: auto !important;
        width: 100vw
    }

    .jcontextmenu div {
        border-bottom: 1px solid #ccc;
        padding: 15px;
        text-align: center;
        width: 100%
    }

    .jcontextmenu>div.header {
        background-color: #d3d3d3;
        padding: 5px;
        position: sticky;
        top: 0;
        z-index: 2
    }

    .jcontextmenu>div.header>a.title {
        text-align: left
    }

    .jcontextmenu>div.header>a.close {
        text-align: right
    }

    .jcontextmenu a {
        font-size: 1.4em;
        text-transform: uppercase
    }

    .jcontextmenu hr,
    .jcontextmenu span {
        display: none
    }
}

.jdropdown {
    cursor: pointer;
    -webkit-touch-callout: none;
    background: #fff;
    box-sizing: border-box;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block
}

.jdropdown-backdrop {
    background-color: rgba(0, 0, 0, .5);
    border: 0;
    display: none;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 8000
}

.jdropdown[disabled] {
    opacity: .5;
    pointer-events: none
}

.jdropdown-focus {
    position: relative
}

.jdropdown-focus .jdropdown-container {
    transform: translateZ(0)
}

.jdropdown-default.jdropdown-focus .jdropdown-header {
    outline: 5px auto -webkit-focus-ring-color
}

.jdropdown-default.jdropdown-focus .jdropdown-header.jdropdown-add {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='gray'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z'/%3E%3C/svg%3E")
}

.jdropdown-container-header {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: relative
}

.jdropdown-header {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='gray' d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");
    background-position: top 50% right 5px;
    background-repeat: no-repeat;
    box-sizing: border-box;
    cursor: pointer;
    padding-right: 30px !important;
    text-overflow: ellipsis;
    width: 100%
}

.jdropdown-insert-button {
    display: none;
    font-size: 1.4em;
    position: absolute;
    right: 30px;
    text-transform: uppercase;
    top: 4px
}

.jdropdown-container {
    min-width: inherit;
    position: absolute;
    transform: translate3d(-10000px, 0, 0);
    z-index: 9001
}

.jdropdown-close {
    color: var(--jactive-color);
    display: none;
    font-size: 1em;
    font-weight: 700;
    padding: 12px;
    text-align: right;
    text-transform: uppercase
}

.jdropdown-content {
    box-sizing: border-box;
    margin: 0;
    min-width: inherit
}

.jdropdown-item {
    align-items: center;
    color: #000;
    display: flex;
    overflow-x: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jdropdown-description {
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis
}

.jdropdown-image {
    border-radius: 20px;
    height: 32px;
    margin-right: 10px;
    width: 32px
}

.jdropdown-image-small {
    height: 24px;
    width: 24px
}

.jdropdown-icon {
    font-size: 30px;
    margin-left: -5px;
    margin-right: 10px
}

.jdropdown-icon-small {
    font-size: 24px;
    margin-left: 0
}

.jdropdown-title {
    display: block;
    font-size: .7em;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.jdropdown-default .jdropdown-header {
    border: 1px solid #ccc;
    padding: 5px 16px 5px 10px
}

.jdropdown-default .jdropdown-container {
    background-color: #fff
}

.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-header {
    padding-right: 50px
}

.jdropdown-default.jdropdown-focus.jdropdown-insert .jdropdown-insert-button {
    display: block
}

.jdropdown-default .jdropdown-content {
    background-color: #fff;
    border: 1px solid #8fb1e3;
    box-sizing: border-box;
    margin: 0;
    max-height: 215px;
    min-height: 10px;
    min-width: inherit;
    overflow-y: auto
}

.jdropdown-default .jdropdown-item {
    padding: 4px 40px 4px 8px
}

.jdropdown-default .jdropdown-item:hover {
    background-color: #1f93ff;
    color: #fff
}

.jdropdown-default .jdropdown-cursor {
    background-color: #eee
}

.jdropdown-default .jdropdown-selected {
    background-color: #1f93ff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik05IDE2LjE3IDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiLz48L3N2Zz4=);
    background-position: top 50% right 5px;
    background-repeat: no-repeat;
    color: #fff
}

.jdropdown-default .jdropdown-group {
    margin-top: 5px
}

.jdropdown-default .jdropdown-group .jdropdown-item {
    padding-left: 16px
}

.jdropdown-default .jdropdown-group-name {
    font-weight: 700;
    padding-left: 8px;
    text-align: left
}

.jdropdown-default .jdropdown-reset_ {
    content: "x";
    cursor: pointer;
    display: none;
    font-size: 12px;
    line-height: 1.8em;
    margin: 5px 10px 5px 5px;
    position: absolute;
    right: 0;
    text-shadow: 0 0 5px #fff;
    top: 0;
    width: 12px
}

.jdropdown-default.jdropdown-focus .jdropdown-reset_,
.jdropdown-picker.jdropdown-focus .jdropdown-backdrop {
    display: block
}

.jdropdown-picker .jdropdown-header {
    outline: none
}

.jdropdown-picker .jdropdown-container {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e8;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    position: fixed;
    width: 100%
}

.jdropdown-picker .jdropdown-close {
    background-color: #fff;
    -webkit-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, .39);
    -moz-box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, .39);
    box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, .39);
    display: block
}

.jdropdown-picker .jdropdown-content {
    background-color: #fafafa;
    border-top: 1px solid #e6e6e8;
    height: 280px;
    overflow-y: scroll
}

.jdropdown-picker .jdropdown-group-name {
    display: block;
    font-weight: 700;
    text-align: center
}

.jdropdown-picker .jdropdown-group-name,
.jdropdown-picker .jdropdown-item {
    border-bottom: 1px solid #e6e6e8;
    font-size: 1em;
    padding: 10px 20px;
    text-transform: uppercase
}

.jdropdown-picker .jdropdown-selected {
    background-color: #1f93ff;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik05IDE2LjE3IDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiLz48L3N2Zz4=);
    background-position: top 50% right 15px;
    background-repeat: no-repeat;
    color: #fff
}

.jdropdown-picker .jdropdown-cursor {
    background-color: #1f93ff;
    color: #fff
}

.jdropdown-searchbar.jdropdown-focus {
    background-color: #fafafa;
    height: 100% !important;
    left: 0 !important;
    overflow-y: scroll;
    padding: 0;
    position: fixed;
    top: 0 !important;
    width: 100% !important;
    will-change: scroll-position;
    z-index: 9001;
    -webkit-overflow-scrolling: touch
}

.jdropdown-searchbar.jdropdown-focus .jdropdown-container-header {
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    height: 40px;
    left: 0;
    padding: 6px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9002
}

.jdropdown-searchbar.jdropdown-focus .jdropdown-header {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2U2ZTZlOCIgZD0iTTE1LjUgMTRoLS43OWwtLjI4LS4yN0E2LjQ3IDYuNDcgMCAwIDAgMTYgOS41IDYuNSA2LjUgMCAxIDAgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTl6bS02IDBDNy4wMSAxNCA1IDExLjk5IDUgOS41UzcuMDEgNSA5LjUgNSAxNCA3LjAxIDE0IDkuNSAxMS45OSAxNCA5LjUgMTQiLz48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PC9zdmc+);
    background-position-x: 0 !important;
    background-position-y: 40% !important;
    background-repeat: no-repeat;
    border: 0 !important;
    padding-left: 30px !important;
    padding-right: 60px !important
}

.jdropdown-searchbar.jdropdown-focus .jdropdown-close {
    display: block
}

.jdropdown-searchbar .jdropdown-header {
    outline: none
}

.jdropdown-searchbar .jdropdown-container {
    margin-top: 40px;
    width: 100%
}

.jdropdown-searchbar .jdropdown-close {
    position: fixed;
    right: 0;
    top: 0
}

.jdropdown-searchbar .jdropdown-content {
    margin-top: 10px
}

.jdropdown-searchbar .jdropdown-group {
    background-color: #fff;
    margin-bottom: 15px;
    margin-top: 10px
}

.jdropdown-searchbar .jdropdown-group-name {
    border-bottom: 1px solid #e6e6e8;
    border-top: 1px solid #e6e6e8;
    font-weight: 700;
    padding: 10px 10px 10px 12px
}

.jdropdown-searchbar .jdropdown-group-arrow {
    background-repeat: no-repeat;
    float: right;
    height: 24px;
    width: 24px
}

.jdropdown-searchbar .jdropdown-group-arrow-down {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTcuNDEgOC41OSAxMiAxMy4xN2w0LjU5LTQuNThMMTggMTBsLTYgNi02LTZ6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPjwvc3ZnPg==)
}

.jdropdown-searchbar .jdropdown-group-arrow-up {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTcuNDEgMTUuNDEgMTIgMTAuODNsNC41OSA0LjU4TDE4IDE0bC02LTYtNiA2eiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=)
}

.jdropdown-searchbar .jdropdown-item {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e8;
    font-size: .9em;
    padding: 10px 40px 10px 15px
}

.jdropdown-searchbar .jdropdown-description {
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis
}

.jdropdown-searchbar .jdropdown-content>.jdropdown-item:first-child {
    border-top: 1px solid #e6e6e8
}

.jdropdown-searchbar .jdropdown-selected {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPjxwYXRoIGZpbGw9IiMwMDdhZmYiIGQ9Ik05IDE2LjE3IDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiLz48L3N2Zz4=);
    background-position: top 50% right 15px;
    background-repeat: no-repeat
}

.jdropdown-list .jdropdown-container {
    display: block
}

.jdropdown-list .jdropdown-header {
    display: none
}

.jdropdown-list .jdropdown-group {
    background-color: #fff
}

.jdropdown-list .jdropdown-group-name {
    border-bottom: 1px solid #e6e6e8;
    font-weight: 700;
    padding-bottom: 10px;
    padding-top: 10px
}

.jdropdown-list .jdropdown-item {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e8;
    padding: 10px 40px 10px 10px
}

.jdropdown-list .jdropdown-selected {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIvPjxwYXRoIGZpbGw9IiMwMDdhZmYiIGQ9Ik05IDE2LjE3IDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiLz48L3N2Zz4=);
    background-position: top 50% right 10px;
    background-repeat: no-repeat
}

@media only screen and (max-width:800px) {
    .jdropdown-list {
        border: 0;
        padding: 0;
        width: 100% !important
    }

    .jdropdown-list .jdropdown-container {
        min-width: 100%
    }

    .jdropdown-searchbar.jdropdown-focus .jdropdown-description {
        text-transform: uppercase
    }
}

.app .jdropdown-item {
    text-transform: uppercase
}

.jdropdown-create-container {
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 10px;
    padding: 6px
}

.jdropdown-color {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 12px;
    height: 12px;
    margin-right: 6px;
    width: 12px
}

.jdropdown-item[data-disabled] {
    opacity: .5;
    pointer-events: none
}

.jeditor-container {
    border: 1px solid #ccc;
    box-sizing: border-box
}

.jeditor-container.with-margin {
    background-color: #f2f2f2;
    max-width: 1200px
}

.jeditor-dragging {
    border: 1px dashed #000
}

.jeditor {
    outline: none;
    word-break: break-word
}

.jeditor-container.with-margin .jeditor {
    background-color: #fff;
    margin: 80px;
    max-width: 800px;
    min-height: 800px;
    padding: 80px
}

.jeditor[data-placeholder]:empty:before {
    color: #d3d3d3;
    content: attr(data-placeholder)
}

.jsnippet {
    border: 1px solid #ccc;
    cursor: pointer;
    margin-top: 15px;
    position: relative
}

.jsnippet:focus {
    outline: none
}

.jsnippet img {
    width: 100%
}

.jsnippet .jsnippet-title {
    font-size: 1.4em;
    padding: 15px
}

.jsnippet .jsnippet-description {
    font-size: 1em;
    padding-left: 15px;
    padding-right: 15px
}

.jsnippet .jsnippet-host {
    color: #777;
    font-size: .8em;
    padding: 15px;
    text-align: right;
    text-transform: uppercase
}

.jsnippet .jsnippet-url {
    display: none
}

.jeditor .jsnippet:after {
    content: "close";
    cursor: pointer;
    font-family: Material icons;
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 12px;
    text-shadow: 0 0 2px #fff;
    top: 12px;
    width: 24px
}

.jsnippet * {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none
}

.jeditor img {
    border: 2px solid transparent;
    box-sizing: border-box
}

.jeditor img.resizing {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none
}

.jeditor img:focus {
    border: 2px solid #0096fd;
    outline: #0096fd
}

.jeditor .pdf {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 512 512'%3E%3Cpath d='M511.344 274.266c.426-6.035.656-12.123.656-18.266C512 114.615 397.385 0 256 0S0 114.615 0 256c0 117.769 79.53 216.949 187.809 246.801z' style='fill:%23c30b15'/%3E%3Cpath d='M511.344 274.266 314.991 77.913 119.096 434.087l68.714 68.714C209.522 508.787 232.385 512 256 512c135.243 0 245.976-104.875 255.344-237.734' style='fill:%2385080e'/%3E%3Cpath d='m278.328 333.913-22.617-256H119.096v233.739z' style='fill:%23fff'/%3E%3Cpath d='M392.904 311.652V155.826l-55.652-22.261-22.261-55.652h-59.28l.356 256z' style='fill:%23e8e6e6'/%3E%3Cpath d='M314.991 155.826V77.913l77.913 77.913z' style='fill:%23fff'/%3E%3Cpath d='M119.096 311.652h273.809v122.435H119.096z' style='fill:%23fc0f1a'/%3E%3Cpath d='M204.871 346.387c13.547 0 21.341 6.659 21.341 18.465 0 12.412-7.795 19.601-21.341 19.601h-9.611v14.909h-13.471v-52.975zm-9.611 27.471h8.93c5.904 0 9.308-2.952 9.308-8.552 0-5.525-3.406-8.324-9.308-8.324h-8.93zM257.928 346.387c16.649 0 28.152 10.746 28.152 26.487 0 15.666-11.655 26.488-28.683 26.488h-22.25v-52.975zm-9.309 42.228h9.611c8.249 0 14.151-6.357 14.151-15.665 0-9.384-6.205-15.817-14.757-15.817h-9.006zM308.563 356.982v12.26h23.763v10.596h-23.763v19.525h-13.471v-52.975h39.277v10.595z' style='fill:%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    height: 60px;
    width: 60px
}

.jeditor-toolbar {
    box-sizing: border-box;
    margin: 10px;
    max-width: 100%;
    width: fit-content
}

.toolbar-on-top .jeditor-toolbar {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
    display: block;
    margin: 0;
    width: auto
}

.toolbar-on-top .jeditor {
    padding: 15px
}

.toolbar-on-top .jtoolbar .material-icons {
    font-size: 24px;
    margin: 4px;
    transform: none
}

.toolbar-on-top .jtoolbar .jpicker-header {
    font-size: 1em;
    margin-bottom: 4px;
    margin-top: 4px
}

.jeditor table {
    border-collapse: collapse
}

.jeditor table td {
    border: 1px solid #bbb;
    height: 2em
}

.jeditor table td:focus {
    border: 1px solid blue
}

.jeditor .line-break {
    border-top: 1px dashed #ccc;
    display: flex;
    justify-content: center;
    pointer-events: none
}

.jeditor .line-break:before {
    background-color: #fff;
    color: #ccc;
    content: "New page";
    margin: -1em;
    padding: 6px;
    position: absolute
}

.jfloating {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    bottom: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    margin-right: 5px;
    padding-top: 50px !important;
    position: fixed;
    right: 0;
    z-index: 9002
}

.jfloating.jfloating-big {
    height: 472px !important;
    width: 510px !important
}

.jfloating.jfloating-small {
    height: 320px !important;
    width: 300px !important
}

.jfloating.jfloating-large {
    height: 600px !important;
    width: 600px !important
}

.jfloating:before {
    background-color: #fff;
    background-color: #404040;
    border-radius: 8px 8px 0 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    color: #fff;
    content: attr(title);
    font-size: 1.2em;
    font-size: .93rem;
    font-weight: 600;
    left: 0;
    letter-spacing: .5px;
    padding: 15px;
    position: absolute;
    top: 0;
    width: 100%
}

.jfloating:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23FFF' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
    content: "";
    cursor: pointer;
    font-size: 24px;
    height: 24px;
    margin: 14px;
    position: absolute;
    right: 0;
    text-shadow: 0 0 5px #fff;
    top: 0;
    width: 24px
}

.jfloating_content {
    box-sizing: border-box;
    height: -webkit-fill-available;
    max-height: 100%;
    overflow-y: auto;
    padding: 20px
}

.jfloating.jfloating-minimized {
    height: 50px !important
}

.jfloating.jfloating-minimized .jfloating_content {
    display: none
}

.jmodal {
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    flex-direction: column;
    height: 60%;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    z-index: 9002
}

.jmodal,
.jmodal_title {
    background-color: #fff;
    box-sizing: border-box;
    display: flex
}

.jmodal_title {
    -webkit-align-items: center;
    border-radius: 8px 8px 0 0;
    height: 70px;
    padding: 20px;
    pointer-events: none;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid #eee
}

.jmodal_title,
.jmodal_title>div {
    font-size: 1.4em
}

.jmodal_title[data-icon]:before {
    content: attr(data-icon);
    font-family: Material Icons !important;
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    width: 24px
}

.jmodal_content {
    box-sizing: border-box;
    height: 100%;
    overflow-y: auto;
    padding: 20px;
    scrollbar-color: #333 transparent;
    scrollbar-width: thin
}

.jmodal_title:empty {
    display: none
}

.jmodal_title:empty+.jmodal_content {
    height: 100%
}

.jmodal_content::-webkit-scrollbar {
    height: 12px;
    width: 12px
}

.jmodal_content::-webkit-scrollbar-track {
    background: #eee;
    border: 1px solid #fff
}

.jmodal_content::-webkit-scrollbar-thumb {
    background: #888;
    border: 1px solid #fff
}

.jmodal:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
    content: "";
    cursor: pointer;
    font-size: 24px;
    height: 24px;
    margin: 25px;
    position: absolute;
    right: 0;
    text-shadow: 0 0 5px #fff;
    top: 0;
    width: 24px
}

.jmodal_fullscreen {
    border: 0;
    border-radius: 0;
    height: 100% !important;
    left: 0;
    top: 0;
    transform: none;
    width: 100% !important
}

.jmodal_backdrop {
    background-color: rgba(0, 0, 0, .2);
    border: 0;
    display: none;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 8000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jmodal_content .jcalendar .jcalendar-content,
.jmodal_content .jdropdown-container {
    position: fixed
}

.jnotification {
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    position: fixed;
    z-index: 10000
}

.jnotification-container {
    background-color: #000;
    background: #5c5c5c;
    background: linear-gradient(0deg, #5c5c5c, #4d4d4d);
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 15px -5px rgba(0, 0, 0, .7);
    box-shadow: 0 2px 15px -5px rgba(0, 0, 0, .7);
    color: #fff;
    margin: 30px;
    padding: 20px;
    width: 320px
}

.jnotification-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
    content: "";
    cursor: pointer;
    font-size: 20px;
    height: 20px;
    width: 20px
}

.jnotification-title {
    font-weight: 700
}

.jnotification-header {
    padding-bottom: 5px
}

.jnotification-header:empty {
    display: none
}

.jnotification-image {
    margin-right: 5px
}

.jnotification-image:empty {
    display: none
}

.jnotification-image img {
    width: 24px
}

.jnotification-name {
    flex: 1;
    font-size: .9em;
    letter-spacing: .1em;
    text-transform: uppercase
}

.jnotification-error .jnotification-container {
    background: #b62606;
    background: linear-gradient(0deg, #aa290d, #950b0b)
}

@media (max-width:800px) {
    .jnotification {
        top: calc(var(--jsafe-area-top));
        width: 100%
    }

    .jnotification-container {
        background: hsla(0, 0%, 100%, .95);
        border: 1px solid #eee;
        color: #444;
        margin: 0;
        width: auto
    }

    .jnotification-error .jnotification-container {
        background: hsla(0, 0%, 100%, .95);
        color: #790909
    }

    .jnotification-close {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E")
    }
}

.jnotification-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.jpicker {
    display: inline-flex;
    min-height: 26px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.jpicker,
.jpicker-header {
    cursor: pointer;
    outline: none
}

.jpicker-header {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='gray' d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");
    background-position: top 50% right 5px;
    background-repeat: no-repeat;
    border-radius: 4px;
    box-sizing: border-box;
    line-height: 24px;
    padding: 2px 35px 2px 12px;
    text-align: left;
    text-overflow: ellipsis
}

.jpicker-header:hover {
    background-color: #f2f2f2
}

.jpicker-content {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    display: none;
    max-height: 250px;
    padding: 4px;
    position: absolute;
    scrollbar-color: #333 transparent;
    scrollbar-width: thin;
    text-align: left;
    top: 0;
    z-index: 50
}

.jpicker-content::-webkit-scrollbar {
    width: 8px
}

.jpicker-content::-webkit-scrollbar-track {
    background: #eee
}

.jpicker-content::-webkit-scrollbar-thumb {
    background: #888
}

.jpicker-content>div {
    padding: 6px 15px
}

.jpicker-focus>.jpicker-content {
    display: block
}

.jpicker-content>div:hover {
    background-color: #efefef
}

.jpicker-content>div:empty {
    opacity: 0
}

.jpicker-header>div,
.jpicker-header>i {
    display: block
}

.jpicker-focus>.jpicker-content.jpicker-columns {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center
}

.jpicker-focus .jpicker-content.jpicker-grid {
    display: inline-grid
}

.jprogressbar {
    -webkit-touch-callout: none;
    background: #fff;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    border: 1px solid #ccc;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    position: relative
}

.jprogressbar:before {
    content: attr(data-value);
    margin: 5px 5px 5px 10px;
    position: absolute
}

.jprogressbar-header::placeholder {
    color: #000
}

.jprogressbar:focus {
    outline: 5px auto -webkit-focus-ring-color
}

.jprogressbar>div {
    background-color: #eee;
    background-color: red;
    box-sizing: border-box;
    height: 31px
}

.jrating {
    display: flex
}

.jrating>div {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='gray' d='m22 9.24-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
    height: 24px;
    line-height: 24px;
    width: 24px
}

.jrating .jrating-over {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
    opacity: .7
}

.jrating .jrating-selected {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='red'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E")
}

.jsearch {
    display: none;
    position: relative
}

.jsearch,
.jsearch_container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jsearch_container {
    background: #fff;
    border: none;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .302), 0 2px 6px 2px rgba(60, 64, 67, .149);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    cursor: pointer;
    margin: 0;
    min-width: 300px;
    outline: none;
    padding: 8px 0;
    position: absolute;
    -webkit-transition: opacity .218s;
    transition: opacity .218s;
    width: 280px;
    width: auto;
    z-index: 1
}

.jsearch_container:empty:after {
    content: attr(data-placeholder)
}

.jsearch_container>div {
    -webkit-align-items: center;
    align-items: center;
    color: #333;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 5px 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jsearch_container>div:hover {
    background-color: #e8eaed
}

.jsearch_container>div>img {
    border-radius: 16px;
    height: 32px;
    margin-right: 2px;
    user-select: none;
    width: 32px
}

.jsearch_container>div>div {
    margin-left: 2px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    white-space: nowrap
}

.jsearch_container .selected {
    background-color: #e8eaed
}

.jslider {
    outline: none
}

.jslider-focus {
    height: 100% !important;
    width: 100% !important
}

.jslider img {
    width: 100px
}

.jslider-left:before {
    content: "arrow_back_ios";
    left: 15px
}

.jslider-left:before,
.jslider-right:after {
    color: #fff;
    cursor: pointer;
    font-family: Material Icons;
    font-size: 30px;
    height: 30px;
    position: fixed;
    text-align: center;
    text-shadow: 0 0 6px #383838;
    top: 50%;
    width: 30px
}

.jslider-right:after {
    content: "arrow_forward_ios";
    right: 15px
}

.jslider-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
    display: block !important;
    right: 15px;
    top: 15px;
    width: 24px
}

.jslider-close,
.jslider-counter {
    cursor: pointer;
    height: 24px;
    position: fixed;
    z-index: 3000
}

.jslider-counter {
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent;
    bottom: 15px;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%)
}

.jslider-caption {
    color: #fff;
    display: block !important;
    font-size: 1rem;
    left: 15px;
    max-width: 90vw;
    overflow: hidden;
    position: fixed;
    text-overflow: ellipsis;
    top: 15px;
    white-space: nowrap;
    z-index: 3000
}

.jslider-counter div {
    background: #fff;
    border-radius: 50%;
    display: block !important;
    height: 10px;
    margin: 0 5px;
    width: 10px
}

.jslider-counter .jslider-counter-focus {
    background-color: #6495ed;
    pointer-events: none
}

.jslider-focus {
    background-color: rgba(0, 0, 0, .8);
    box-sizing: border-box;
    display: flex;
    left: 0;
    margin: 0;
    max-height: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    -webkit-transition-duration: .05s;
    transition-duration: .05s;
    width: 100%;
    z-index: 2000;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.jslider-focus img {
    box-sizing: border-box;
    display: none;
    height: auto;
    margin: 0 auto;
    vertical-align: middle;
    width: 50vw
}

.jslider-focus img.jslider-vertical {
    height: 80vh;
    width: auto
}

@media only screen and (max-width:576px) {
    .jslider-focus img.jslider-vertical {
        height: auto !important;
        width: 99vw !important
    }

    .jslider-focus img {
        height: auto !important;
        width: 100vw !important
    }
}

.jslider-grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 1px;
    position: relative
}

.jslider-grid[data-number="2"] {
    -ms-grid-columns: 1fr 50%;
    grid-template-columns: 1fr 50%
}

.jslider-grid[data-number="3"] {
    -ms-grid-columns: 1fr 33%;
    grid-template-columns: 1fr 33%
}

.jslider-grid[data-number="4"] {
    -ms-grid-columns: 1fr 25%;
    grid-template-columns: 1fr 25%
}

.jslider-grid img {
    display: none;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.jslider-grid[data-total]:after {
    bottom: 6px;
    color: #fff;
    content: attr(data-total) "+";
    font-size: 1.5em;
    position: absolute;
    right: 15px
}

.jslider-grid img:first-child {
    display: block;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1
}

.jslider-grid[data-number="2"] img:nth-child(2) {
    display: block;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1
}

.jslider-grid[data-number="3"] img:first-child {
    -ms-grid-column: 1/2;
    grid-column: 1/2;
    -ms-grid-row: 1/4;
    grid-row: 1/4
}

.jslider-grid[data-number="3"] img:nth-child(2) {
    display: block;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1
}

.jslider-grid[data-number="3"] img:nth-child(3) {
    display: block;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2
}

.jslider-grid[data-number="4"] img:first-child {
    -ms-grid-column: 1/2;
    grid-column: 1/2;
    -ms-grid-row: 1/4;
    grid-row: 1/4
}

.jslider-grid[data-number="4"] img:nth-child(2) {
    display: block;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1
}

.jslider-grid[data-number="4"] img:nth-child(3) {
    display: block;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2
}

.jslider-grid[data-number="4"] img:nth-child(4) {
    display: block;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 3;
    grid-row: 3
}

.jtabs {
    max-width: 100vw;
    position: relative
}

.jtabs .jtabs-headers,
.jtabs .jtabs-headers-container {
    align-items: center;
    display: flex
}

.jtabs .jtabs-headers {
    overflow: hidden;
    position: relative
}

.jtabs .jtabs-headers>div:not(.jtabs-border) {
    background-color: #f1f1f1;
    cursor: pointer;
    margin-left: 1px;
    margin-right: 1px;
    padding: 8px 20px;
    text-align: center;
    white-space: nowrap
}

.jtabs .jtabs-headers>div.jtabs-selected {
    background-color: #e8e8e8;
    color: #000
}

.jtabs .jtabs-headers>div>div {
    color: #555;
    overflow: hidden;
    width: 100%
}

.jtabs .jtabs-headers i {
    display: block;
    margin: auto
}

.jtabs .jtabs-content {
    box-sizing: border-box
}

.jtabs .jtabs-content>div {
    box-sizing: border-box;
    display: none
}

.jtabs .jtabs-content>div.jtabs-selected {
    display: block
}

.jtabs .jtabs-border {
    background-color: #888;
    display: none;
    height: 2px;
    pointer-events: none;
    position: absolute;
    transform-origin: left;
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transition-property: color, left, transform
}

.jtabs-animation .jtabs-border {
    display: initial
}

.jtabs .jtabs-controls {
    display: flex;
    margin: 3px 3px 3px 10px;
    min-width: 82px
}

.jtabs .jtabs-controls>div {
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    width: 24px
}

.jtabs .jtabs-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='gray' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
    margin-left: 10px
}

.jtabs .jtabs-prev.disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23d3d3d3' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");
    margin-left: 10px
}

.jtabs .jtabs-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='gray' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E")
}

.jtabs .jtabs-next.disabled {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23d3d3d3' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E")
}

.jtabs .jtabs-add {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23bbb' d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E")
}

.jtabs.jtabs-modern .jtabs-headers>div:not(.jtabs-border) {
    background-color: #fff;
    padding: 4px 10px
}

.jtabs.jtabs-modern .jtabs-headers>.jtabs-selected,
.jtabs.jtabs-modern .jtabs-headers>.jtabs-selected .material-icons {
    color: #000
}

.jtabs.jtabs-modern .jtabs-headers {
    background: #eeeeef !important;
    border-radius: 4px;
    padding: 2px
}

.jtabs.jtabs-modern .jtabs-headers .jtabs-border {
    border-color: #eeeeef !important
}

.jtabs.jtabs-modern .jtabs-border {
    background-color: hsla(80, 7%, 75%, .884)
}

.jtags {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    -ms-flex-pack: flex-start;
    border: 1px solid #ccc;
    -webkit-justify-content: space-between;
    justify-content: flex-start;
    padding: 1px;
    position: relative
}

.jtags.jtags-empty:not(.jtags-focus):before {
    color: #ccc;
    content: attr(data-placeholder);
    margin: 3px 3px 3px 6px;
    position: absolute;
    top: 0
}

.jtags>div {
    border-radius: 1px;
    display: block;
    font-size: .9em;
    margin: 2px;
    outline: none;
    padding: 3px 22px 3px 10px;
    position: relative
}

.jtags>div:empty:before {
    content: " ";
    white-space: pre
}

.jtags>div:after {
    content: "x";
    cursor: pointer;
    display: none;
    font-size: .9em;
    height: 12px;
    position: absolute;
    right: 4px;
    width: 12px
}

.jtags_label {
    background-color: #e4e4e4 !important
}

.jtags_label:after {
    display: inline-block !important
}

.jtags_error:after {
    color: #fff !important
}

.jtags_error {
    background-color: #d93025 !important;
    color: #fff
}

.jtoolbar-container {
    border-radius: 2px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    display: inline-flex !important
}

.jtoolbar {
    cursor: pointer;
    display: flex;
    font-size: 13px;
    padding: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.jtoolbar-disabled {
    opacity: .4;
    pointer-events: none
}

.jtoolbar-mobile {
    background: #f7f7f8;
    border-radius: 0;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    display: flex;
    left: 0;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 1
}

.jtoolbar>div {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: space-evenly;
    vertical-align: middle
}

.jtoolbar-mobile>div {
    display: flex;
    width: 100%
}

.jtoolbar .jtoolbar-item {
    margin: auto;
    padding: 2px 4px;
    text-align: center
}

.jtoolbar-mobile .jtoolbar-item {
    flex: 1;
    position: relative
}

.jtoolbar .jtoolbar-divisor {
    background-color: #ddd;
    height: 18px;
    margin-left: 4px;
    margin-right: 4px;
    padding: 0;
    width: 2px
}

.jtoolbar .jtoolbar-label {
    padding-left: 8px;
    padding-right: 8px
}

.jtoolbar-mobile a {
    display: inline-block;
    text-decoration: none
}

.jtoolbar-mobile i {
    color: #929292;
    display: inline-flex !important
}

.jtoolbar-mobile span {
    color: #929292;
    display: block;
    font-size: .7em
}

.jtoolbar-mobile .jtoolbar-selected a,
.jtoolbar-mobile .jtoolbar-selected i,
.jtoolbar-mobile .jtoolbar-selected span {
    background-color: transparent;
    color: var(--jactive-color) !important
}

.jtoolbar-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jtoolbar-item i {
    color: #333;
    display: block
}

.jtoolbar-item:hover {
    background-color: #f2f2f2
}

.jtoolbar .jpicker {
    padding-left: 0;
    padding-right: 0
}

.jtoolbar .jpicker-header {
    align-items: center;
    background-position: top 50% right 0;
    display: flex;
    padding: 0 20px 0 8px
}

.jtoolbar .jpicker-content>div {
    padding: 6px
}

.jtoolbar-active {
    background-color: #eee
}

.jtoolbar .fa {
    display: block;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    width: 18px
}

.jtoolbar .material-icons {
    display: block;
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    transform: rotate(.03deg);
    width: 24px
}

.jtoolbar .jtoolbar-arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    border-left: 1px solid #f2f2f2;
    height: 16px;
    margin-left: 4px;
    width: 24px
}

.jtoolbar-floating {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    display: none;
    margin-right: 20px;
    padding: 4px;
    position: absolute;
    text-align: left;
    z-index: 50
}

.jtoolbar-floating .jtoolbar-divisor {
    display: none
}

.jtoolbar-arrow-selected .jtoolbar-floating {
    display: flex;
    flex-wrap: wrap
}

:root {
    --dt-row-selected: 13, 110, 253;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 228, 228, 228;
    --dt-row-stripe: 0, 0, 0;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-header-align-items: center;
    --dt-header-vertical-align: middle;
    --dt-html-background: #fff
}

:root.dark {
    --dt-html-background: #212529
}

table.dataTable tbody td.dt-control {
    cursor: pointer;
    text-align: center
}

table.dataTable tbody td.dt-control:before {
    border-color: transparent transparent transparent rgba(0, 0, 0, .5);
    border-style: solid;
    border-width: 5px 0 5px 10px;
    box-sizing: border-box;
    content: "";
    display: inline-block
}

table.dataTable tbody tr.dt-hasChild td.dt-control:before {
    border-color: rgba(0, 0, 0, .5) transparent transparent;
    border-style: solid;
    border-width: 10px 5px 0
}

table.dataTable tfoot:empty {
    display: none
}

:root[data-bs-theme=dark] table.dataTable td.dt-control:before,
:root[data-theme=dark] table.dataTable td.dt-control:before,
html.dark table.dataTable td.dt-control:before {
    border-left-color: hsla(0, 0%, 100%, .5)
}

:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,
html.dark table.dataTable tr.dt-hasChild td.dt-control:before {
    border-left-color: transparent;
    border-top-color: hsla(0, 0%, 100%, .5)
}

div.dt-scroll {
    width: 100%
}

div.dt-scroll-body tfoot tr,
div.dt-scroll-body thead tr {
    height: 0
}

div.dt-scroll-body tfoot tr td,
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body thead tr td,
div.dt-scroll-body thead tr th {
    border-bottom-width: 0 !important;
    border-top-width: 0 !important;
    height: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body thead tr td div.dt-scroll-sizing,
div.dt-scroll-body thead tr th div.dt-scroll-sizing {
    height: 0 !important;
    overflow: hidden !important
}

table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before {
    bottom: 50%;
    content: "\25B2";
    content: "\25B2" /"";
    display: block;
    position: absolute
}

table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after {
    content: "\25BC";
    content: "\25BC" /"";
    display: block;
    position: absolute;
    top: 50%
}

table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order {
    height: 20px;
    position: relative;
    width: 12px
}

table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before {
    font-size: .8em;
    left: 0;
    line-height: 9px;
    opacity: .125
}

table.dataTable thead>tr>td.dt-orderable-asc,
table.dataTable thead>tr>td.dt-orderable-desc,
table.dataTable thead>tr>th.dt-orderable-asc,
table.dataTable thead>tr>th.dt-orderable-desc {
    cursor: pointer
}

table.dataTable thead>tr>td.dt-orderable-asc:hover,
table.dataTable thead>tr>td.dt-orderable-desc:hover,
table.dataTable thead>tr>th.dt-orderable-asc:hover,
table.dataTable thead>tr>th.dt-orderable-desc:hover {
    outline: 2px solid rgba(0, 0, 0, .05);
    outline-offset: -2px
}

table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after {
    opacity: .6
}

table.dataTable thead>tr>td.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc) span.dt-column-order:empty,
table.dataTable thead>tr>td.sorting_asc_disabled span.dt-column-order:before,
table.dataTable thead>tr>td.sorting_desc_disabled span.dt-column-order:after,
table.dataTable thead>tr>th.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc) span.dt-column-order:empty,
table.dataTable thead>tr>th.sorting_asc_disabled span.dt-column-order:before,
table.dataTable thead>tr>th.sorting_desc_disabled span.dt-column-order:after {
    display: none
}

table.dataTable thead>tr>td:active,
table.dataTable thead>tr>th:active {
    outline: none
}

table.dataTable tfoot>tr>td div.dt-column-footer,
table.dataTable tfoot>tr>td div.dt-column-header,
table.dataTable tfoot>tr>th div.dt-column-footer,
table.dataTable tfoot>tr>th div.dt-column-header,
table.dataTable thead>tr>td div.dt-column-footer,
table.dataTable thead>tr>td div.dt-column-header,
table.dataTable thead>tr>th div.dt-column-footer,
table.dataTable thead>tr>th div.dt-column-header {
    align-items: var(--dt-header-align-items);
    display: flex;
    gap: 4px;
    justify-content: space-between
}

table.dataTable tfoot>tr>td div.dt-column-footer span.dt-column-title,
table.dataTable tfoot>tr>td div.dt-column-header span.dt-column-title,
table.dataTable tfoot>tr>th div.dt-column-footer span.dt-column-title,
table.dataTable tfoot>tr>th div.dt-column-header span.dt-column-title,
table.dataTable thead>tr>td div.dt-column-footer span.dt-column-title,
table.dataTable thead>tr>td div.dt-column-header span.dt-column-title,
table.dataTable thead>tr>th div.dt-column-footer span.dt-column-title,
table.dataTable thead>tr>th div.dt-column-header span.dt-column-title {
    flex-grow: 1
}

table.dataTable tfoot>tr>td div.dt-column-footer span.dt-column-title:empty,
table.dataTable tfoot>tr>td div.dt-column-header span.dt-column-title:empty,
table.dataTable tfoot>tr>th div.dt-column-footer span.dt-column-title:empty,
table.dataTable tfoot>tr>th div.dt-column-header span.dt-column-title:empty,
table.dataTable thead>tr>td div.dt-column-footer span.dt-column-title:empty,
table.dataTable thead>tr>td div.dt-column-header span.dt-column-title:empty,
table.dataTable thead>tr>th div.dt-column-footer span.dt-column-title:empty,
table.dataTable thead>tr>th div.dt-column-header span.dt-column-title:empty {
    display: none
}

div.dt-scroll-body>table.dataTable>thead>tr>td,
div.dt-scroll-body>table.dataTable>thead>tr>th {
    overflow: hidden
}

:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,
:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,
:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,
:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover {
    outline: 2px solid hsla(0, 0%, 100%, .05)
}

div.dt-processing {
    left: 50%;
    margin-left: -100px;
    margin-top: -22px;
    padding: 2px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 200px;
    z-index: 10
}

div.dt-processing>div:last-child {
    height: 15px;
    margin: 1em auto;
    position: relative;
    width: 80px
}

div.dt-processing>div:last-child>div {
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
    background: #0d6efd;
    background: rgb(var(--dt-row-selected));
    border-radius: 50%;
    height: 13px;
    position: absolute;
    top: 0;
    width: 13px
}

div.dt-processing>div:last-child>div:first-child {
    animation: datatables-loader-1 .6s infinite;
    left: 8px
}

div.dt-processing>div:last-child>div:nth-child(2) {
    animation: datatables-loader-2 .6s infinite;
    left: 8px
}

div.dt-processing>div:last-child>div:nth-child(3) {
    animation: datatables-loader-2 .6s infinite;
    left: 32px
}

div.dt-processing>div:last-child>div:nth-child(4) {
    animation: datatables-loader-3 .6s infinite;
    left: 56px
}

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(24px)
    }
}

table.dataTable.nowrap td,
table.dataTable.nowrap th {
    white-space: nowrap
}

table.dataTable td,
table.dataTable th {
    box-sizing: border-box
}

table.dataTable td.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable th.dt-type-numeric {
    text-align: right
}

table.dataTable td.dt-type-date div.dt-column-footer,
table.dataTable td.dt-type-date div.dt-column-header,
table.dataTable td.dt-type-numeric div.dt-column-footer,
table.dataTable td.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-footer,
table.dataTable th.dt-type-date div.dt-column-header,
table.dataTable th.dt-type-numeric div.dt-column-footer,
table.dataTable th.dt-type-numeric div.dt-column-header {
    flex-direction: row-reverse
}

table.dataTable td.dt-left,
table.dataTable th.dt-left {
    text-align: left
}

table.dataTable td.dt-left div.dt-column-footer,
table.dataTable td.dt-left div.dt-column-header,
table.dataTable th.dt-left div.dt-column-footer,
table.dataTable th.dt-left div.dt-column-header {
    flex-direction: row
}

table.dataTable td.dt-center,
table.dataTable th.dt-center {
    text-align: center
}

table.dataTable td.dt-right,
table.dataTable th.dt-right {
    text-align: right
}

table.dataTable td.dt-right div.dt-column-footer,
table.dataTable td.dt-right div.dt-column-header,
table.dataTable th.dt-right div.dt-column-footer,
table.dataTable th.dt-right div.dt-column-header {
    flex-direction: row-reverse
}

table.dataTable td.dt-justify,
table.dataTable th.dt-justify {
    text-align: justify
}

table.dataTable td.dt-justify div.dt-column-footer,
table.dataTable td.dt-justify div.dt-column-header,
table.dataTable th.dt-justify div.dt-column-footer,
table.dataTable th.dt-justify div.dt-column-header {
    flex-direction: row
}

table.dataTable td.dt-nowrap,
table.dataTable th.dt-nowrap {
    white-space: nowrap
}

table.dataTable td.dt-empty,
table.dataTable th.dt-empty {
    text-align: center;
    vertical-align: top
}

table.dataTable tfoot td,
table.dataTable tfoot th,
table.dataTable thead td,
table.dataTable thead th {
    text-align: left;
    vertical-align: var(--dt-header-vertical-align)
}

table.dataTable tfoot td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable thead th.dt-head-left {
    text-align: left
}

table.dataTable tfoot td.dt-head-left div.dt-column-footer,
table.dataTable tfoot td.dt-head-left div.dt-column-header,
table.dataTable tfoot th.dt-head-left div.dt-column-footer,
table.dataTable tfoot th.dt-head-left div.dt-column-header,
table.dataTable thead td.dt-head-left div.dt-column-footer,
table.dataTable thead td.dt-head-left div.dt-column-header,
table.dataTable thead th.dt-head-left div.dt-column-footer,
table.dataTable thead th.dt-head-left div.dt-column-header {
    flex-direction: row
}

table.dataTable tfoot td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable thead th.dt-head-center {
    text-align: center
}

table.dataTable tfoot td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable thead th.dt-head-right {
    text-align: right
}

table.dataTable tfoot td.dt-head-right div.dt-column-footer,
table.dataTable tfoot td.dt-head-right div.dt-column-header,
table.dataTable tfoot th.dt-head-right div.dt-column-footer,
table.dataTable tfoot th.dt-head-right div.dt-column-header,
table.dataTable thead td.dt-head-right div.dt-column-footer,
table.dataTable thead td.dt-head-right div.dt-column-header,
table.dataTable thead th.dt-head-right div.dt-column-footer,
table.dataTable thead th.dt-head-right div.dt-column-header {
    flex-direction: row-reverse
}

table.dataTable tfoot td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable thead th.dt-head-justify {
    text-align: justify
}

table.dataTable tfoot td.dt-head-justify div.dt-column-footer,
table.dataTable tfoot td.dt-head-justify div.dt-column-header,
table.dataTable tfoot th.dt-head-justify div.dt-column-footer,
table.dataTable tfoot th.dt-head-justify div.dt-column-header,
table.dataTable thead td.dt-head-justify div.dt-column-footer,
table.dataTable thead td.dt-head-justify div.dt-column-header,
table.dataTable thead th.dt-head-justify div.dt-column-footer,
table.dataTable thead th.dt-head-justify div.dt-column-header {
    flex-direction: row
}

table.dataTable tfoot td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable thead th.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody td.dt-body-left,
table.dataTable tbody th.dt-body-left {
    text-align: left
}

table.dataTable tbody td.dt-body-center,
table.dataTable tbody th.dt-body-center {
    text-align: center
}

table.dataTable tbody td.dt-body-right,
table.dataTable tbody th.dt-body-right {
    text-align: right
}

table.dataTable tbody td.dt-body-justify,
table.dataTable tbody th.dt-body-justify {
    text-align: justify
}

table.dataTable tbody td.dt-body-nowrap,
table.dataTable tbody th.dt-body-nowrap {
    white-space: nowrap
}

:root {
    --dt-row-hover-alpha: 0.035;
    --dt-row-stripe-alpha: 0.023;
    --dt-column-ordering-alpha: 0.019;
    --dt-row-selected-stripe-alpha: 0.923;
    --dt-row-selected-column-ordering-alpha: 0.919
}

table.dataTable {
    border-spacing: 0;
    margin: 0 auto;
    width: 100%
}

table.dataTable tfoot th,
table.dataTable thead th {
    font-weight: 700
}

table.dataTable>thead>tr>td,
table.dataTable>thead>tr>th {
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    padding: 10px
}

table.dataTable>thead>tr>td:active,
table.dataTable>thead>tr>th:active {
    outline: none
}

table.dataTable>tfoot>tr>td,
table.dataTable>tfoot>tr>th {
    border-top: 1px solid rgba(0, 0, 0, .3);
    padding: 10px 10px 6px
}

table.dataTable>tbody>tr {
    background-color: transparent
}

table.dataTable>tbody>tr:first-child>* {
    border-top: none
}

table.dataTable>tbody>tr:last-child>* {
    border-bottom: none
}

table.dataTable>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .9);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), .9);
    color: #fff;
    color: rgb(var(--dt-row-selected-text))
}

table.dataTable>tbody>tr.selected a {
    color: #e4e4e4;
    color: rgb(var(--dt-row-selected-link))
}

table.dataTable>tbody>tr>td,
table.dataTable>tbody>tr>th {
    padding: 8px 10px
}

table.dataTable.display>tbody>tr>*,
table.dataTable.row-border>tbody>tr>* {
    border-top: 1px solid rgba(0, 0, 0, .15)
}

table.dataTable.display>tbody>tr:first-child>*,
table.dataTable.row-border>tbody>tr:first-child>* {
    border-top: none
}

table.dataTable.display>tbody>tr.selected+tr.selected>td,
table.dataTable.row-border>tbody>tr.selected+tr.selected>td {
    border-top-color: rgba(13, 110, 253, .65);
    border-top-color: rgba(var(--dt-row-selected), .65)
}

table.dataTable.cell-border>tbody>tr>* {
    border-right: 1px solid rgba(0, 0, 0, .15);
    border-top: 1px solid rgba(0, 0, 0, .15)
}

table.dataTable.cell-border>tbody>tr>:first-child {
    border-left: 1px solid rgba(0, 0, 0, .15)
}

table.dataTable.cell-border>tbody>tr:first-child>* {
    border-top: 1px solid rgba(0, 0, 0, .3)
}

table.dataTable.display>tbody>tr:nth-child(odd)>*,
table.dataTable.stripe>tbody>tr:nth-child(odd)>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .023);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), var(--dt-row-stripe-alpha))
}

table.dataTable.display>tbody>tr:nth-child(odd).selected>*,
table.dataTable.stripe>tbody>tr:nth-child(odd).selected>* {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .923);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-stripe-alpha))
}

table.dataTable.display>tbody>tr:hover>*,
table.dataTable.hover>tbody>tr:hover>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .035);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), var(--dt-row-hover-alpha))
}

table.dataTable.display>tbody>tr.selected:hover>*,
table.dataTable.hover>tbody>tr.selected:hover>* {
    box-shadow: inset 0 0 0 9999px #0d6efd !important;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important
}

table.dataTable.display>tbody tr>.sorting_1,
table.dataTable.display>tbody tr>.sorting_2,
table.dataTable.display>tbody tr>.sorting_3,
table.dataTable.order-column>tbody tr>.sorting_1,
table.dataTable.order-column>tbody tr>.sorting_2,
table.dataTable.order-column>tbody tr>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .019);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), var(--dt-column-ordering-alpha))
}

table.dataTable.display>tbody tr.selected>.sorting_1,
table.dataTable.display>tbody tr.selected>.sorting_2,
table.dataTable.display>tbody tr.selected>.sorting_3,
table.dataTable.order-column>tbody tr.selected>.sorting_1,
table.dataTable.order-column>tbody tr.selected>.sorting_2,
table.dataTable.order-column>tbody tr.selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .919);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-column-ordering-alpha))
}

table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .054);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha)))
}

table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_2,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .047);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - .007))
}

table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_3,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .039);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - .015))
}

table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .954);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)))
}

table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_2,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .947);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - .007))
}

table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_3,
table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .939);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - .015))
}

table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .082);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha)))
}

table.dataTable.display tbody tr:hover>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .074);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - .007))
}

table.dataTable.display tbody tr:hover>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .062);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - .015))
}

table.dataTable.display tbody tr:hover.selected>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .982);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)))
}

table.dataTable.display tbody tr:hover.selected>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .974);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - .007))
}

table.dataTable.display tbody tr:hover.selected>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, .962);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - .015))
}

table.dataTable.compact tbody td,
table.dataTable.compact tbody th,
table.dataTable.compact tfoot td,
table.dataTable.compact tfoot th,
table.dataTable.compact thead td,
table.dataTable.compact thead th {
    padding: 4px
}

div.dt-container div.dt-layout-row {
    margin: .75em 0;
    width: 100%
}

div.dt-container div.dt-layout-row,
div.dt-container div.dt-layout-row div.dt-layout-cell {
    align-items: center;
    display: flex;
    justify-content: space-between
}

div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
    justify-content: flex-start;
    margin-right: auto
}

div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
    justify-content: flex-end;
    margin-left: auto
}

div.dt-container div.dt-layout-row div.dt-layout-cell:empty {
    display: none
}

@media screen and (max-width:767px) {
    div.dt-container div.dt-layout-row:not(.dt-layout-table) {
        display: block
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell {
        display: block;
        text-align: center
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell>* {
        margin: .5em 0
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-start {
        margin-right: 0
    }

    div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-end {
        margin-left: 0
    }
}

div.dt-container div.dt-layout-start>:not(:last-child) {
    margin-right: 1em
}

div.dt-container div.dt-layout-end>:not(:first-child) {
    margin-left: 1em
}

div.dt-container div.dt-layout-full {
    width: 100%
}

div.dt-container div.dt-layout-full>:only-child {
    margin-left: auto;
    margin-right: auto
}

div.dt-container div.dt-layout-table>div {
    display: block !important
}

@media screen and (max-width:767px) {
    div.dt-container div.dt-layout-start>:not(:last-child) {
        margin-right: 0
    }

    div.dt-container div.dt-layout-end>:not(:first-child) {
        margin-left: 0
    }
}

div.dt-container {
    clear: both;
    position: relative
}

div.dt-container .dt-search input {
    margin-left: 3px
}

div.dt-container .dt-input,
div.dt-container .dt-search input {
    background-color: transparent;
    border: 1px solid #aaa;
    border-radius: 3px;
    color: inherit;
    padding: 5px
}

div.dt-container select.dt-input {
    padding: 4px
}

div.dt-container .dt-paging .dt-paging-button {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 2px;
    box-sizing: border-box;
    color: inherit !important;
    cursor: pointer;
    display: inline-block;
    margin-left: 2px;
    min-width: 1.5em;
    padding: .5em 1em;
    text-align: center;
    text-decoration: none !important
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
    background-color: rgba(0, 0, 0, .05);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 90%, .05)), color-stop(100%, rgba(0, 0, 0, .05)));
    background: -webkit-linear-gradient(top, hsla(0, 0%, 90%, .05), rgba(0, 0, 0, .05));
    background: -moz-linear-gradient(top, hsla(0, 0%, 90%, .05) 0, rgba(0, 0, 0, .05) 100%);
    background: -ms-linear-gradient(top, hsla(0, 0%, 90%, .05) 0, rgba(0, 0, 0, .05) 100%);
    background: -o-linear-gradient(top, hsla(0, 0%, 90%, .05) 0, rgba(0, 0, 0, .05) 100%);
    background: linear-gradient(180deg, hsla(0, 0%, 90%, .05) 0, rgba(0, 0, 0, .05));
    border: 1px solid rgba(0, 0, 0, .3);
    color: inherit !important
}

div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:active,
div.dt-container .dt-paging .dt-paging-button.disabled:hover {
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    color: rgba(0, 0, 0, .5) !important;
    cursor: default
}

div.dt-container .dt-paging .dt-paging-button:hover {
    background-color: #111;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858, #111);
    background: -moz-linear-gradient(top, #585858 0, #111 100%);
    background: -ms-linear-gradient(top, #585858 0, #111 100%);
    background: -o-linear-gradient(top, #585858 0, #111 100%);
    background: linear-gradient(180deg, #585858 0, #111);
    border: 1px solid #111;
    color: #fff !important
}

div.dt-container .dt-paging .dt-paging-button:active {
    background-color: #0c0c0c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2b2b2b), color-stop(100%, #0c0c0c));
    background: -webkit-linear-gradient(top, #2b2b2b, #0c0c0c);
    background: -moz-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: -o-linear-gradient(top, #2b2b2b 0, #0c0c0c 100%);
    background: linear-gradient(180deg, #2b2b2b 0, #0c0c0c);
    box-shadow: inset 0 0 3px #111;
    outline: none
}

div.dt-container .dt-paging .ellipsis {
    padding: 0 1em
}

div.dt-container .dt-info,
div.dt-container .dt-length,
div.dt-container .dt-paging,
div.dt-container .dt-processing,
div.dt-container .dt-search {
    color: inherit
}

div.dt-container .dataTables_scroll {
    clear: both
}

div.dt-container .dataTables_scroll div.dt-scroll-body {
    -webkit-overflow-scrolling: touch
}

div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th {
    vertical-align: middle
}

div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td>div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th>div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td>div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th>div.dataTables_sizing {
    height: 0;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important
}

div.dt-container.dt-empty-footer .dt-scroll-body,
div.dt-container.dt-empty-footer tbody>tr:last-child>* {
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

div.dt-container.dt-empty-footer .dt-scroll-body tbody>tr:last-child>* {
    border-bottom: none
}

html.dark {
    --dt-row-hover: 255, 255, 255;
    --dt-row-stripe: 255, 255, 255;
    --dt-column-ordering: 255, 255, 255
}

html.dark table.dataTable>thead>tr>td,
html.dark table.dataTable>thead>tr>th {
    border-bottom: 1px solid #595b5e
}

html.dark table.dataTable>thead>tr>td:active,
html.dark table.dataTable>thead>tr>th:active {
    outline: none
}

html.dark table.dataTable>tfoot>tr>td,
html.dark table.dataTable>tfoot>tr>th {
    border-top: 1px solid #595b5e
}

html.dark table.dataTable.display>tbody>tr>*,
html.dark table.dataTable.row-border>tbody>tr>* {
    border-top: 1px solid #404346
}

html.dark table.dataTable.display>tbody>tr:first-child>*,
html.dark table.dataTable.row-border>tbody>tr:first-child>* {
    border-top: none
}

html.dark table.dataTable.display>tbody>tr.selected+tr.selected>td,
html.dark table.dataTable.row-border>tbody>tr.selected+tr.selected>td {
    border-top-color: rgba(13, 110, 253, .65);
    border-top-color: rgba(var(--dt-row-selected), .65)
}

html.dark table.dataTable.cell-border>tbody>tr>td,
html.dark table.dataTable.cell-border>tbody>tr>th {
    border-right: 1px solid #404346;
    border-top: 1px solid #404346
}

html.dark table.dataTable.cell-border>tbody>tr>td:first-child,
html.dark table.dataTable.cell-border>tbody>tr>th:first-child {
    border-left: 1px solid #404346
}

html.dark .dt-container.dt-empty-footer table.dataTable {
    border-bottom: 1px solid #595b5e
}

html.dark .dt-container .dt-length select,
html.dark .dt-container .dt-search input {
    background-color: var(--dt-html-background);
    border: 1px solid hsla(0, 0%, 100%, .2)
}

html.dark .dt-container .dt-paging .dt-paging-button.current,
html.dark .dt-container .dt-paging .dt-paging-button.current:hover {
    background: hsla(0, 0%, 100%, .15);
    border: 1px solid #595b5e
}

html.dark .dt-container .dt-paging .dt-paging-button.disabled,
html.dark .dt-container .dt-paging .dt-paging-button.disabled:active,
html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover {
    color: #666 !important
}

html.dark .dt-container .dt-paging .dt-paging-button:hover {
    background: #353535;
    border: 1px solid #353535
}

html.dark .dt-container .dt-paging .dt-paging-button:active {
    background: #3a3a3a
}

[dir=rtl] table.dataTable tfoot td,
[dir=rtl] table.dataTable tfoot th,
[dir=rtl] table.dataTable thead td,
[dir=rtl] table.dataTable thead th {
    text-align: right
}

[dir=rtl] table.dataTable td.dt-type-date,
[dir=rtl] table.dataTable td.dt-type-numeric,
[dir=rtl] table.dataTable th.dt-type-date,
[dir=rtl] table.dataTable th.dt-type-numeric {
    text-align: left
}

[dir=rtl] div.dt-container div.dt-layout-cell.dt-start {
    text-align: right
}

[dir=rtl] div.dt-container div.dt-layout-cell.dt-end {
    text-align: left
}

[dir=rtl] div.dt-container div.dt-search input {
    margin: 0 3px 0 0
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 8px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    border: none;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 100%;
    height: 18px;
    margin-left: 5px;
    margin-top: 5px;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    resize: none;
    vertical-align: bottom;
    word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    left: -100000px;
    position: absolute;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    box-sizing: border-box;
    padding: 4px;
    width: 100%
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    background-color: #fff;
    border: 0;
    display: block;
    filter: alpha(opacity=0);
    height: auto;
    left: 0;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 99
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px;
    padding-right: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 700;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 1px;
    position: absolute;
    right: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 0 0 20px;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    left: 0;
    padding: 0 4px;
    position: absolute;
    top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: #f1f1f1;
    color: #333;
    outline: none
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-top-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    -webkit-appearance: textfield;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: 0
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    border: 1px solid #aaa;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
    outline: 0
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    border: none;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
    height: 26px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    background-image: -webkit-linear-gradient(top, #fff, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    box-shadow: none;
    outline: 0
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.daterangepicker {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: inherit;
    display: none;
    font-family: arial;
    font-size: 15px;
    left: 20px;
    line-height: 1em;
    margin-top: 7px;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 278px;
    z-index: 3001
}

.daterangepicker:after,
.daterangepicker:before {
    border-bottom-color: rgba(0, 0, 0, .2);
    content: "";
    display: inline-block;
    position: absolute
}

.daterangepicker:before {
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    top: -7px
}

.daterangepicker:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -6px
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    width: 0
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.drop-up {
    margin-top: -7px
}

.daterangepicker.drop-up:before {
    border-bottom: initial;
    border-top: 7px solid #ccc;
    bottom: -7px;
    top: auto
}

.daterangepicker.drop-up:after {
    border-bottom: initial;
    border-top: 6px solid #fff;
    bottom: -6px;
    top: auto
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
    float: none
}

.daterangepicker.single .drp-selected {
    display: none
}

.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar {
    display: block
}

.daterangepicker.auto-apply .drp-buttons {
    display: none
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px
}

.daterangepicker .drp-calendar.right {
    padding: 8px
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    border: solid #000;
    border-radius: 0;
    border-width: 0 2px 2px 0;
    color: #fff;
    display: inline-block;
    padding: 3px
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    min-width: 32px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 32px
}

.daterangepicker .calendar-table {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px
}

.daterangepicker .calendar-table table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    width: 100%
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit
}

.daterangepicker td.week,
.daterangepicker th.week {
    color: #ccc;
    font-size: 80%
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    border-radius: 0;
    color: #000
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff
}

.daterangepicker th.month {
    width: auto
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    cursor: default;
    font-size: 12px;
    height: auto;
    margin: 0;
    padding: 1px
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    background: #eee;
    border: 1px solid #eee;
    font-size: 12px;
    margin: 0 auto;
    outline: 0;
    padding: 2px;
    width: 50px
}

.daterangepicker .calendar-time {
    line-height: 30px;
    margin: 4px auto 0;
    position: relative;
    text-align: center
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.daterangepicker .drp-buttons {
    border-top: 1px solid #ddd;
    clear: both;
    display: none;
    line-height: 12px;
    padding: 8px;
    text-align: right;
    vertical-align: middle
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px
}

.daterangepicker .drp-buttons .btn {
    font-size: 12px;
    font-weight: 700;
    margin-left: 8px;
    padding: 4px 8px
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker .ranges {
    float: none;
    margin: 0;
    text-align: left
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.daterangepicker .ranges li {
    cursor: pointer;
    font-size: 12px;
    padding: 8px 12px
}

.daterangepicker .ranges li:hover {
    background-color: #eee
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff
}

@media (min-width:564px) {
    .daterangepicker {
        width: auto
    }

    .daterangepicker .ranges ul {
        width: 140px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none
    }

    .daterangepicker.single .drp-calendar,
    .daterangepicker.single .ranges {
        float: left
    }

    .daterangepicker {
        direction: ltr;
        text-align: left
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-bottom-right-radius: 0;
        border-right: none;
        border-top-right-radius: 0
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-bottom-left-radius: 0;
        border-left: none;
        border-top-left-radius: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 8px
    }

    .daterangepicker .drp-calendar,
    .daterangepicker .ranges {
        float: left
    }
}

@media (min-width:730px) {
    .daterangepicker .ranges {
        float: left;
        width: auto
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

.autocomplete {
    background: #fff;
    border: 1px solid rgba(50, 50, 50, .6);
    box-sizing: border-box;
    font: 14px/22px -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    overflow: auto;
    z-index: 1000
}

.autocomplete * {
    font: inherit
}

.autocomplete>div {
    padding: 0 4px
}

.autocomplete .group {
    background: #eee
}

.autocomplete>div.selected,
.autocomplete>div:hover:not(.group) {
    background: #81ca91;
    cursor: pointer
}

:root {
    --bdo-blue: #0072d8;
    --bdo-darkblue: #004ea8;
    --bdo-yellow: #fdb913;
    --bdo-grey: #656565;
    --bdo-light-grey: #f6f6f6;
    --bdo-black: #2e2e2e;
    --bdo-lightgray: #c2c2c1;
    --bdo-light-black: #2c2c2c;
    --bdo-lightblue: #e5f5ff;
    --bdo-lightblue-1: #e5f5fe;
    --bdo-lightblue-2: #99c1e7;
    --bdo-blueshadedark: #004699;
    --bdo-sub-link: #0972ce;
    --bdo-tropicalblue: #c6d8ed;
    --bdo-lightgrey-card: #f0f0f0;
    --bdo-aqualightblue: #d6fffb;
    --white: #fff;
    --black: #000;
    --blackdarkshade: #2e2e2e;
    --blackshadeblue: #0f0f10;
    --blackshadegray: #151517;
    --bdo-gold: #f5f3e9;
    --bdo-gold-1: #e0c684;
    --bdo-rich-gold: #a58c3d;
    --bdo-dark-grey: #4b4b4b;
    --bdo-yellow-gold: #d6b545;
    --bdo-insurance-blue: #0086cd;
    --font-small: 12px;
    --font-default: 14px;
    --font-md-nxt: 16px;
    --font-normal: 18px;
    --font-medium: 20px;
    --font-lg: 24px;
    --font-xl: 28px;
    --font-xl-nxt: 32px;
    --font-xxl: 40px;
    --font-xxl-nxt: 48px;
    --font-2xl: 56px;
    --font-3xl: 60px;
    --bdo-gn-arrow-color: #004ea8;
    --contact-header: #3d383b;
    --tbl-brd-color: #0000001a;
    --profile-desc: #4b4b4b;
    --bdo-warning: #ff9854;
    --bdo-lighter-grey: #e4e4e4;
    --bdo-dark-gold: #9d7100;
    --bdo-dark-blue: #00507b;
    --bdo-wealth-rich-gold-100: #f4f1e8;
    --bdo-wealth-rich-gold-200: #ede8d8;
    --bdo-wealth-rich-gold-300: #e4ddc5;
    --bdo-wealth-rich-gold-400: #cfc298;
    --bdo-wealth-rich-gold-500: #9d8958;
    --bdo-wealth-rich-gold-600: #a58c3d;
    --bdo-wealth-rich-gold-700: #8b7633;
    --bdo-wealth-rich-gold-800: #705f2a;
    --bdo-wealth-mariana-100: #f2f4f7;
    --bdo-wealth-mariana-200: #c2c9d9;
    --bdo-wealth-mariana-300: #919eba;
    --bdo-wealth-mariana-400: #637498;
    --bdo-wealth-mariana-600: #233760;
    --bdo-wealth-mariana-700: #0e234e;
    --svgtheme-color: #0072d8;
    --svggrey-theme-color: #656565;
    --svgblue-theme-color: #2e8ce8
}

.pmu-btn {
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    max-width: fit-content;
    min-width: 104px;
    overflow: hidden;
    padding: 10px 16px;
    position: relative;
    text-align: center;
    transition: background-color .3s;
    white-space: nowrap;
    width: 100%
}

.pmu-btn.primaryBtn {
    background-color: var(--bdo-blue);
    border: 2px solid var(--bdo-blue);
    color: var(--white)
}

.pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-darkblue);
    border: 2px solid var(--bdo-darkblue);
    color: var(--white)
}

.pmu-btn.secondaryBtn {
    background-color: var(--white);
    border: 2px solid var(--bdo-blue);
    color: var(--bdo-blue)
}

.pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-lightblue)
}

.pmu-btn.compareBtn,
.pmu-btn.comparePanelBtn {
    align-items: center;
    display: flex;
    justify-content: center
}

.pmu-btn.compareBtn {
    background-color: transparent;
    border: 2px solid var(--bdo-blue);
    color: var(--bdo-blue);
    gap: 8px;
    min-width: 104px
}

.pmu-btn.compareBtn svg {
    height: 24px;
    width: 24px
}

.ripple {
    animation: ripple-animation .6s linear;
    background-color: hsla(0, 0%, 100%, .4);
    border-radius: 50%;
    position: absolute;
    transform: scale(0)
}

@keyframes ripple-animation {
    to {
        opacity: 0;
        transform: scale(4)
    }
}

.quick-tools .applyoptions.apply-option-twocol .expect_after_applying_cards .card {
    align-items: center
}

.quick-tools .applyoptions.apply-option-twocol .expect_after_applying_cards .card .card-body {
    align-items: flex-start;
    margin-right: 0
}

.quick-tools .applyoptions.apply-option-twocol .expect_after_applying_cards .card .card-body .description-content .description {
    margin-bottom: 24px
}

.quick-tools .applyoptions.apply-option-twocol .expect_after_applying_cards .card .card-body .two-Cta_bottom {
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 0
}

.quick-tools .applyoptions.apply-option-twocol .expect_after_applying_cards .bdo-primary-light {
    background-color: #0072d8;
    border: 2px solid #0072d8;
    color: #fff
}

@media(max-width:767px) {
    .quick-tools .applyoptions.apply-option-twocol .expect_after_applying_cards .card .card-body .description-content p {
        font-size: 30px !important;
        font-weight: 600;
        line-height: 36px
    }

    .quick-tools .applyoptions.apply-option-twocol .expect_after_applying_cards .card .card-body .description-content .description {
        font-size: 18px !important;
        margin-bottom: 24px
    }

    .quick-tools .applyoptions.apply-option-twocol .expect_after_applying_cards .card .card-body .two-Cta_bottom {
        flex-direction: column
    }

    .quick-tools .applyoptions.apply-option-twocol .expect_after_applying_cards .card .card-body .two-Cta_bottom a,
    .quick-tools .applyoptions.apply-option-twocol .expect_after_applying_cards .card .card-body .two-Cta_bottom a button {
        width: 100%
    }
}

@media(min-width:576px)and (max-width:1023px) {
    .container {
        max-width: unset
    }
}

@media screen and (max-width:768px) {
    .cardListing:first-child {
        margin-bottom: 0
    }
}

.generic-search-result-container {
    padding-top: 24px
}

@media screen and (max-width:768px) {
    .generic-search-result-container {
        padding-top: 16px
    }
}

.global-table {
    padding-bottom: 80px;
    padding-top: 80px
}

.global-table--section-overview .header {
    margin-bottom: 32px
}

.global-table--section-overview .header .title {
    color: #2e2e2e;
    line-height: 48px
}

.global-table--section-overview .header .title h1,
.global-table--section-overview .header .title h2,
.global-table--section-overview .header .title h3 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 0
}

.global-table--section-overview .header .sub-title {
    margin-top: 8px
}

.global-table--section-overview .header .sub-title p {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
    padding-bottom: 16px
}

.global-table--section-overview .content {
    margin-bottom: 48px
}

.global-table--section-overview .content .para-container {
    background: var(--Background-Neutral-color-bg-white, #fff);
    border: 1px solid #99c1e7;
    border-radius: var(--radius-base, 8px);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding: 16px
}

.global-table--section-overview .content .para-container .read-more-btn,
.global-table--section-overview .content .para-container .show-less,
.global-table--section-overview .content .para-container a {
    color: #0072d8 !important;
    font-weight: 700
}

.global-table--section-overview .content .para-container P {
    color: #2e2e2e;
    margin-bottom: 0
}

@media(max-width:768px) {
    .global-table--section-overview .content .para-container {
        position: relative
    }

    .global-table--section-overview .content .add-read-more {
        max-width: 600px;
        width: 100%
    }
}

.global-table--cardtable-toggle .card-table-rows {
    align-items: flex-start;
    display: flex;
    flex-direction: row-reverse;
    text-align: center
}

.global-table--cardtable-toggle .card-table-rows .sorttoggle {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 0;
    overflow: hidden;
    position: relative;
    width: fit-content
}

.global-table--cardtable-toggle .card-table-rows .sorttoggle input[type=radio]:checked+label {
    background-color: #0072d8;
    border: 1px solid #0072d8;
    color: #fff
}

.global-table--cardtable-toggle .card-table-rows .sorttoggle label {
    background-color: #fff;
    border: 1px solid #99c1e7;
    border-radius: 8px 0 0 8px;
    color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    min-width: 120px;
    overflow: hidden;
    padding: 10px 8px;
    position: relative;
    transition: background-color .3s
}

.global-table--cardtable-toggle .card-table-rows .sorttoggle label:after {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 50%;
    content: "";
    height: 300%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: scale(0);
    transform-origin: center;
    transition: transform .6s, opacity 1s;
    width: 300%
}

.global-table--cardtable-toggle .card-table-rows .sorttoggle label:active:after {
    opacity: 0;
    transform: scale(1)
}

@media(max-width:768px) {
    .global-table--cardtable-toggle .card-table-rows .sorttoggle {
        width: -webkit-fill-available
    }

    .global-table--cardtable-toggle .card-table-rows .sorttoggle label {
        font-size: 16px;
        font-weight: 700;
        width: 100%
    }
}

.global-table--cardtable-toggle .card-table-rows .sorttoggle label:last-child {
    border-radius: 0 8px 8px 0
}

.global-table table {
    border-collapse: separate;
    border-radius: 8px;
    padding: 0
}

.global-table table thead tr:first-child th {
    background: var(--Background-Colored-color-bg-brand-bold, #004ea8);
    border-right: 1px solid var(--Border-Colored-color-border-primary, #99c1e7);
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 24px;
    padding: 16px;
    width: 371px
}

.global-table table thead tr:first-child th .dt-column-order {
    top: 5px !important
}

.global-table table thead tr:first-child th .dt-column-order:after,
.global-table table thead tr:first-child th .dt-column-order:before {
    font-size: 13px;
    height: 7px;
    line-height: 5px;
    opacity: .6 !important;
    padding-bottom: 12px
}

.global-table table thead tr:first-child th .dt-column-title {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    width: calc(100% - 16px)
}

.global-table table thead tr:first-child th .dt-column-title div {
    width: fit-content;
    word-break: break-word
}

.global-table table thead tr:first-child th .dt-column-title .originTooltip {
    margin-left: 6px;
    position: static
}

.global-table table thead tr:first-child th .dt-column-title .title-tooltip {
    justify-content: center
}

.global-table table thead tr:first-child th:first-child {
    border-left: 1px solid var(--Background-Colored-color-bg-brand-bold, #004ea8);
    border-top-left-radius: 8px
}

.global-table table thead tr:first-child th:first-child .dt-column-title {
    justify-content: flex-start;
    text-align: left
}

.global-table table thead tr:first-child th:first-child .dt-column-title .title-tooltip {
    justify-content: flex-start
}

.global-table table thead tr:first-child th:first-child .dt-column-title .originTooltip {
    margin-right: 3px
}

.global-table table thead tr:first-child th:last-child {
    border-top-right-radius: 8px
}

.global-table table tbody tr {
    box-shadow: none
}

.global-table table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px
}

.global-table table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.global-table table tbody tr td {
    border-right: 1px solid var(--Border-Colored-color-border-primary, #99c1e7);
    box-shadow: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 16px !important;
    text-align: center !important
}

.global-table table tbody tr td:first-child {
    border-left: 1px solid var(--Border-Colored-color-border-primary, #99c1e7);
    text-align: left !important
}

.global-table table tbody tr:nth-child(2n) td {
    background-color: #f6f6f6
}

.global-table table tbody tr:nth-child(odd) td {
    background-color: #fff
}

.global-table table tbody tr.highlight,
.global-table table tbody tr.highlight td {
    background-color: #ffeeac !important
}

.global-table table tbody tr.highlight td:nth-child(2),
.global-table table tbody tr.highlight td:nth-child(3) {
    font-weight: 700
}

.global-table table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
.global-table table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after,
.global-table table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
.global-table table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after {
    opacity: 1 !important
}

.global-table table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,
.global-table table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,
.global-table table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,
.global-table table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,
.global-table table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,
.global-table table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,
.global-table table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after,
.global-table table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,
.global-table table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,
.global-table table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,
.global-table table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,
.global-table table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,
.global-table table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,
.global-table table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
.global-table table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,
.global-table table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before {
    font-size: 13px
}

.global-table table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,
.global-table table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,
.global-table table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,
.global-table table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order,
.global-table table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
.global-table table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,
.global-table table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,
.global-table table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order {
    right: 12px
}

.global-table div.dt-container div.dt-layout-cell {
    padding: 0
}

.global-table div.dt-container.dt-empty-footer tbody>tr:last-child>*,
.global-table table.dataTable.display>tbody>tr>*,
.global-table table.dataTable.row-border>tbody>tr>* {
    border-top: 1px solid #99c1e7
}

.global-table div.dt-container.dt-empty-footer tbody>tr:last-child>* {
    border-bottom: 1px solid #99c1e7
}

.global-table .originTooltip {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    position: relative
}

.global-table .originTooltip .tooltip-text {
    background-color: #fff;
    border-radius: 8px;
    bottom: 0;
    box-shadow: 0 4px 6px -4px rgba(46, 46, 46, .1), 0 10px 15px -3px rgba(46, 46, 46, .1);
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 600;
    height: fit-content;
    margin-bottom: 0;
    margin-left: 18px;
    opacity: 0;
    padding: 8px 12px;
    position: absolute;
    text-align: center;
    text-align: start;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s;
    visibility: hidden;
    width: 176px;
    z-index: 8
}

.global-table .originTooltip .tooltip-text p {
    font-size: 16px;
    margin-bottom: 0
}

.global-table .originTooltip .hover-svg {
    display: none
}

.global-table .originTooltip:hover .tooltip-text {
    background-color: #fff;
    opacity: 1;
    visibility: visible;
    word-break: break-word
}

.global-table .originTooltip.clicked .default-svg,
.global-table .originTooltip:hover .default-svg {
    display: none
}

.global-table .originTooltip.clicked .hover-svg,
.global-table .originTooltip:hover .hover-svg {
    display: block
}

.global-table .cl-green {
    color: #009d12
}

.global-table .cl-danger {
    color: #c92b00
}

.global-table .disable {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none
}

.global-table .jcalendar-table table thead tr:first-child {
    background: transparent;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.global-table .jcalendar-table table thead tr:first-child th {
    background: transparent
}

.global-table .jcalendar-table table thead tr:first-child:first-child {
    border-left: none
}

.global-table .jcalendar-table table tbody tr:nth-child(2n),
.global-table .jcalendar-table table tbody tr:nth-child(2n) td,
.global-table .jcalendar-table table tbody tr:nth-child(odd),
.global-table .jcalendar-table table tbody tr:nth-child(odd) td {
    background-color: transparent
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .global-table table thead tr:first-child th .dt-column-order:after,
    .global-table table thead tr:first-child th .dt-column-order:before {
        padding-bottom: 15px
    }
}

@media(max-width:1023px) {
    .global-table {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .global-table--section-overview .header .title h1,
    .global-table--section-overview .header .title h2,
    .global-table--section-overview .header .title h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px
    }

    .global-table--section-overview .header .sub-title {
        margin-bottom: 24px
    }

    .global-table--section-overview .header .sub-title p {
        font-size: 16px;
        line-height: 24px
    }

    .global-table--section-overview .content {
        margin-bottom: 48px !important
    }

    .global-table--section-overview .content .para-container {
        font-size: 16px;
        line-height: 24px
    }

    .global-table--cardtable-toggle {
        width: 100%
    }

    .global-table--cardtable-toggle .card-table-rows .sorttoggle .sorttoggle label {
        min-width: 50%
    }

    .global-table table thead tr:first-child th:first-child .originTooltip .tooltip-text {
        left: 0;
        margin-left: 0;
        margin-top: 10px;
        right: 0;
        transform: unset;
        width: 100%
    }

    .global-table .dt-layout-row.dt-layout-table,
    .global-table .table-overflow {
        overflow-x: auto
    }

    .global-table .dt-layout-row.dt-layout-table .dt-layout-cell::-webkit-scrollbar,
    .global-table .table-overflow::-webkit-scrollbar {
        height: 8px;
        width: 8px
    }

    .global-table .dt-layout-row.dt-layout-table .dt-layout-cell::-webkit-scrollbar-track,
    .global-table .table-overflow::-webkit-scrollbar-track {
        background-color: #e4e4e4
    }

    .global-table .dt-layout-row.dt-layout-table .dt-layout-cell::-webkit-scrollbar-track:vertical,
    .global-table .table-overflow::-webkit-scrollbar-track:vertical {
        background-color: #f6f6f6
    }

    .global-table .dt-layout-row.dt-layout-table .dt-layout-cell::-webkit-scrollbar-thumb,
    .global-table .table-overflow::-webkit-scrollbar-thumb {
        background-color: #919191;
        border-radius: 120px
    }

    .global-table .dt-layout-row.dt-layout-table .dt-layout-cell::-webkit-scrollbar-thumb:vertical,
    .global-table .table-overflow::-webkit-scrollbar-thumb:vertical {
        background-color: #a0a0a0
    }

    .global-table table thead {
        position: sticky;
        top: 0;
        z-index: 9
    }

    .global-table table thead::-webkit-scrollbar {
        display: none !important
    }

    .global-table table thead tr:first-child {
        font-size: 16px;
        line-height: 24px
    }

    .global-table table thead tr:first-child th {
        min-width: 220px;
        width: 220px
    }

    .global-table table thead tr:first-child th .dt-column-order {
        top: 8px !important
    }

    .global-table table thead tr:first-child th .dt-column-title {
        justify-content: flex-start;
        position: relative;
        text-align: left;
        width: calc(100% - 24px)
    }

    .global-table table thead tr:first-child th .dt-column-title .title-tooltip {
        justify-content: flex-start
    }

    .global-table table thead tr:first-child th:not(:first-child) .originTooltip .tooltip-text {
        margin-left: 0;
        margin-top: 10px;
        right: 0;
        transform: unset
    }

    .global-table table tbody tr td:first-child .originTooltip .tooltip-text {
        left: 20px;
        margin-left: unset;
        top: 50%;
        transform: translateY(-50%)
    }

    .global-table .table-container {
        overflow-x: auto;
        overflow-y: clip;
        position: relative
    }

    .global-table .table-container table {
        width: 100%
    }

    .global-table .table-container table thead tr:first-child th {
        width: 220px;
        z-index: unset
    }

    .global-table .table-container table thead tr:first-child th:first-child {
        min-width: 160px;
        width: 160px;
        z-index: 2
    }

    .global-table .table-container table tbody tr td {
        min-width: 175px;
        width: 220px
    }

    .global-table .table-container table tbody tr td:first-child strong {
        display: block
    }

    .global-table .table-container table tbody tr td:first-child {
        box-shadow: 4px 0 4px 0 rgba(99, 99, 99, .25), 0 4px 4px 0 rgba(99, 99, 99, .2) !important;
        padding-left: 16px !important;
        width: 160px
    }

    .global-table .table-container table tr>td,
    .global-table .table-container table tr>th {
        z-index: 2
    }

    .global-table .table-container table tr>td:first-child,
    .global-table .table-container table tr>th:first-child {
        left: 0;
        position: sticky;
        z-index: 1
    }

    .global-table table.dataTable.display>tbody>tr:nth-child(odd)>* {
        box-shadow: unset
    }

    table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,
    table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,
    table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,
    table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order,
    table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
    table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,
    table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,
    table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order {
        right: -20px !important
    }
}

@media(min-width:1024px) {

    div.dt-container.dt-empty-footer tbody>tr:last-child>*,
    table.dataTable.display>tbody>tr>*,
    table.dataTable.row-border>tbody>tr>* {
        box-shadow: none !important
    }

    table thead tr:last-child th:last-child .originTooltip .tooltip-text {
        margin-left: 0;
        margin-top: 10px;
        right: 0;
        transform: unset
    }

    table thead tr th div {
        word-break: break-word
    }

    .card-view-section .card:nth-child(12) .originTooltip .tooltip-text,
    .card-view-section .card:nth-child(15) .originTooltip .tooltip-text,
    .card-view-section .card:nth-child(18) .originTooltip .tooltip-text,
    .card-view-section .card:nth-child(21) .originTooltip .tooltip-text,
    .card-view-section .card:nth-child(25) .originTooltip .tooltip-text,
    .card-view-section .card:nth-child(28) .originTooltip .tooltip-text,
    .card-view-section .card:nth-child(3) .originTooltip .tooltip-text,
    .card-view-section .card:nth-child(31) .originTooltip .tooltip-text,
    .card-view-section .card:nth-child(33) .originTooltip .tooltip-text,
    .card-view-section .card:nth-child(6) .originTooltip .tooltip-text,
    .card-view-section .card:nth-child(9) .originTooltip .tooltip-text {
        margin-left: 0;
        margin-top: 10px;
        right: 0;
        transform: none
    }

    div.dt-container div.dt-layout-row {
        margin: 0 !important
    }
}

.white-variant .global-table {
    background-color: var(--white)
}

.grey-variant .global-table {
    background-color: var(--bdo-light-grey)
}

.light-blue-variant .global-table {
    background-color: var(--bdo-lightblue)
}

.dark-blue-variant .global-table {
    background-color: var(--bdo-blue)
}

.dark-blue-variant .global-table--section-overview .sub-title p,
.dark-blue-variant .global-table--section-overview .title {
    color: var(--white)
}

.loader {
    /* align-items: center;
    background-color: rgba(46, 46, 46, .6);
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999 */
}

.loader .icon {
    background-color: #fff;
    border-radius: 16px;
    padding: 30px
}

.loader .icon img {
    height: 45px;
    width: 44px
}

.loader-visible {
    display: flex !important
}

.loader-hidden {
    display: none !important
}

.goldwealththeme .desktop-top-level-navigation {
    background-color: var(--bdo-wealth-rich-gold-600)
}

.goldwealththeme .desktop-top-level-navigation .nav-item.dropdown.myDropdown:hover {
    background: var(--bdo-wealth-rich-gold-300)
}

.goldwealththeme .desktop-top-level-navigation .nav-item.dropdown.myDropdown:hover .dropdown-toggle:after,
.goldwealththeme .desktop-top-level-navigation .nav-item.dropdown.myDropdown:hover a {
    color: var(--black)
}

.goldwealththeme .desktop-top-level-navigation .nav-item.dropdown.myDropdown .dropdown-menu .dropdown .dropdown-item:hover,
.goldwealththeme .desktop-top-level-navigation .nav-item.dropdown.myDropdown .dropdown-menu .dropdown>.dropdown-toggle:hover,
.goldwealththeme .desktop-top-level-navigation .nav-item.dropdown.myDropdown .dropdown-menu li .dropdown-item:hover {
    background: var(--bdo-wealth-rich-gold-100)
}

.goldwealththeme .desktop-top-level-navigation .nav-item.dropdown.myDropdown .dropdown-toggle:after {
    color: var(--white)
}

.goldwealththeme .desktop-top-level-navigation .nav-item.dropdown.myDropdown .dropdown-toggle:hover:after,
.goldwealththeme .desktop-top-level-navigation .nav-item.dropdown.myDropdown .level0-dropdown .dropdown-toggle:after,
.goldwealththeme .desktop-top-level-navigation .nav-item.dropdown.myDropdown .level0-dropdown .dropdown-toggle:hover:after {
    color: var(--black)
}

.goldwealththeme .desktop-top-level-navigation .nav-item.dropdown.myDropdown .submenu .dropdown-item:hover {
    background: var(--bdo-wealth-rich-gold-100)
}

.goldwealththeme .desktop-top-level-navigation #collapsibleNavbarLevel0 ul.level0 li a {
    color: var(--white) !important
}

.goldwealththeme .desktop-top-level-navigation #collapsibleNavbarLevel0 ul.level0 li:hover a {
    color: var(--black) !important
}

.goldwealththeme .menuleveltwo .megamenu-level-one-container .main-navigation-right-side .nav-item:hover,
.goldwealththeme .menuleveltwo .megamenu-level-one-container .selpgload .navbar-nav .nav-item:hover {
    background: var(--bdo-wealth-rich-gold-100)
}

.goldwealththeme .menuleveltwo .megamenu-level-one-container .selpgload .navbar-nav .nav-item.active {
    color: var(--bdo-wealth-rich-gold-800)
}

.goldwealththeme .menuleveltwo .megamenu-level-one-container .selpgload .nav-item a,
.goldwealththeme .menuleveltwo .megamenu-level-one-container .selpgload .navbar-nav .nav-item a {
    color: var(--bdo-wealth-rich-gold-700) !important
}

.goldwealththeme .menuleveltwo .megamenu-level-one-container .selpgload .nav-item .dropdown-menu-end a {
    color: var(--bdo-black) !important
}

.goldwealththeme .menuleveltwo .megamenu-level-one-container #right-menu #myDropdown1 .dropdown-menu .dropend .dropdown-item:hover,
.goldwealththeme .menuleveltwo .megamenu-level-one-container #right-menu #myDropdown1 .dropdown-menu .dropend .dropdown-menu-end li:hover {
    background: var(--bdo-wealth-rich-gold-100)
}

.goldwealththeme .navbar-gold {
    background-color: var(--bdo-wealth-rich-gold-200)
}

.goldwealththeme .megamenu-level-two-container .menulevelthree a {
    color: var(--bdo-wealth-rich-gold-600) !important
}

.goldwealththeme .megamenu-level-two-container .nav-item.active,
.goldwealththeme .megamenu-level-two-container li:active,
.goldwealththeme .megamenu-level-two-container li:focus,
.goldwealththeme .megamenu-level-two-container li:hover {
    border-bottom: 4px solid var(--bdo-wealth-mariana-700)
}

.goldwealththeme .megamenu-level-three-container .submenu-level-four .menulevel3-parent .col-left li:hover {
    background-color: var(--bdo-wealth-rich-gold-400)
}

.goldwealththeme .megamenu-level-three-container .submenu-level-four .menulevel3-parent .col-left li:hover .nav-item-level-three {
    color: var(--bdo-wealth-rich-gold-800) !important
}

.goldwealththeme .megamenu #right-menu #myDropdown1 .dropdown-toggle:after {
    color: unset
}

.goldwealththeme .nonwealth-icon {
    display: none !important
}

.goldwealththeme .bdowealth-logo,
.goldwealththeme .wealth-icon {
    display: inline-block
}

@media only screen and (min-width:320px)and (max-width:1023.9px) {
    .goldwealththeme .megamenu-modal-body.megamenumenu-level0 .navbar-nav .nav-item:last-child a.apply-text {
        color: var(--bdo-wealth-rich-gold-700) !important
    }
}

.goldwealththeme .suggestion-btn a {
    border-color: var(--bdo-wealth-rich-gold-600);
    color: var(--bdo-wealth-rich-gold-600) !important
}

.bdowealth-logo,
.wealth-icon {
    display: none
}

.goldwealththeme .footer {
    background-color: var(--bdo-wealth-rich-gold-600)
}

.goldwealththeme .footer .nonwealth-icon {
    display: none
}

.goldwealththeme .footer .wealth-icon {
    display: inline-block
}

.goldwealththeme .footer .imgesSrcFb {
    content: url(clientlib-custom/resources/images/wealth-footer/facebook.svg)
}

.goldwealththeme .footer .imgesSrcFb:hover {
    content: url(clientlib-custom/resources/images/wealth-footer/facebook-hover.svg)
}

.goldwealththeme .footer .imgesSrcLkd {
    content: url(clientlib-custom/resources/images/wealth-footer/linkdn.svg)
}

.goldwealththeme .footer .imgesSrcLkd:hover {
    content: url(clientlib-custom/resources/images/wealth-footer/linkdn-hover.svg)
}

.goldwealththeme .footer .imgesSrcYt {
    content: url(clientlib-custom/resources/images/wealth-footer/youtube.svg)
}

.goldwealththeme .footer .imgesSrcYt:hover {
    content: url(clientlib-custom/resources/images/wealth-footer/youtube-hover.svg)
}

.goldwealththeme .footer__bottom {
    background-color: var(--bdo-wealth-rich-gold-800)
}

.pmu-minibanner {
    background-color: #0072d8;
    padding-bottom: 80px;
    padding-top: 80px
}

.pmu-minibanner-header {
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 48px
}

.pmu-minibanner-container {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    padding: 24px
}

.pmu-minibanner-container .image {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 1 0 0;
    justify-content: center;
    max-height: 400px;
    width: 536px
}

.pmu-minibanner-container .image img {
    height: inherit;
    width: inherit
}

.pmu-minibanner-container .content {
    padding: 0 48px;
    width: auto
}

.pmu-minibanner-container .content .title {
    color: #2e2e2e;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 16px
}

.pmu-minibanner-container .content .title+p {
    color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 24px
}

.pmu-minibanner-container .content .ctas {
    display: flex;
    gap: 16px
}

.pmu-minibanner-container .content .ctas .primaryBtn {
    background-color: var(--bdo-blue);
    border: 1px solid var(--bdo-blue);
    border-radius: 8px;
    color: var(--white);
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    min-width: 104px;
    padding: 10px 16px;
    text-align: center
}

.pmu-minibanner-container .content .ctas .primaryBtn:hover {
    background-color: var(--bdo-darkblue);
    border: 1px solid var(--bdo-darkblue);
    color: var(--white)
}

.pmu-minibanner-container .content .ctas .secondaryBtn {
    background-color: #fff;
    border: 2px solid #0072d8;
    border-radius: 8px;
    color: #0072d8;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    min-width: 104px;
    padding: 10px 16px;
    text-align: center
}

.pmu-productfeature {
    background-color: #fff;
    padding-bottom: 80px;
    padding-top: 80px
}

.pmu-productfeature-header {
    margin-bottom: 48px
}

.pmu-productfeature-header .title {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.pmu-productfeature-header .title .text {
    color: #2e2e2e;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    word-break: break-all
}

.pmu-productfeature-header .title .text a {
    text-decoration: none
}

.pmu-productfeature-header .subtitle {
    color: #2e2e2e;
    margin-top: 8px
}

.pmu-productfeature-header .subtitle p {
    margin-bottom: 0
}

.pmu-productfeature-container {
    align-items: flex-start;
    align-self: stretch;
    background-color: #f6f6f6;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0 32px
}

.pmu-productfeature-container .row {
    align-content: flex-start;
    align-items: flex-start;
    align-self: stretch;
    border-top: 1px solid #c2c2c1;
    display: flex;
    flex-wrap: wrap;
    margin: unset;
    padding: 32px 0
}

.pmu-productfeature-container .row:first-child {
    border-top: none
}

.pmu-productfeature-container .row .col {
    flex: 1;
    flex: 0 0 calc(25% - 32px);
    margin: 0 32px 0 0;
    padding: 0;
    width: fit-content
}

.pmu-productfeature-container .row .col:last-child {
    margin-right: 0
}

.pmu-productfeature-container .row .col .label {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 12px
}

.pmu-productfeature-container .row .col .text {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.pmu-productfeature-cta {
    display: flex;
    justify-content: center;
    margin: 32px auto auto
}

.pmu-productfeature-cta .secondaryBtn {
    font-size: 18px
}

.pmu-productfeature-cta .showLess {
    display: none
}

.pmu-productfeature-header p a {
    color: var(--bdo-sub-link) !important;
    text-decoration: underline !important
}

.af-productfeature .pmu-productfeature-header .title {
    width: 100%
}

.af-productfeature .pmu-productfeature-header .title .text {
    width: 50%
}

.af-productfeature .pmu-productfeature-header .title .pmu-btn {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.af-productfeature .pmu-productfeature-header .subtitle p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.af-productfeature .pmu-productfeature-header .mobile-only {
    display: none
}

.af-productfeature .pmu-productfeature-cta .secondaryBtn {
    font-size: 16px
}

.hd-productfeature .pmu-productfeature-container {
    background-color: transparent;
    gap: 32px;
    padding: 32px 0 32px 24px
}

.hd-productfeature .pmu-productfeature-container .row {
    border-top: none;
    padding: 0
}

.hd-productfeature .pmu-productfeature-container .row .col .label {
    display: none
}

.hd-productfeature .pmu-productfeature-notice {
    color: #2e2e2e;
    margin-top: 32px
}

.hd-productfeature .pmu-productfeature-notice h6,
.hd-productfeature .pmu-productfeature-notice p {
    font-size: 18px;
    line-height: 28px
}

.hd-productfeature .pmu-productfeature-notice h6 {
    font-weight: 700;
    margin-bottom: 16px
}

.hd-productfeature .pmu-productfeature-notice p {
    font-weight: 400
}

.white-variant .pmu-productfeature {
    background-color: #fff
}

.white-variant .pmu-productfeature-header .subtitle,
.white-variant .pmu-productfeature-header .title h1 {
    color: #2e2e2e
}

.white-variant .pmu-productfeature-container {
    background-color: #f6f6f6
}

.white-variant .pmu-productfeature-container .row {
    border-top: 1px solid #c2c2c1
}

.white-variant .pmu-productfeature-container .row:first-child {
    border-top: none
}

.white-variant .hd-productfeature .pmu-productfeature-container {
    background-color: transparent
}

.white-variant .hd-productfeature .pmu-productfeature-container .row {
    border-top: transparent
}

.light-blue-variant .pmu-productfeature {
    background-color: #e5f5ff
}

.light-blue-variant .pmu-productfeature-header .subtitle,
.light-blue-variant .pmu-productfeature-header .title h1 {
    color: #2e2e2e
}

.light-blue-variant .pmu-productfeature-container {
    background-color: #fff
}

.light-blue-variant .pmu-productfeature-container .row {
    border-top: 1px solid #c2c2c1
}

.light-blue-variant .pmu-productfeature-container .row:first-child {
    border-top: none
}

.light-blue-variant .hd-productfeature .pmu-productfeature-container {
    background-color: transparent
}

.light-blue-variant .hd-productfeature .pmu-productfeature-container .row {
    border-top: transparent
}

.light-blue-variant .hd-productfeature .pmu-productfeature-cta .secondaryBtn {
    background-color: transparent
}

.dark-blue-variant .pmu-productfeature {
    background-color: #0072d8
}

.dark-blue-variant .pmu-productfeature-header .subtitle,
.dark-blue-variant .pmu-productfeature-header .title h1 {
    color: #fff
}

.dark-blue-variant .pmu-productfeature-container {
    background-color: #fff
}

.dark-blue-variant .pmu-productfeature-container .row {
    border-top: 1px solid #c2c2c1
}

.dark-blue-variant .pmu-productfeature-container .row:first-child {
    border-top: none
}

.dark-blue-variant .hd-productfeature .pmu-productfeature-header .title .text {
    color: #fff
}

.dark-blue-variant .hd-productfeature .pmu-productfeature-container {
    background-color: transparent
}

.dark-blue-variant .hd-productfeature .pmu-productfeature-container .row {
    border-top: transparent
}

.dark-blue-variant .hd-productfeature .pmu-productfeature-container .row .col::marker {
    color: #fff
}

.dark-blue-variant .hd-productfeature .pmu-productfeature-container .row .col .text,
.dark-blue-variant .hd-productfeature .pmu-productfeature-notice {
    color: #fff
}

.grey-variant .pmu-productfeature {
    background-color: #f6f6f6
}

.grey-variant .pmu-productfeature-header .subtitle,
.grey-variant .pmu-productfeature-header .title h1 {
    color: #2e2e2e
}

.grey-variant .pmu-productfeature-container {
    background-color: #fff
}

.grey-variant .pmu-productfeature-container .row {
    border-top: 1px solid #c2c2c1
}

.grey-variant .pmu-productfeature-container .row:first-child {
    border-top: none
}

.grey-variant .hd-productfeature .pmu-productfeature-container {
    background-color: transparent
}

.grey-variant .hd-productfeature .pmu-productfeature-container .row {
    border-top: transparent
}

@media(max-width:1023px) {
    .pmu-productfeature {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .pmu-productfeature-header {
        margin-bottom: 36px
    }

    .pmu-productfeature-header .title {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
        justify-content: flex-start
    }

    .pmu-productfeature-header .title h1 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 0
    }

    .pmu-productfeature-container .row {
        flex-direction: column;
        gap: 32px
    }

    .pmu-productfeature-container .row .col {
        flex: unset;
        margin-right: 0;
        width: 100%
    }

    .pmu-productfeature-container .row .col .label {
        font-size: 16px;
        line-height: 24px
    }

    .af-productfeature .pmu-productfeature-header {
        margin-bottom: 40px
    }

    .af-productfeature .pmu-productfeature-header .title .text {
        font-size: 24px;
        font-weight: 600;
        line-height: 24px
    }

    .af-productfeature .pmu-productfeature-header .title .pmu-btn {
        font-size: 16px;
        line-height: 24px;
        min-width: 100%;
        width: 100%
    }

    .af-productfeature .pmu-productfeature-header .subtitle p {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px
    }

    .af-productfeature .pmu-productfeature-header .desktop-only {
        display: none
    }

    .af-productfeature .pmu-productfeature-header .mobile-only {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-top: 16px;
        min-width: 100%;
        width: 100%
    }

    .af-productfeature .pmu-productfeature-header .mobile-only a {
        width: 100%
    }

    .af-productfeature .pmu-productfeature-container {
        padding: 24px 0
    }

    .af-productfeature .pmu-productfeature-container .row {
        border-top: none;
        gap: 0;
        padding: 0
    }

    .af-productfeature .pmu-productfeature-container .row .col {
        border-bottom: 1px solid #c2c2c1;
        padding: 16px
    }

    .af-productfeature .pmu-productfeature-container .row .col .text {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .af-productfeature .pmu-productfeature-container .row .last-visible {
        border-bottom: 0
    }

    .af-productfeature .pmu-productfeature-cta .pmu-btn {
        max-width: 100%
    }

    .hd-productfeature .pmu-productfeature-header .title .text {
        font-size: 24px;
        line-height: 32px
    }

    .hd-productfeature .pmu-productfeature-container {
        padding-bottom: 16px;
        padding-top: 16px
    }

    .hd-productfeature .pmu-productfeature-cta .secondaryBtn {
        font-size: 16px;
        min-width: 100%
    }

    .hd-productfeature .pmu-productfeature-notice h6,
    .hd-productfeature .pmu-productfeature-notice p {
        font-size: 16px;
        line-height: 24px
    }
}

@media(min-width:768px)and (max-width:1023px) {
    .hd-productfeature .pmu-productfeature-container .row {
        flex-direction: row
    }

    .hd-productfeature .pmu-productfeature-container .row .col {
        flex: 1;
        flex: 0 0 calc(50% - 32px)
    }
}

.pmu-productdetail {
    background-color: #e5f5ff;
    padding-bottom: 80px;
    padding-top: 80px
}

.pmu-productdetail p {
    margin-bottom: 0;
    margin-top: 0
}

.pmu-productdetail-header {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 24px 32px
}

.pmu-productdetail-header--carDetails {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.pmu-productdetail-header--carDetails .title {
    color: #2e2e2e;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0
}

.pmu-productdetail-header--carDetails .iconText {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 0;
    width: fit-content
}

.pmu-productdetail-header--carDetails .iconText .icon {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    min-width: 32px;
    width: 32px
}

.pmu-productdetail-header--carDetails .iconText .icon img {
    height: inherit;
    width: inherit
}

.pmu-productdetail-header--carDetails .iconText p {
    color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.pmu-productdetail-header--carDetails .iconText p.tag {
    font-weight: 700
}

.pmu-productdetail-header--carDetails .row {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin: 0
}

.pmu-productdetail-header--ctas {
    display: flex;
    gap: 16px
}

.pmu-productdetail-header--ctas .pmu-btn {
    font-size: 18px;
    line-height: 28px;
    min-width: 104px
}

.pmu-productdetail-imageContainer {
    align-items: flex-start;
    align-self: stretch;
    border-radius: 8px;
    display: flex;
    gap: 24px;
    margin-bottom: 16px;
    overflow: hidden
}

.pmu-productdetail-imageContainer--car {
    height: 480px;
    position: relative;
    width: 100%
}

.pmu-productdetail-imageContainer--car .bg-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(15px);
    -webkit-filter: blur(15px);
    height: 480px;
    width: 100%
}

.pmu-productdetail-imageContainer--car .top-image img {
    height: 480px;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.pmu-productdetail-imageContainer--map {
    height: 480px;
    width: 330px
}

.pmu-productdetail-imageContainer--map img {
    height: inherit;
    width: inherit
}

.pmu-productdetail-imageContainer--map .map-pin-icon {
    background-image: url(clientlib-custom/resources/images/map-pin.png)
}

.pmu-productdetail-imageContainer--map .gm-control-active,
.pmu-productdetail-imageContainer--map .gm-fullscreen-control {
    border-radius: 4px !important;
    height: 35px !important;
    width: 35px !important
}

.pmu-productdetail-imageContainer--map .gm-control-active img,
.pmu-productdetail-imageContainer--map .gm-fullscreen-control img {
    filter: invert(31%) sepia(94%) saturate(5131%) hue-rotate(196deg) brightness(98%) contrast(101%) !important;
    -webkit-filter: invert(31%) sepia(94%) saturate(5131%) hue-rotate(196deg) brightness(98%) contrast(101%) !important;
    height: 14px !important;
    width: 14px !important
}

.pmu-productdetail-imageContainer--map .gm-control-active[disabled] {
    opacity: .3
}

.pmu-productdetail-imageContainer--map .gm-fullscreen-control.gm-control-active {
    border-radius: 4px !important;
    margin: 16px !important
}

.pmu-productdetail-imageContainer--map .gm-fullscreen-control.gm-control-active img {
    height: 18px !important;
    width: 18px !important
}

.pmu-productdetail-imageContainer--map .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
    margin: 10px 10px 5px !important
}

.pmu-productdetail-imageContainer--map button[title="Show satellite imagery"],
.pmu-productdetail-imageContainer--map button[title="Show street map"] {
    color: var(--bdo-black) !important;
    font-size: 16px !important;
    padding: 0 20px !important
}

.pmu-productdetail-imageContainer--map button[title="Show satellite imagery"]:focus,
.pmu-productdetail-imageContainer--map button[title="Show satellite imagery"]:hover,
.pmu-productdetail-imageContainer--map button[title="Show street map"]:focus,
.pmu-productdetail-imageContainer--map button[title="Show street map"]:hover {
    background-color: #fff !important
}

.pmu-productdetail-imageContainer--map button[title="Show street map"] {
    border-radius: 8px 0 0 8px !important
}

.pmu-productdetail-imageContainer--map button[title="Show satellite imagery"] {
    border-radius: 0 8px 8px 0 !important
}

.pmu-productdetail-imageContainer--map button[title="Zoom in"].gm-control-active+div {
    background-color: var(--bdo-lightgray) !important;
    margin: 0 !important;
    width: 35px !important
}

.pmu-productdetail-imageContainer--map .gm-bundled-control .gmnoprint[data-control-width="40"] {
    height: 71px !important;
    width: 35px !important
}

.pmu-productdetail-imageContainer--map .gm-bundled-control .gmnoprint[data-control-width="40"]>div {
    border-radius: 4px !important;
    height: auto !important;
    width: auto !important
}

.pmu-productdetail .swiper-button-next,
.pmu-productdetail .swiper-button-prev {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 32px 32px;
    border-radius: 8px;
    height: 44px;
    padding: 0;
    width: 44px
}

.pmu-productdetail .swiper-button-next svg,
.pmu-productdetail .swiper-button-prev svg {
    height: unset;
    width: unset
}

.pmu-productdetail .swiper-button-next1,
.pmu-productdetail .swiper-button-prev1 {
    background-color: #fff;
    z-index: 8
}

.pmu-productdetail .swiper-button-next:after,
.pmu-productdetail .swiper-button-prev:after,
.pmu-productdetail .swiper-rtl .swiper-button-next:after,
.pmu-productdetail .swiper-rtl .swiper-button-prev:after {
    content: unset
}

.pmu-productdetail-thumbnailContainer .thumbnailWrapper {
    align-items: center;
    display: flex;
    position: relative;
    width: 100%
}

.pmu-productdetail-thumbnailContainer .thumbnailWrapper .thumbnail {
    border-radius: 8px;
    cursor: pointer;
    height: 130px;
    overflow: hidden;
    width: auto
}

.pmu-productdetail-thumbnailContainer .thumbnailWrapper .thumbnail img,
.pmu-productdetail-thumbnailContainer .thumbnailWrapper .thumbnail video {
    height: inherit;
    object-fit: cover;
    width: inherit
}

.pmu-productdetail-thumbnailContainer .thumbnailWrapper .thumbnail--video {
    position: relative
}

.pmu-productdetail-thumbnailContainer .thumbnailWrapper .thumbnail--video .video-icon {
    align-items: center;
    background-color: rgba(46, 46, 46, .4);
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.pmu-productdetail-thumbnailContainer .thumbnailWrapper .thumbnail--video .video-icon img {
    height: 36px;
    object-fit: cover;
    width: 36px
}

.pmu-productdetail-thumbnailContainer .swiper-pagination-bullet {
    background-color: #99c1e7;
    border-radius: 100px;
    height: 6px;
    opacity: 1;
    outline: none;
    width: 6px
}

.pmu-productdetail-thumbnailContainer .swiper-pagination-bullet-active {
    background-color: #fdb913;
    outline: none;
    width: 24px
}

.pmu-productdetail .outside-swiper {
    overflow: hidden
}

.pmu-productdetail .outside-swiper .swiper-wrapper .swiper-slide {
    width: auto
}

.pmu-productdetail .outside-swiper .outside-swiper-pagination {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    z-index: 8
}

.pmu-productdetail .outside-swiper .swiper-horizontal>.swiper-pagination-bullets,
.pmu-productdetail .outside-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.pmu-productdetail .outside-swiper .swiper-pagination-custom,
.pmu-productdetail .outside-swiper .swiper-pagination-fraction {
    bottom: unset
}

.pmu-productdetail .swiper1+.arrow-container {
    position: absolute
}

.pmu-productdetail .swiper1+.arrow-container .swiper-button-next1,
.pmu-productdetail .swiper1+.arrow-container .swiper-button-prev1 {
    top: -66px
}

.pmu-productdetail .swiper1+.arrow-container .swiper-button-prev1 {
    left: -68px
}

@media screen and (max-device-width:1024px) {
    .pmu-productdetail .swiper1+.arrow-container .swiper-button-prev1 {
        display: none
    }
}

.pmu-productdetail .swiper1+.arrow-container .swiper-button-next1 {
    right: -24px
}

@media screen and (max-device-width:1024px) {
    .pmu-productdetail .swiper1+.arrow-container .swiper-button-next1 {
        display: none
    }
}

.pmu-productdetail #popup {
    display: none
}

.pmu-productdetail #popup.show-modal {
    background: rgba(0, 0, 0, .851);
    display: block;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.pmu-productdetail #popup .popup-overlay {
    background: transparent;
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pmu-productdetail #popup .close {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 60px;
    z-index: 9999
}

.pmu-productdetail #popup .popup-content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.pmu-productdetail #popup .popup-content .swiper-button-next {
    right: 24px
}

.pmu-productdetail #popup .popup-content .swiper-button-prev {
    left: 24px
}

.pmu-productdetail #popup .popup-content .thumbnail {
    height: fit-content;
    min-width: 800px;
    width: 800px !important
}

.pmu-productdetail #popup .popup-content .thumbnail img,
.pmu-productdetail #popup .popup-content .thumbnail video {
    border-radius: 8px;
    height: 440px;
    min-height: 440px;
    object-fit: cover;
    overflow: hidden;
    width: 800px
}

.pmu-productdetail #popup .popup-content .thumbnail--video {
    height: 440px;
    position: relative
}

.pmu-productdetail #popup .popup-content .thumbnail--video .video-icon {
    align-items: center;
    background-color: rgba(46, 46, 46, .4);
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.pmu-productdetail #popup .popup-content .thumbnail--video .video-icon img {
    cursor: pointer;
    height: 36px;
    min-height: 36px;
    object-fit: cover;
    width: 36px
}

.pmu-productdetail #popup .popup-content .thumbnail .text .title {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 16px
}

.pmu-productdetail #popup .popup-content .thumbnail .text p {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.pmu-productdetail .inside-swiper .swiper-slide {
    opacity: .4 !important;
    width: 800px !important
}

.pmu-productdetail .inside-swiper .swiper-slide.thumbnail .text {
    opacity: 0
}

.pmu-productdetail .inside-swiper .swiper-slide.swiper-slide-active {
    opacity: 1 !important
}

.pmu-productdetail .inside-swiper .swiper-slide.swiper-slide-next,
.pmu-productdetail .inside-swiper .swiper-slide.swiper-slide-prev {
    opacity: .4
}

.pmu-productdetail .inside-swiper .swiper-slide.swiper-slide-next.swiper-slide-centered,
.pmu-productdetail .inside-swiper .swiper-slide.swiper-slide-prev.swiper-slide-centered {
    opacity: 1
}

.pmu-productdetail .inside-swiper .swiper-slide.swiper-slide-active.thumbnail .text {
    margin-top: 24px;
    opacity: 1
}

.af-productdetail {
    padding-top: 0
}

.af-productdetail .pmu-productdetail-header--carDetails .title {
    font-size: 30px;
    font-weight: 400;
    line-height: 36px
}

.af-productdetail .pmu-productdetail-header--carDetails .row {
    gap: 16px
}

.af-productdetail .pmu-productdetail-header--carDetails .row .iconText p {
    padding-right: 16px
}

.af-productdetail .pmu-productdetail-header--carDetails .row .iconText p>br {
    display: none
}

.af-productdetail .pmu-productdetail-header--carDetails .row .iconText {
    border-right: 1px solid #c2c2c1
}

.af-productdetail .pmu-productdetail-header--carDetails .row .iconText:last-child {
    border-right: none
}

.af-productdetail .pmu-productdetail-header--carDetails .row .iconText:last-child p {
    padding-right: 0
}

.af-productdetail .pmu-productdetail-imageContainer--car {
    border-radius: 8px;
    overflow: hidden
}

.af-productdetail .pmu-productdetail-imageContainer--map {
    border-radius: 8px;
    height: fit-content;
    max-width: 330px;
    min-width: 330px;
    overflow: hidden
}

.af-productdetail .pmu-productdetail-imageContainer--map .map-header {
    align-items: center;
    background-color: #0072d8;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    padding: 16px;
    width: 100%
}

.af-productdetail .pmu-productdetail-imageContainer--map .map-header .title {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0
}

.af-productdetail .pmu-productdetail-imageContainer--map img {
    height: 400px;
    width: inherit
}

.hd-productdetail {
    padding-bottom: 118px
}

.hd-productdetail .pmu-productdetail-imageContainer--car .logo-image img {
    bottom: 85.15px;
    height: 86.4px;
    max-height: 86.4px;
    object-fit: cover;
    position: absolute;
    right: 0;
    width: 286.35px;
    z-index: 1
}

.light-blue-variant .pmu-productdetail {
    background-color: #e5f5ff
}

.light-blue-variant .pmu-productdetail .swiper-button-next1,
.light-blue-variant .pmu-productdetail .swiper-button-prev1,
.light-blue-variant .pmu-productdetail-header,
.white-variant .pmu-productdetail {
    background-color: #fff
}

.white-variant .pmu-productdetail .swiper-button-next1,
.white-variant .pmu-productdetail .swiper-button-prev1,
.white-variant .pmu-productdetail-header {
    background-color: #e5f5ff
}

.dark-blue-variant .pmu-productdetail {
    background-color: #0072d8
}

.dark-blue-variant .pmu-productdetail .swiper-button-next1,
.dark-blue-variant .pmu-productdetail .swiper-button-prev1,
.dark-blue-variant .pmu-productdetail-header {
    background-color: #fff
}

.grey-variant .pmu-productdetail {
    background-color: #f6f6f6
}

.grey-variant .pmu-productdetail .swiper-button-next1,
.grey-variant .pmu-productdetail .swiper-button-prev1,
.grey-variant .pmu-productdetail-header {
    background-color: #fff
}

@media(max-width:1023px) {
    .pmu-productdetail {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .pmu-productdetail .container {
        display: flex;
        flex-direction: column
    }

    .pmu-productdetail-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
        justify-self: flex-start;
        margin-bottom: 8px;
        padding: 24px 16px
    }

    .pmu-productdetail-header--carDetails {
        gap: 8px
    }

    .pmu-productdetail-header--carDetails .title {
        font-size: 20px;
        line-height: 28px
    }

    .pmu-productdetail-header--carDetails .iconText p {
        font-size: 16px;
        line-height: 24px
    }

    .pmu-productdetail-header--carDetails .iconText p.tag {
        font-weight: 600
    }

    .pmu-productdetail-header--carDetails .row {
        flex-direction: column
    }

    .pmu-productdetail-header--ctas {
        flex-direction: column;
        width: 100%
    }

    .pmu-productdetail-header--ctas a {
        display: inline-flex;
        height: 46px
    }

    .pmu-productdetail-header--ctas .primaryBtn,
    .pmu-productdetail-header--ctas .secondaryBtn {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%;
        width: 100%
    }

    .pmu-productdetail-imageContainer {
        margin-bottom: 0;
        margin-top: 8px;
        order: 3
    }

    .pmu-productdetail-imageContainer--car {
        display: none
    }

    .pmu-productdetail-imageContainer--map {
        height: 478px;
        width: 100%
    }

    .pmu-productdetail .swiper-button-next1,
    .pmu-productdetail .swiper-button-prev1 {
        display: none
    }

    .pmu-productdetail-thumbnailContainer {
        background: #fff;
        border-radius: 8px;
        padding: 16px 16px 54px
    }

    .pmu-productdetail .outside-swiper .outside-swiper-pagination {
        margin-top: 24px
    }

    .pmu-productdetail #popup.show-modal {
        background: #252525;
        height: 100%
    }

    .pmu-productdetail #popup .popup-content {
        justify-content: flex-start
    }

    .pmu-productdetail #popup .popup-content .thumbnail {
        height: 560px;
        min-width: 100%;
        width: fit-content !important
    }

    .pmu-productdetail #popup .popup-content .thumbnail img,
    .pmu-productdetail #popup .popup-content .thumbnail video {
        background-color: #2e2e2e;
        height: 370px;
        min-height: 370px;
        min-width: 100%;
        padding-bottom: 60px;
        padding-top: 60px;
        width: 100% !important
    }

    .pmu-productdetail #popup .popup-content .thumbnail--video {
        height: 370px
    }

    .pmu-productdetail #popup .popup-content .thumbnail--video .video-icon img {
        background-color: transparent;
        height: 36px;
        min-width: 36px !important;
        padding-bottom: 0;
        padding-top: 0;
        width: 36px !important
    }

    .pmu-productdetail #popup .popup-content .thumbnail .text {
        padding-left: 16px;
        padding-right: 16px;
        width: 360px;
        width: 100%
    }

    .pmu-productdetail #popup .popup-content .arrow-container {
        position: unset
    }

    .pmu-productdetail #popup .popup-content .arrow-container .swiper-button-next,
    .pmu-productdetail #popup .popup-content .arrow-container .swiper-button-prev {
        top: var(--swiper-navigation-top-offset, 40%)
    }

    .pmu-productdetail .swiper2,
    .pmu-productdetail .swiper2 .swiper-wrapper {
        width: 100% !important
    }

    .pmu-productdetail .swiper1 {
        touch-action: pan-y
    }

    .af-productdetail {
        padding-top: 0
    }

    .af-productdetail .pmu-productdetail-header--carDetails .title {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px
    }

    .af-productdetail .pmu-productdetail-header--carDetails .row {
        gap: 16px
    }

    .af-productdetail .pmu-productdetail-header--carDetails .row .iconText p {
        padding-right: 0
    }

    .af-productdetail .pmu-productdetail-header--carDetails .row .iconText {
        border-right: none
    }

    .af-productdetail .pmu-productdetail-imageContainer {
        order: 3
    }

    .af-productdetail .pmu-productdetail-imageContainer--map {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }

    .af-productdetail .pmu-productdetail-imageContainer--map img {
        height: 474px
    }

    .hd-productdetail .pmu-productdetail-header--ctas .primaryBtn,
    .hd-productdetail .pmu-productdetail-header--ctas .secondaryBtn {
        font-size: 18px;
        height: fit-content;
        line-height: 28px
    }

    .hd-productdetail .pmu-productdetail-imageContainer--map {
        margin-bottom: 40px
    }
}

@media(min-width:768px)and (max-width:1023px) {
    .hd-productdetail .pmu-productdetail-header--ctas {
        flex-direction: row;
        width: 100%
    }
}

@media screen and (width:1024px) {
    .af-productdetail .pmu-productdetail-header--carDetails .row .iconText p>br {
        display: block
    }
}

@media(min-width:1025px) {
    .af-productdetail .pmu-productdetail-header--carDetails {
        width: 67%
    }

    .af-productdetail .pmu-productdetail-header--carDetails .row {
        flex-wrap: nowrap;
        width: 100%
    }

    .af-productdetail .pmu-productdetail-header--carDetails .row .iconText {
        max-width: 50%
    }

    .af-productdetail .pmu-productdetail-header--carDetails .row .iconText p>br {
        display: none
    }
}

.pmu-popularlocation {
    background-color: #fff;
    padding-bottom: 80px;
    padding-top: 80px
}

.pmu-popularlocation--header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px
}

.pmu-popularlocation--header .title {
    color: #2e2e2e;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 0;
    word-break: break-all
}

.pmu-popularlocation--container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -12px
}

.pmu-popularlocation--container .card {
    background-color: #e5f5ff;
    border-radius: 8px;
    display: flex;
    flex: 0 1 calc(25% - 24px);
    margin: 12px;
    min-height: 428px;
    overflow: hidden;
    width: fit-content
}

.pmu-popularlocation--container .card--image img {
    height: 268px;
    width: 100%
}

.pmu-popularlocation--container .card--content {
    background-color: #e5f5ff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 24px
}

.pmu-popularlocation--container .card--content .title {
    color: #2e2e2e;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px
}

.pmu-popularlocation--container .card--content .text {
    color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.pmu-popularlocation--container .card--image+.card--content {
    margin-top: -24px
}

.travel-gridmultistack {
    position: relative
}

.travel-gridmultistack .pmu-popularlocation--container {
    margin: unset
}

.travel-gridmultistack .pmu-popularlocation--header .pmu-btn {
    font-size: 18px;
    line-height: 28px
}

.travel-gridmultistack .mobileOnly {
    display: none
}

.travel-gridmultistack .gridmultistackcarousel {
    height: fit-content !important;
    width: 100%
}

.travel-gridmultistack .swiper,
.travel-gridmultistack .swiper-slide {
    display: flex;
    flex-direction: column
}

.travel-gridmultistack .swiper-wrapper {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    height: 100%;
    row-gap: 24px
}

.travel-gridmultistack .swiper-wrapper .swiper-slide {
    background-color: #e5f5ff;
    border-radius: 8px;
    height: auto !important;
    margin-top: 0 !important;
    overflow: hidden
}

.travel-gridmultistack .swiper-wrapper .swiper-slide .card {
    background-color: #e5f5ff;
    border-radius: 8px;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    padding: 24px;
    width: 100%
}

.travel-gridmultistack .swiper-wrapper .swiper-slide .card--image {
    height: 80px;
    margin-bottom: 8px;
    width: 100%
}

.travel-gridmultistack .swiper-wrapper .swiper-slide .card--image img {
    height: 80px;
    object-fit: contain;
    width: 100%
}

.travel-gridmultistack .swiper-wrapper .swiper-slide .card--content {
    justify-content: flex-start;
    margin-bottom: 16px;
    margin-top: 0;
    padding: 0;
    row-gap: 16px
}

.travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0
}

.travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .pills li {
    border-radius: 80px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 6px 16px
}

.travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .text,
.travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .title {
    margin-bottom: 0
}

.travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .pmu-btn {
    margin-top: 16px
}

.travel-gridmultistack .swiper-wrapper .swiper-slide:nth-child(2n) {
    margin-top: 0
}

.travel-gridmultistack .swiper-pagination {
    margin-top: 48px;
    position: static
}

.travel-gridmultistack .swiper-pagination-bullet {
    background-color: #99c1e7;
    border-radius: 100px;
    height: 6px;
    opacity: 1;
    width: 6px
}

.travel-gridmultistack .swiper-pagination-bullet-active {
    background-color: #fdb913;
    width: 24px
}

.travel-gridmultistack .arrow-container {
    position: absolute;
    top: 50%
}

.travel-gridmultistack .arrow-container .swiper-button-disabled {
    display: none
}

.travel-gridmultistack .arrow-container .swiper-button-next,
.travel-gridmultistack .arrow-container .swiper-button-prev {
    background-color: #e5f5ff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 32px 32px;
    border-radius: 8px;
    height: 44px;
    padding: 0;
    top: unset;
    width: 44px;
    z-index: 2
}

.travel-gridmultistack .arrow-container .swiper-button-next svg,
.travel-gridmultistack .arrow-container .swiper-button-prev svg {
    height: unset;
    width: unset
}

.travel-gridmultistack .arrow-container .swiper-button-next:after,
.travel-gridmultistack .arrow-container .swiper-button-prev:after,
.travel-gridmultistack .arrow-container .swiper-rtl .swiper-button-next:after,
.travel-gridmultistack .arrow-container .swiper-rtl .swiper-button-prev:after {
    content: unset
}

.travel-gridmultistack .arrow-container .swiper-button-prev {
    left: -60px
}

.travel-gridmultistack .arrow-container .swiper-button-next {
    right: -14px
}

.travel-gridmultistack .full-height-slide {
    align-items: flex-start
}

.travel-gridmultistack.af-gridmultistack--carBrand .swiper-wrapper .swiper-slide .card {
    gap: 16px
}

.travel-gridmultistack.af-gridmultistack--carBrand .swiper-wrapper .swiper-slide .card--image {
    height: 180px;
    margin-bottom: 24px;
    width: 100%
}

.travel-gridmultistack.af-gridmultistack--carBrand .swiper-wrapper .swiper-slide .card--image img {
    height: 180px;
    width: 100%
}

.travel-gridmultistack.af-gridmultistack--carBrand .swiper-wrapper .swiper-slide .card--content {
    margin-top: 0;
    padding: 0;
    row-gap: 0
}

.travel-gridmultistack.af-gridmultistack--carBrand .swiper-wrapper .swiper-slide .card--content .text {
    margin-bottom: 0
}

.travel-gridmultistack.af-gridmultistack--carBrand .swiper-wrapper .swiper-slide .card--content .pmu-btn {
    margin-top: 0
}

.travel-gridmultistack.af-gridmultistack--carBrand.hd-gridmultistack .swiper-wrapper .swiper-slide .card {
    gap: 0
}

.travel-gridmultistack.af-gridmultistack--carBrand.hd-gridmultistack .swiper-wrapper .swiper-slide .card--content {
    margin-bottom: 0
}

.travel-gridmultistack.af-gridmultistack--carBrand.hd-gridmultistack .swiper-wrapper .swiper-slide .card--image,
.travel-gridmultistack.af-gridmultistack--carBrand.hd-gridmultistack .swiper-wrapper .swiper-slide .card--image img {
    height: 80px
}

.travel-gridmultistack.af-gridmultistack--vehicleType .swiper-wrapper .swiper-slide .card {
    gap: 16px;
    padding: 0
}

.travel-gridmultistack.af-gridmultistack--vehicleType .swiper-wrapper .swiper-slide .card--image {
    height: 244px;
    margin-bottom: 24px;
    width: 100%
}

.travel-gridmultistack.af-gridmultistack--vehicleType .swiper-wrapper .swiper-slide .card--image img {
    height: 244px;
    width: 100%
}

.travel-gridmultistack.af-gridmultistack--vehicleType .swiper-wrapper .swiper-slide .card--content {
    margin-top: 0;
    padding: 0;
    row-gap: 0
}

.travel-gridmultistack.af-gridmultistack--vehicleType .swiper-wrapper .swiper-slide .card--content .title {
    padding: 0 24px
}

.travel-gridmultistack.af-gridmultistack--vehicleType .swiper-wrapper .swiper-slide .card--content .text {
    margin-bottom: 0;
    margin-top: 16px;
    padding: 0 24px
}

.travel-gridmultistack.af-gridmultistack--vehicleType .swiper-wrapper .swiper-slide .card--cta {
    padding: 0 24px 24px
}

.travel-gridmultistack.af-gridmultistack--vehicleType .swiper-wrapper .swiper-slide .card--cta .pmu-btn {
    font-size: 18px;
    line-height: 28px;
    margin-top: 0
}

.travel-gridmultistack.hd-gridmultistack .pmu-popularlocation--header .desktopOnly {
    font-size: 16px;
    line-height: 24px
}

@media(min-width:1024px)and (max-width:1279px) {
    .pmu-popularlocation--container .card {
        flex: 0 1 calc(33.33% - 24px)
    }
}

.white-variant .pmu-popularlocation {
    background-color: #fff
}

.white-variant .pmu-popularlocation .pmu-popularlocation--header .title {
    color: #2e2e2e
}

.white-variant .pmu-popularlocation .pmu-popularlocation--container .card,
.white-variant .pmu-popularlocation .pmu-popularlocation--container .card--content {
    background-color: #e5f5ff
}

.white-variant .travel-gridmultistack {
    background-color: #fff
}

.white-variant .travel-gridmultistack .swiper-wrapper .swiper-slide,
.white-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card,
.white-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content {
    background-color: #e5f5ff
}

.white-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .pills li {
    color: #fff
}

.white-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .text,
.white-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .title {
    color: #2e2e2e
}

.white-variant .travel-gridmultistack .swiper-pagination-bullet {
    background-color: #99c1e7
}

.light-blue-variant .pmu-popularlocation,
.white-variant .travel-gridmultistack .arrow-container .swiper-button-next,
.white-variant .travel-gridmultistack .arrow-container .swiper-button-prev {
    background-color: #e5f5ff
}

.light-blue-variant .pmu-popularlocation--header .title {
    color: #2e2e2e
}

.light-blue-variant .pmu-popularlocation--container .card,
.light-blue-variant .pmu-popularlocation--container .card--content {
    background-color: #fff
}

.light-blue-variant .travel-gridmultistack {
    background-color: #e5f5ff
}

.light-blue-variant .travel-gridmultistack .swiper-wrapper .swiper-slide,
.light-blue-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card,
.light-blue-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content {
    background-color: #fff
}

.light-blue-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .pills li {
    color: #fff
}

.light-blue-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .text,
.light-blue-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .title {
    color: #2e2e2e
}

.light-blue-variant .travel-gridmultistack .arrow-container .swiper-button-next,
.light-blue-variant .travel-gridmultistack .arrow-container .swiper-button-prev {
    background-color: #fff
}

.light-blue-variant .travel-gridmultistack.af-gridmultistack--carBrand .pmu-btn.secondaryBtn {
    background-color: transparent
}

.dark-blue-variant .pmu-popularlocation {
    background-color: #0072db
}

.dark-blue-variant .pmu-popularlocation--header .title {
    color: #fff
}

.dark-blue-variant .pmu-popularlocation--container .card,
.dark-blue-variant .pmu-popularlocation--container .card--content {
    background-color: #fff
}

.dark-blue-variant .travel-gridmultistack {
    background-color: #0072db
}

.dark-blue-variant .travel-gridmultistack .swiper-wrapper .swiper-slide,
.dark-blue-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card,
.dark-blue-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content {
    background-color: #fff
}

.dark-blue-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .pills li {
    color: #fff
}

.dark-blue-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .text,
.dark-blue-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .title {
    color: #2e2e2e
}

.dark-blue-variant .travel-gridmultistack .arrow-container .swiper-button-next,
.dark-blue-variant .travel-gridmultistack .arrow-container .swiper-button-prev {
    background-color: #fff
}

.dark-blue-variant .travel-gridmultistack.af-gridmultistack--carBrand,
.dark-blue-variant .travel-gridmultistack.af-gridmultistack--vehicleType {
    background-color: #0072db
}

.dark-blue-variant .travel-gridmultistack.af-gridmultistack--carBrand .pmu-popularlocation--ctas .mobileOnly,
.dark-blue-variant .travel-gridmultistack.af-gridmultistack--carBrand .pmu-popularlocation--ctas .pmu-btn.secondaryBtn,
.dark-blue-variant .travel-gridmultistack.af-gridmultistack--carBrand .pmu-popularlocation--header .mobileOnly,
.dark-blue-variant .travel-gridmultistack.af-gridmultistack--carBrand .pmu-popularlocation--header .pmu-btn.secondaryBtn,
.dark-blue-variant .travel-gridmultistack.af-gridmultistack--vehicleType .pmu-popularlocation--ctas .mobileOnly,
.dark-blue-variant .travel-gridmultistack.af-gridmultistack--vehicleType .pmu-popularlocation--ctas .pmu-btn.secondaryBtn,
.dark-blue-variant .travel-gridmultistack.af-gridmultistack--vehicleType .pmu-popularlocation--header .mobileOnly,
.dark-blue-variant .travel-gridmultistack.af-gridmultistack--vehicleType .pmu-popularlocation--header .pmu-btn.secondaryBtn {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff
}

.grey-variant .pmu-popularlocation {
    background-color: #f6f6f6
}

.grey-variant .pmu-popularlocation--header .title {
    color: #2e2e2e
}

.grey-variant .pmu-popularlocation--container .card,
.grey-variant .pmu-popularlocation--container .card--content {
    background-color: #fff
}

.grey-variant .travel-gridmultistack {
    background-color: #f6f6f6
}

.grey-variant .travel-gridmultistack .swiper-wrapper .swiper-slide,
.grey-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card,
.grey-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content {
    background-color: #fff
}

.grey-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .pills li {
    color: #fff
}

.grey-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .text,
.grey-variant .travel-gridmultistack .swiper-wrapper .swiper-slide .card--content .title {
    color: #2e2e2e
}

.grey-variant .travel-gridmultistack .arrow-container .swiper-button-next,
.grey-variant .travel-gridmultistack .arrow-container .swiper-button-prev {
    background-color: #fff
}

@media only screen and (max-width:1023px) {
    .pmu-popularlocation {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .pmu-popularlocation--header {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 24px
    }

    .pmu-popularlocation--header .title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 16px
    }

    .pmu-popularlocation--header .pmu-btn {
        display: none
    }

    .pmu-popularlocation--container {
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .pmu-popularlocation--container .card {
        flex: unset;
        min-width: 278px;
        width: 278px
    }

    .travel-gridmultistack .container {
        padding-right: 24px
    }

    .travel-gridmultistack .arrow-container {
        display: none
    }

    .travel-gridmultistack .pmu-popularlocation--header .title {
        margin-bottom: 0
    }

    .travel-gridmultistack .pmu-popularlocation--container .card {
        min-width: 100%;
        width: 100%
    }

    .travel-gridmultistack .mobileOnly {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-top: 48px;
        max-width: 100%;
        min-width: 100%;
        text-align: center;
        width: 100%
    }

    .travel-gridmultistack .desktopOnly {
        display: none
    }

    .travel-gridmultistack.af-gridmultistack--carBrand .container,
    .travel-gridmultistack.af-gridmultistack--vehicleType .container {
        padding-right: 24px
    }

    .travel-gridmultistack.af-gridmultistack--vehicleType .pmu-popularlocation--header {
        margin-bottom: 40px
    }

    .travel-gridmultistack.af-gridmultistack--vehicleType .pmu-popularlocation--ctas .mobileOnly,
    .travel-gridmultistack.af-gridmultistack--vehicleType .swiper-pagination {
        margin-top: 36px
    }
}

.light-blue-variant .hd-gridmultistack .pmu-popularlocation--header .desktopOnly {
    background-color: #fff !important;
    border: 1px solid #99c1e7
}

@media only screen and (max-width:1023px) {

    .light-blue-variant .travel-gridmultistack.af-gridmultistack--carBrand .pmu-popularlocation--ctas .mobileOnly,
    .light-blue-variant .travel-gridmultistack.af-gridmultistack--vehicleType .pmu-popularlocation--ctas .mobileOnly {
        background-color: transparent
    }
}

@media(min-width:768px)and (max-width:1023px) {
    .travel-gridmultistack .pmu-popularlocation--ctas {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .travel-gridmultistack .pmu-popularlocation--ctas a {
        width: auto
    }

    .travel-gridmultistack .pmu-popularlocation--ctas a .pmu-btn {
        max-width: unset;
        min-width: unset;
        width: auto
    }

    .travel-gridmultistack .mobileOnly,
    .travel-gridmultistack .swiper-pagination {
        margin-top: 24px
    }
}

@media(max-width:768px) {

    .travel-gridmultistack.hd-gridmultistack .mobileOnly,
    .travel-gridmultistack.hd-gridmultistack .swiper-pagination {
        margin-top: 40px
    }
}

.exploreMore-withIcon {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 16px;
    padding: 24px
}

.exploreMore-withIcon .icon {
    align-items: center;
    background-color: #e5f5ff;
    border-radius: 8px;
    display: flex;
    height: 44px;
    justify-content: center;
    min-width: 44px;
    width: 44px
}

.exploreMore-withIcon .pt-4,
.exploreMore-withIcon .px-4 {
    padding: 0 !important
}

.exploreMore-withIcon .semibold {
    font-weight: 400 !important
}

.exploreMore-withIcon .bdo-font-medium {
    font-size: 20px !important
}

.exploreMore-withIconHeight {
    display: flex;
    justify-content: center
}

.pmu-quicktooltabs,
.white-variant .exploreMore-withIcon .icon {
    background-color: #fff
}

.pmu-quicktooltabs {
    padding-bottom: 80px;
    padding-top: 80px
}

.pmu-quicktooltabs--header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px;
    word-break: break-word
}

.pmu-quicktooltabs--header .title {
    color: #2e2e2e;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 0;
    word-break: break-word
}

.pmu-quicktooltabs--header .subtitle {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 8px;
    word-break: break-word
}

.pmu-quicktooltabs--header .subtitle p {
    margin-bottom: 0
}

.pmu-quicktooltabs--mobile {
    display: none
}

.pmu-quicktooltabs--tabs {
    align-items: flex-start;
    align-self: stretch;
    border-bottom: 1px solid #c2c2c1;
    display: flex;
    flex-wrap: nowrap !important;
    outline: none;
    overflow-x: auto;
    width: 100%
}

.pmu-quicktooltabs--tabs::-webkit-scrollbar {
    height: 2px;
    width: 2px
}

.pmu-quicktooltabs--tabs::-webkit-scrollbar-track:vertical {
    background-color: transparent
}

.pmu-quicktooltabs--tabs::-webkit-scrollbar-thumb:vertical {
    background-color: transparent;
    border-radius: 120px
}

.pmu-quicktooltabs--tabs .tab {
    color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    outline: none;
    padding: 16px 24px;
    text-align: center;
    text-wrap: nowrap;
    white-space: nowrap
}

.pmu-quicktooltabs--tabs .tab.active {
    border-bottom: 4px solid #fdb913;
    font-weight: 700;
    outline: none
}

.pmu-quicktooltabs--carousel-container {
    position: relative
}

.pmu-quicktooltabs--carousel-container .carousel {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%
}

.light-blue-variant .pmu-quicktooltabs {
    background-color: #e5f5ff
}

.light-blue-variant .pmu-quicktooltabs .pmu-quicktooltabs--header .title {
    color: #2e2e2e
}

.light-blue-variant .pmu-quicktooltabs .arrow-container .swiper-button-next,
.light-blue-variant .pmu-quicktooltabs .arrow-container .swiper-button-prev,
.light-blue-variant .pmu-quicktooltabs .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff
}

.dark-blue-variant .pmu-quicktooltabs {
    background-color: #0072d8
}

.dark-blue-variant .pmu-quicktooltabs .pmu-quicktooltabs--header .subtitle,
.dark-blue-variant .pmu-quicktooltabs .pmu-quicktooltabs--header .title {
    color: #fff
}

.dark-blue-variant .pmu-quicktooltabs .arrow-container .swiper-button-next,
.dark-blue-variant .pmu-quicktooltabs .arrow-container .swiper-button-prev,
.dark-blue-variant .pmu-quicktooltabs .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff
}

.dark-blue-variant .pmu-quicktooltabs .pmu-quicktooltabs--tabsContainer .pmu-quicktooltabs--tabs .tab {
    color: #fff !important
}

.grey-variant .pmu-quicktooltabs {
    background-color: #f6f6f6
}

.grey-variant .pmu-quicktooltabs .pmu-quicktooltabs--header .title {
    color: #2e2e2e
}

.grey-variant .pmu-quicktooltabs .arrow-container .swiper-button-next,
.grey-variant .pmu-quicktooltabs .arrow-container .swiper-button-prev,
.grey-variant .pmu-quicktooltabs .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff
}

@media(max-width:1023px) {
    .pmu-quicktooltabs {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .pmu-quicktooltabs .container {
        padding: 0 !important
    }

    .pmu-quicktooltabs--header {
        margin-bottom: 36px;
        padding: 0 24px
    }

    .pmu-quicktooltabs--header .title {
        font-size: 24px;
        line-height: 32px
    }

    .pmu-quicktooltabs--header .subtitle {
        font-size: 16px;
        line-height: 24px
    }

    .pmu-quicktooltabs--header .pmu-btn {
        display: none
    }

    .pmu-quicktooltabs--mobile {
        display: block;
        margin-top: 48px;
        padding: 0 24px;
        width: 100%
    }

    .pmu-quicktooltabs--mobile .pmu-btn {
        max-width: 100%;
        width: 100%
    }

    .pmu-quicktooltabs--tabs {
        margin-bottom: 36px;
        position: relative
    }

    .pmu-quicktooltabs--tabs:after,
    .pmu-quicktooltabs--tabs:before {
        background-color: transparent;
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        z-index: 1
    }

    .pmu-quicktooltabs--tabsContainer {
        padding: 0 24px
    }
}

.pmu-quicktooltabs .cmp-tabs__tab--active {
    border-bottom: 4px solid #fdb913;
    font-weight: 600
}

@media(min-width:768px)and (max-width:1023px) {
    .pmu-quicktooltabs--mobile {
        display: flex;
        justify-content: center
    }

    .pmu-quicktooltabs--mobile .pmu-btn {
        max-width: unset;
        width: auto
    }
}

.pmu-quicktoolcarousel {
    margin-top: 48px;
    position: relative
}

.pmu-quicktoolcarousel .pmu-carousel {
    height: fit-content !important
}

.pmu-quicktoolcarousel .swiper-wrapper {
    align-items: stretch !important;
    display: flex;
    flex-direction: row;
    height: 100%;
    row-gap: 24px
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide {
    background-color: #e5f5ff;
    border-radius: 8px;
    height: auto;
    margin-top: 0 !important;
    overflow: hidden
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card {
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin: 0;
    overflow: hidden;
    width: 100%
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--image {
    height: 268px;
    max-height: 268px;
    min-height: 268px
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--image img,
.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--image picture source {
    height: 268px;
    max-height: 268px;
    min-height: 268px;
    width: 100%
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--labels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    left: 16px;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    position: absolute;
    top: 16px
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--labels li {
    border-radius: 80px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 6px 16px
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #e5f5ff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 24px
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content ul {
    list-style-type: none;
    padding-left: 0
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content ul .item {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
    padding-left: 0
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content ul .item:last-child {
    margin-bottom: 16px
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content ul .item-icon {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    min-width: 32px;
    width: 32px
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content ul .item-text {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .base-text {
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .pmu-btn {
    font-size: 18px;
    line-height: 28px
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .pmu-btn.primaryBtn {
    color: var(--white) !important
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .pmu-btn.compareBtn {
    color: var(--bdo-blue) !important
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--ctas {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: flex-start
}

.pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--image+.carousel-card--content {
    height: 100%;
    margin-top: -24px
}

@media(min-width:1024px) {

    .pmu-quicktoolcarousel .swiper-wrapper.grid-slide-3n,
    .pmu-quicktoolcarousel .swiper-wrapper.grid-slide-4n {
        display: grid;
        grid-template-rows: repeat(2, auto)
    }

    .pmu-quicktoolcarousel .swiper-wrapper.grid-slide-3n .swiper-slide,
    .pmu-quicktoolcarousel .swiper-wrapper.grid-slide-4n .swiper-slide {
        height: auto !important
    }
}

.pmu-quicktoolcarousel .swiper-pagination {
    margin-top: 48px;
    position: static
}

.pmu-quicktoolcarousel .swiper-pagination-bullet {
    background-color: #99c1e7;
    border-radius: 100px;
    height: 6px;
    opacity: 1;
    outline: none;
    width: 6px
}

.pmu-quicktoolcarousel .swiper-pagination-bullet-active {
    background-color: #fdb913;
    outline: none;
    width: 24px
}

.pmu-quicktoolcarousel .arrow-container {
    position: absolute;
    top: 50%
}

.pmu-quicktoolcarousel .arrow-container .swiper-button-disabled {
    display: none
}

.pmu-quicktoolcarousel .arrow-container .swiper-button-next,
.pmu-quicktoolcarousel .arrow-container .swiper-button-prev {
    background-color: #e5f5ff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 32px 32px;
    border-radius: 8px;
    height: 44px;
    padding: 0;
    top: unset;
    width: 44px;
    z-index: 2
}

.pmu-quicktoolcarousel .arrow-container .swiper-button-next svg,
.pmu-quicktoolcarousel .arrow-container .swiper-button-prev svg {
    height: unset;
    width: unset
}

.pmu-quicktoolcarousel .arrow-container .swiper-button-next:after,
.pmu-quicktoolcarousel .arrow-container .swiper-button-prev:after,
.pmu-quicktoolcarousel .arrow-container .swiper-rtl .swiper-button-next:after,
.pmu-quicktoolcarousel .arrow-container .swiper-rtl .swiper-button-prev:after {
    content: unset
}

.pmu-quicktoolcarousel .arrow-container .swiper-button-prev {
    left: -60px
}

.pmu-quicktoolcarousel .arrow-container .swiper-button-next {
    right: -60px
}

.pmu-quicktoolcarousel .light-blue-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff !important
}

.pmu-quicktoolcarousel .light-blue-variant .travel-quicktoolcarousel .arrow-container .swiper-button-next,
.pmu-quicktoolcarousel .light-blue-variant .travel-quicktoolcarousel .arrow-container .swiper-button-prev {
    background-color: #fff
}

.pmu-quicktoolcarousel .dark-blue-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff !important
}

.pmu-quicktoolcarousel .dark-blue-variant .travel-quicktoolcarousel .arrow-container .swiper-button-next,
.pmu-quicktoolcarousel .dark-blue-variant .travel-quicktoolcarousel .arrow-container .swiper-button-prev {
    background-color: #fff
}

.pmu-quicktoolcarousel .grey-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff !important
}

.pmu-quicktoolcarousel .grey-variant .travel-quicktoolcarousel .arrow-container .swiper-button-next,
.pmu-quicktoolcarousel .grey-variant .travel-quicktoolcarousel .arrow-container .swiper-button-prev {
    background-color: #fff
}

.pmu-quicktoolcarousel .full-height-slide {
    align-items: flex-start
}

.travel-quicktoolcarousel .container {
    padding-right: 0 !important
}

.travel-quicktoolcarousel .swiper {
    display: flex;
    flex-direction: column
}

.travel-quicktoolcarousel .swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto !important
}

.travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--logoTag {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 180px;
    width: 168px
}

.travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--logoTag img,
.travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--logoTag picture source {
    height: 48px;
    max-height: 48px;
    min-height: 48px;
    width: 168px
}

.travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--image img,
.travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--image picture source {
    object-fit: contain
}

.travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #e5f5ff
}

.travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .title .usd {
    color: #0072db
}

.travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px
}

.travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .ctas {
    display: flex;
    gap: 16px;
    margin-top: 16px
}

.travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .ctas .pmu-btn.secondaryBtn {
    background-color: transparent
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--image+.carousel-card--content {
        padding-bottom: 24px
    }
}

.af-quicktoolcarousel {
    margin-top: 32px
}

.af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--image img,
.af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--image picture source {
    object-fit: cover
}

.af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card ul {
    margin-bottom: 0;
    right: 16px
}

.af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card ul .item:last-child {
    margin-bottom: 0
}

.af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card ul .item-icon {
    height: 24px;
    min-width: 24px;
    width: 24px
}

.af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card .base-text {
    margin-bottom: 0;
    margin-top: 16px
}

.af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--ctas {
    flex-wrap: wrap;
    margin-top: 16px
}

.af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--ctas .pmu-btn.secondaryBtn {
    background-color: transparent
}

.af-quicktoolcarousel .arrow-container .swiper-button-prev {
    left: -64px
}

.af-quicktoolcarousel .arrow-container .swiper-button-next {
    right: -64px
}

.hd-quicktoolcarousel .tabs--labels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
    margin-bottom: 24px;
    padding-left: 0
}

.hd-quicktoolcarousel .tabs--labels li {
    background-color: #f6f6f6;
    border-radius: 8px;
    color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 16px
}

.hd-quicktoolcarousel .tabs--labels li.active {
    background-color: #fdb913;
    font-weight: 700
}

.hd-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--logoTag {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 180px;
    width: 168px
}

.hd-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--logoTag img,
.hd-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--logoTag picture source {
    height: 48px;
    max-height: 48px;
    min-height: 48px;
    width: 168px
}

.white-variant .pmu-quicktoolcarousel .swiper-wrapper .swiper-slide,
.white-variant .pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content,
.white-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #e5f5ff
}

.white-variant .af-quicktoolcarousel {
    background-color: #fff
}

.white-variant .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #e5f5ff !important
}

.white-variant .af-quicktoolcarousel .swiper-wrapper .swiper-slide .pmu-btn.comparePanelBtn.secondaryBtn {
    background-color: transparent !important
}

.light-blue-variant .pmu-quicktoolcarousel .swiper-wrapper .swiper-slide {
    background-color: #fff
}

.light-blue-variant .pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff !important
}

.light-blue-variant .pmu-quicktoolcarousel .arrow-container .swiper-button-next,
.light-blue-variant .pmu-quicktoolcarousel .arrow-container .swiper-button-prev {
    background-color: #fff
}

.light-blue-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff !important
}

.light-blue-variant .af-quicktoolcarousel {
    background-color: #e5f5ff
}

.light-blue-variant .af-quicktoolcarousel .swiper-wrapper .swiper-slide .pmu-btn.comparePanelBtn.secondaryBtn {
    background-color: transparent !important
}

.light-blue-variant .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff !important
}

.dark-blue-variant .pmu-quicktoolcarousel .swiper-wrapper .swiper-slide {
    background-color: #fff
}

.dark-blue-variant .pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff !important
}

.dark-blue-variant .pmu-quicktoolcarousel .arrow-container .swiper-button-next,
.dark-blue-variant .pmu-quicktoolcarousel .arrow-container .swiper-button-prev {
    background-color: #fff
}

.dark-blue-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff !important
}

.dark-blue-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .subtitle,
.dark-blue-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .text,
.dark-blue-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .title {
    color: #2e2e2e
}

.dark-blue-variant .af-quicktoolcarousel {
    background-color: #0072db
}

.dark-blue-variant .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #e5f5ff !important
}

.dark-blue-variant .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .subtitle,
.dark-blue-variant .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .text,
.dark-blue-variant .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .title {
    color: #2e2e2e
}

.dark-blue-variant .af-quicktoolcarousel .swiper-wrapper .swiper-slide .pmu-btn.comparePanelBtn.secondaryBtn {
    background-color: transparent !important
}

.dark-blue-variant .pmu-quicktoolcarousel.af-quicktoolcarousel .arrow-container .swiper-button-next,
.dark-blue-variant .pmu-quicktoolcarousel.af-quicktoolcarousel .arrow-container .swiper-button-prev {
    background-color: #e5f5ff !important
}

.dark-blue-variant .megamenu-level-one-container {
    max-width: 100%;
    min-width: 100%;
    width: 100%
}

.grey-variant .pmu-quicktoolcarousel .swiper-wrapper .swiper-slide {
    background-color: #fff
}

.grey-variant .pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff !important
}

.grey-variant .pmu-quicktoolcarousel .arrow-container .swiper-button-next,
.grey-variant .pmu-quicktoolcarousel .arrow-container .swiper-button-prev {
    background-color: #fff
}

.grey-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff !important
}

.grey-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .subtitle,
.grey-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .text,
.grey-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .title {
    color: #2e2e2e
}

.grey-variant .af-quicktoolcarousel {
    background-color: #f6f6f6
}

.grey-variant .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff !important
}

.grey-variant .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .subtitle,
.grey-variant .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .text,
.grey-variant .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .title {
    color: #2e2e2e
}

@media(max-width:1023px) {
    .pmu-quicktoolcarousel {
        padding-left: 24px;
        padding-right: 24px
    }

    .pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .title {
        font-size: 24px;
        line-height: 28px
    }

    .pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content ul .item-icon {
        height: 24px;
        min-width: 24px;
        width: 24px
    }

    .pmu-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content ul .item-text {
        font-size: 16px;
        line-height: 24px
    }

    .pmu-quicktoolcarousel .swiper-pagination {
        display: none
    }

    .pmu-quicktoolcarousel .arrow-container,
    .pmu-quicktoolcarousel .arrow-container .swiper-button-next,
    .pmu-quicktoolcarousel .arrow-container .swiper-button-prev {
        display: none !important
    }

    .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
        background-color: #e5f5ff
    }

    .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .title .usd {
        color: #2e2e2e
    }

    .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .subtitle {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .ctas {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content .ctas.full-width .pmu-btn {
        max-width: 100%;
        width: 100%
    }

    .travel-quicktoolcarousel .swiper-pagination {
        display: block;
        padding-right: 24px
    }

    .af-quicktoolcarousel {
        padding-right: 24px
    }

    .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card ul .item {
        align-items: center
    }

    .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--ctas {
        flex-direction: column
    }

    .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--ctas .pmu-btn {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%;
        width: 100%
    }

    .af-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--ctas a {
        width: 100%
    }

    .af-quicktoolcarousel .swiper-pagination {
        display: block;
        margin-top: 28px;
        padding-right: 0
    }

    .hd-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--ctas {
        align-items: flex-start !important;
        flex-direction: row !important;
        justify-content: flex-start !important
    }

    .hd-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--ctas .pmu-btn {
        max-width: unset !important;
        width: auto !important
    }
}

.pmu-searchfilterForeclosed {
    background-color: #fff;
    padding-bottom: 80px;
    padding-top: 80px
}

.pmu-searchfilterForeclosed form {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(46, 46, 46, .1), 0 4px 6px -4px rgba(46, 46, 46, .1);
    display: flex;
    gap: 24px;
    padding: 24px 16px;
    width: 100%
}

.pmu-searchfilterForeclosed form .locationsearchBtn,
.pmu-searchfilterForeclosed form .offertypeBtn,
.pmu-searchfilterForeclosed form .propertytypeBtn {
    align-items: center;
    background-color: #fff;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    color: #2e2e2e;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 28px;
    padding: 10px 16px;
    width: 240px
}

.pmu-searchfilterForeclosed form .locationsearchBtn p,
.pmu-searchfilterForeclosed form .offertypeBtn p,
.pmu-searchfilterForeclosed form .propertytypeBtn p {
    margin: 0
}

.pmu-searchfilterForeclosed form .locationsearchBtn {
    padding: 0 16px
}

.pmu-searchfilterForeclosed form .locationsearchBtn input[type=text] {
    border: none;
    color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 0;
    width: 100%
}

.pmu-searchfilterForeclosed form .locationsearchBtn input[type=text]:focus {
    border: none;
    color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    outline: none
}

.pmu-searchfilterForeclosed form .locationsearchdropdown,
.pmu-searchfilterForeclosed form .offertypedropdown,
.pmu-searchfilterForeclosed form .propertytypedropdown {
    display: inline-block;
    position: relative
}

.pmu-searchfilterForeclosed form .locationsearchdropdown {
    width: 100%
}

.pmu-searchfilterForeclosed form .offertypedropdown-content,
.pmu-searchfilterForeclosed form .propertytypedropdown-content {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(46, 46, 46, .1), 0 1px 2px -1px rgba(46, 46, 46, .1);
    display: none;
    flex-direction: column;
    margin-top: 16px;
    padding: 16px 10px;
    position: absolute;
    width: 100%;
    z-index: 9
}

.pmu-searchfilterForeclosed form .offertypedropdown-content .option,
.pmu-searchfilterForeclosed form .propertytypedropdown-content .option {
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 16px
}

.pmu-searchfilterForeclosed form .offertypedropdown-content .option:hover,
.pmu-searchfilterForeclosed form .propertytypedropdown-content .option:hover {
    font-weight: 700
}

.pmu-searchfilterForeclosed form .offertypedropdown-show,
.pmu-searchfilterForeclosed form .propertytypedropdown-show {
    display: flex
}

.pmu-searchfilterForeclosed form .locationsearchBtn {
    gap: 8px;
    justify-content: flex-start;
    width: 100%
}

.pmu-searchfilterForeclosed form .locationsearchBtn svg {
    min-width: 18px
}

.pmu-searchfilterForeclosed form .locationsearchdropdown-content {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(46, 46, 46, .1), 0 1px 2px -1px rgba(46, 46, 46, .1);
    display: none;
    flex-direction: column;
    margin-top: 16px;
    padding: 16px 8px;
    position: absolute;
    width: 222px;
    z-index: 9
}

.pmu-searchfilterForeclosed form .locationsearchdropdown-content .option {
    display: flex;
    flex-direction: column
}

.pmu-searchfilterForeclosed form .locationsearchdropdown-content .option .mainoption {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 24px;
    padding: 8px 16px
}

.pmu-searchfilterForeclosed form .locationsearchdropdown-content .option .mainoption:hover img {
    transform: rotate(180deg)
}

.pmu-searchfilterForeclosed form .locationsearchdropdown-content .option .suboption-container {
    display: none
}

.pmu-searchfilterForeclosed form .locationsearchdropdown-content .option .suboption {
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 16px
}

.pmu-searchfilterForeclosed form .locationsearchdropdown-content .option .suboption:hover {
    font-weight: 700
}

.pmu-searchfilterForeclosed form .locationsearchdropdown-content .option:hover .suboption-container {
    display: flex;
    flex-direction: column
}

.pmu-searchfilterForeclosed form .locationsearchdropdown-show {
    display: flex
}

.white-variant .pmu-searchfilterForeclosed {
    background-color: var(--white)
}

.white-variant .pmu-searchfilterForeclosed form {
    background-color: var(--bdo-lightblue)
}

.grey-variant .pmu-searchfilterForeclosed {
    background-color: var(--bdo-light-grey)
}

.light-blue-variant .pmu-searchfilterForeclosed {
    background-color: var(--bdo-lightblue)
}

.dark-blue-variant .pmu-searchfilterForeclosed {
    background-color: var(--bdo-blue)
}

@media only screen and (max-width:1023px) {
    .pmu-searchfilterForeclosed {
        padding-bottom: 32px;
        padding-top: 32px
    }

    .pmu-searchfilterForeclosed form {
        flex-direction: column
    }

    .pmu-searchfilterForeclosed form .locationsearchBtn,
    .pmu-searchfilterForeclosed form .locationsearchdropdown,
    .pmu-searchfilterForeclosed form .offertypeBtn,
    .pmu-searchfilterForeclosed form .offertypedropdown,
    .pmu-searchfilterForeclosed form .propertytypeBtn,
    .pmu-searchfilterForeclosed form .propertytypedropdown {
        width: 100%
    }
}

.pmu-searchfilterPreOwned {
    background-color: #fff;
    padding-bottom: 80px;
    padding-top: 80px
}

.pmu-searchfilterPreOwned form {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(46, 46, 46, .1), 0 4px 6px -4px rgba(46, 46, 46, .1);
    display: flex;
    gap: 24px;
    padding: 24px 16px;
    width: 100%
}

.pmu-searchfilterPreOwned form .brandBtn,
.pmu-searchfilterPreOwned form .pricerangeBtn,
.pmu-searchfilterPreOwned form .vehicletypeBtn {
    align-items: center;
    background-color: #fff;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    color: #2e2e2e;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 28px;
    padding: 10px 16px;
    width: 335px
}

.pmu-searchfilterPreOwned form .brandBtn p,
.pmu-searchfilterPreOwned form .pricerangeBtn p,
.pmu-searchfilterPreOwned form .vehicletypeBtn p {
    margin: 0
}

.pmu-searchfilterPreOwned form .brandBtn input {
    padding: 0
}

.pmu-searchfilterPreOwned form .brandBtn input::placeholder {
    color: #2e2e2e
}

.pmu-searchfilterPreOwned form .branddropdown,
.pmu-searchfilterPreOwned form .pricerangedropdown,
.pmu-searchfilterPreOwned form .vehicletypedropdown {
    display: inline-block;
    position: relative
}

.pmu-searchfilterPreOwned form .vehicletypedropdown-content {
    align-content: flex-start;
    align-items: flex-start;
    background-color: #fff;
    border: 1px solid #c2c2c1;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(46, 46, 46, .1), 0 1px 2px -1px rgba(46, 46, 46, .1);
    display: none;
    flex-wrap: wrap;
    gap: 12px;
    height: 220px;
    margin-top: 16px;
    max-height: 220px;
    min-width: 90px;
    overflow: auto;
    padding: 16px 10px;
    position: absolute;
    width: 100%;
    z-index: 9
}

.pmu-searchfilterPreOwned form .vehicletypedropdown-content .option {
    align-items: center;
    background-color: #f6f6f6;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 104px;
    justify-content: center;
    overflow: hidden;
    width: 90px
}

.pmu-searchfilterPreOwned form .vehicletypedropdown-content .option img {
    height: 80px
}

.pmu-searchfilterPreOwned form .vehicletypedropdown-content .option p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.pmu-searchfilterPreOwned form .vehicletypedropdown-content .option:hover p {
    font-weight: 700
}

.pmu-searchfilterPreOwned form .branddropdown-content--ontype,
.pmu-searchfilterPreOwned form .pricerangedropdown-content {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(46, 46, 46, .1), 0 1px 2px -1px rgba(46, 46, 46, .1);
    display: none;
    flex-direction: column;
    margin-top: 16px;
    padding: 16px 10px;
    position: absolute;
    width: 100%;
    z-index: 9
}

.pmu-searchfilterPreOwned form .branddropdown-content--ontype .option,
.pmu-searchfilterPreOwned form .pricerangedropdown-content .option {
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 16px
}

.pmu-searchfilterPreOwned form .branddropdown-content--ontype .option:hover,
.pmu-searchfilterPreOwned form .pricerangedropdown-content .option:hover {
    font-weight: 700
}

.pmu-searchfilterPreOwned form .pricerangedropdown-show,
.pmu-searchfilterPreOwned form .vehicletypedropdown-show {
    display: flex
}

.pmu-searchfilterPreOwned form .branddropdownontype-show {
    display: flex;
    flex-direction: column
}

.pmu-searchfilterPreOwned form .branddropdown-content .optionContainer,
.pmu-searchfilterPreOwned form .branddropdown-show .optionContainer,
.pmu-searchfilterPreOwned form .branddropdownontype-show .optionContainer {
    max-height: 210px;
    min-height: auto;
    overflow-y: auto
}

.pmu-searchfilterPreOwned form .branddropdown-content .optionContainer::-webkit-scrollbar,
.pmu-searchfilterPreOwned form .branddropdown-show .optionContainer::-webkit-scrollbar,
.pmu-searchfilterPreOwned form .branddropdownontype-show .optionContainer::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.pmu-searchfilterPreOwned form .branddropdown-content .optionContainer::-webkit-scrollbar-track:vertical,
.pmu-searchfilterPreOwned form .branddropdown-show .optionContainer::-webkit-scrollbar-track:vertical,
.pmu-searchfilterPreOwned form .branddropdownontype-show .optionContainer::-webkit-scrollbar-track:vertical {
    background-color: #f6f6f6
}

.pmu-searchfilterPreOwned form .branddropdown-content .optionContainer::-webkit-scrollbar-thumb:vertical,
.pmu-searchfilterPreOwned form .branddropdown-show .optionContainer::-webkit-scrollbar-thumb:vertical,
.pmu-searchfilterPreOwned form .branddropdownontype-show .optionContainer::-webkit-scrollbar-thumb:vertical {
    background-color: #a0a0a0;
    border-radius: 120px
}

.pmu-searchfilterPreOwned form .branddropdown-content .vehicletypedropdown-content,
.pmu-searchfilterPreOwned form .branddropdown-show .vehicletypedropdown-content,
.pmu-searchfilterPreOwned form .branddropdownontype-show .vehicletypedropdown-content {
    max-height: 210px;
    min-height: auto;
    overflow-y: auto
}

.pmu-searchfilterPreOwned form .branddropdown-content .vehicletypedropdown-content::-webkit-scrollbar,
.pmu-searchfilterPreOwned form .branddropdown-show .vehicletypedropdown-content::-webkit-scrollbar,
.pmu-searchfilterPreOwned form .branddropdownontype-show .vehicletypedropdown-content::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.pmu-searchfilterPreOwned form .branddropdown-content .vehicletypedropdown-content::-webkit-scrollbar-track:vertical,
.pmu-searchfilterPreOwned form .branddropdown-show .vehicletypedropdown-content::-webkit-scrollbar-track:vertical,
.pmu-searchfilterPreOwned form .branddropdownontype-show .vehicletypedropdown-content::-webkit-scrollbar-track:vertical {
    background-color: #f6f6f6
}

.pmu-searchfilterPreOwned form .branddropdown-content .vehicletypedropdown-content::-webkit-scrollbar-thumb:vertical,
.pmu-searchfilterPreOwned form .branddropdown-show .vehicletypedropdown-content::-webkit-scrollbar-thumb:vertical,
.pmu-searchfilterPreOwned form .branddropdownontype-show .vehicletypedropdown-content::-webkit-scrollbar-thumb:vertical {
    background-color: #a0a0a0;
    border-radius: 120px
}

.pmu-searchfilterPreOwned form .branddropdown {
    border: 1px solid #99c1e7;
    border-radius: 8px
}

.pmu-searchfilterPreOwned form .brandBtn {
    border: none;
    border-radius: 8px;
    color: #2e2e2e;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 28px;
    outline: none;
    padding: 10px 16px
}

.pmu-searchfilterPreOwned form .brandBtn:hover {
    border: none;
    outline: none
}

.pmu-searchfilterPreOwned form .brandBtn input {
    border: none;
    outline: none;
    width: 100%
}

.pmu-searchfilterPreOwned form .branddropdown-content {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(46, 46, 46, .1), 0 1px 2px -1px rgba(46, 46, 46, .1);
    display: none;
    flex-direction: column;
    margin-top: 16px;
    padding: 16px 8px;
    position: absolute;
    width: 100%;
    z-index: 9
}

.pmu-searchfilterPreOwned form .branddropdown-content .option {
    display: flex;
    flex-direction: column
}

.pmu-searchfilterPreOwned form .branddropdown-content .option .mainoption {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 24px;
    padding: 10px 16px
}

.pmu-searchfilterPreOwned form .branddropdown-content .option .mainoption.active .close {
    display: none
}

.pmu-searchfilterPreOwned form .branddropdown-content .option .mainoption.active .open {
    display: block
}

.pmu-searchfilterPreOwned form .branddropdown-content .option .mainoption .open {
    display: none;
    transform: rotate(180deg)
}

.pmu-searchfilterPreOwned form .branddropdown-content .option .suboption-container {
    display: none
}

.pmu-searchfilterPreOwned form .branddropdown-content .option .suboption {
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 36px
}

.pmu-searchfilterPreOwned form .branddropdown-content .option .suboption:active,
.pmu-searchfilterPreOwned form .branddropdown-content .option .suboption:hover {
    font-weight: 700
}

.pmu-searchfilterPreOwned form .branddropdown-content .option .mainoption.active svg {
    transform: rotate(180deg)
}

.pmu-searchfilterPreOwned form .branddropdown-content .option .mainoption.active+.suboption-container {
    display: flex;
    flex-direction: column
}

.pmu-searchfilterPreOwned form .branddropdown-show {
    display: flex
}

.pmu-searchfilterPreOwned form .col2 {
    display: flex;
    gap: 24px;
    justify-content: space-evenly;
    width: 100%
}

.pmu-searchfilterPreOwned form .brandBtn,
.pmu-searchfilterPreOwned form .branddropdown,
.pmu-searchfilterPreOwned form .pricerangeBtn,
.pmu-searchfilterPreOwned form .pricerangedropdown {
    width: 100%
}

.white-variant .pmu-searchfilterPreOwned {
    background-color: var(--white)
}

.white-variant .pmu-searchfilterPreOwned form {
    background-color: var(--bdo-lightblue)
}

.grey-variant .pmu-searchfilterPreOwned {
    background-color: var(--bdo-light-grey)
}

.light-blue-variant .pmu-searchfilterPreOwned {
    background-color: var(--bdo-lightblue)
}

.dark-blue-variant .pmu-searchfilterPreOwned {
    background-color: var(--bdo-blue)
}

@media only screen and (max-width:1023px) {
    .pmu-searchfilterPreOwned {
        padding-bottom: 32px;
        padding-top: 32px
    }

    .pmu-searchfilterPreOwned form {
        flex-direction: column
    }

    .pmu-searchfilterPreOwned form .brandBtn,
    .pmu-searchfilterPreOwned form .branddropdown,
    .pmu-searchfilterPreOwned form .branddropdown-content,
    .pmu-searchfilterPreOwned form .branddropdown-content--ontype,
    .pmu-searchfilterPreOwned form .pricerangeBtn,
    .pmu-searchfilterPreOwned form .pricerangedropdown,
    .pmu-searchfilterPreOwned form .pricerangedropdown-content,
    .pmu-searchfilterPreOwned form .vehicletypeBtn,
    .pmu-searchfilterPreOwned form .vehicletypedropdown,
    .pmu-searchfilterPreOwned form .vehicletypedropdown-content {
        width: 100%
    }

    .pmu-searchfilterPreOwned form .col2 {
        flex-direction: column
    }
}

.pmu-productListing--search {
    display: flex;
    gap: 16px;
    margin-bottom: 48px
}

.pmu-productListing--search .pmu-btn {
    font-size: 18px;
    font-weight: 400;
    height: 50px;
    line-height: 28px;
    padding: 10px 16px
}

.pmu-productListing--items .item {
    flex: 0 0 calc(33.33% - 16px)
}

.pmu-productListing .pmu-productListing--filter+.pmu-productListing--content {
    width: calc(100% - 424px) !important
}

.pmu-productListing .pmu-productListing--filter+.pmu-productListing--content .pmu-productListing--items .item {
    flex: 0 0 calc(50% - 12px) !important
}

@media(min-width:1024px)and (max-width:1279px) {
    .pmu-productListing .pmu-productListing--filter+.pmu-productListing--content {
        width: calc(100% - 317px) !important
    }
}

@media(max-width:1023px) {
    .pmu-productListing .pmu-productListing--filter+.pmu-productListing--content {
        width: 100% !important
    }
}

@media(min-width:768px)and (max-width:1023px) {
    .pmu-productListing--filter+.pmu-productListing--content .pmu-productListing--items .item {
        flex: 0 0 100% !important;
        width: 100%
    }
}

.pmu-listingMiniBanner {
    align-items: center;
    background-color: #004ea8;
    border-radius: 8px;
    display: flex;
    gap: 24px;
    padding-left: 24px;
    padding-right: 24px
}

.pmu-listingMiniBanner .image img {
    height: 105px;
    object-fit: contain;
    width: 105px
}

.pmu-listingMiniBanner .content {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    width: 100%
}

.pmu-listingMiniBanner .content .text {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.pmu-listingMiniBanner .content .text p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    padding: 0
}

.pmu-listingMiniBanner .content .pmu-btn {
    font-weight: 400
}

@media(max-width:1023px) {
    .pmu-listingMiniBanner {
        flex-direction: column;
        padding: 16px 24px
    }

    .pmu-listingMiniBanner .image img {
        height: 167px;
        width: 264px
    }

    .pmu-listingMiniBanner .content {
        align-items: flex-start;
        flex-direction: column
    }
}

.pmu-listingInfoBanner {
    align-items: center;
    background-color: #fff;
    border: 1px solid #2e8ce8;
    border-left-width: 5px;
    border-radius: 8px;
    display: flex;
    gap: 20px;
    padding: 16px 24px
}

.pmu-listingInfoBanner .icon+p {
    color: #2e2e2e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0
}

@media(max-width:1440px) {
    .goldwealththeme .grey-variant .travel_fullwidth .carousel-control-prev {
        left: 3rem !important;
        right: 3rem !important
    }
}

.goldwealththeme.grey-variant .herobanner-carousel {
    background-color: var(--bdo-wealth-mariana-100) !important
}

.goldwealththeme.grey-variant .herobanner-carousel .left-arrow,
.goldwealththeme.grey-variant .herobanner-carousel .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-herocarousel/right-arrow-white.svg) !important
}

.goldwealththeme.grey-variant .herobanner-carousel .left-arrow:hover,
.goldwealththeme.grey-variant .herobanner-carousel .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-herocarousel/right-arrow-gold.svg) !important
}

.goldwealththeme.grey-variant .herobanner-carousel .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme.grey-variant .herobanner-carousel .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme.grey-variant .herobanner-carousel .carousel-indicators {
    padding: 16px
}

.goldwealththeme.grey-variant .herobanner-carousel .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme.grey-variant .herobanner-carousel .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme.grey-variant .herobanner-carousel .bdo-primary.disabled,
.goldwealththeme.grey-variant .herobanner-carousel .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme.grey-variant .herobanner-carousel .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.grey-variant .herobanner-carousel .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.grey-variant .herobanner-carousel .bdo-secondary.disabled,
.goldwealththeme.grey-variant .herobanner-carousel .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme.grey-variant .herobanner-carousel .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme.grey-variant .herobanner-carousel .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme.grey-variant .herobanner-carousel .pmu-btn.primaryBtn.disabled,
.goldwealththeme.grey-variant .herobanner-carousel .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme.grey-variant .herobanner-carousel .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.grey-variant .herobanner-carousel .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.grey-variant .herobanner-carousel .pmu-btn.secondaryBtn.disabled,
.goldwealththeme.grey-variant .herobanner-carousel .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme.grey-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content-tag,
.goldwealththeme.grey-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content-title {
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.grey-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content-text p {
    color: var(--bdo-black)
}

.goldwealththeme.grey-variant .herobanner-carousel .af-herocarouselwithBgImageText .carousel-content--text h1,
.goldwealththeme.grey-variant .herobanner-carousel .af-herocarouselwithBgImageText .carousel-content--text h4,
.goldwealththeme.grey-variant .herobanner-carousel .af-herocarouselwithBgImageText .carousel-content--text h6,
.goldwealththeme.grey-variant .herobanner-carousel .travel-herocarouselwithPill .hero_banner-title {
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.grey-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content {
    background-color: hsla(0, 0%, 100%, .9) !important
}

.goldwealththeme.white-variant .herobanner-carousel {
    background-color: var(--white) !important
}

.goldwealththeme.white-variant .herobanner-carousel .left-arrow,
.goldwealththeme.white-variant .herobanner-carousel .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-herocarousel/right-arrow-grey.svg) !important
}

.goldwealththeme.white-variant .herobanner-carousel .left-arrow:hover,
.goldwealththeme.white-variant .herobanner-carousel .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-herocarousel/right-arrow-dark-gold.svg) !important
}

.goldwealththeme.white-variant .herobanner-carousel .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme.white-variant .herobanner-carousel .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme.white-variant .herobanner-carousel .carousel-indicators {
    padding: 16px
}

.goldwealththeme.white-variant .herobanner-carousel .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme.white-variant .herobanner-carousel .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme.white-variant .herobanner-carousel .bdo-primary.disabled,
.goldwealththeme.white-variant .herobanner-carousel .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme.white-variant .herobanner-carousel .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.white-variant .herobanner-carousel .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.white-variant .herobanner-carousel .bdo-secondary.disabled,
.goldwealththeme.white-variant .herobanner-carousel .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme.white-variant .herobanner-carousel .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme.white-variant .herobanner-carousel .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme.white-variant .herobanner-carousel .pmu-btn.primaryBtn.disabled,
.goldwealththeme.white-variant .herobanner-carousel .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme.white-variant .herobanner-carousel .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.white-variant .herobanner-carousel .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.white-variant .herobanner-carousel .pmu-btn.secondaryBtn.disabled,
.goldwealththeme.white-variant .herobanner-carousel .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme.white-variant .herobanner-carousel .af-herocarouselwithBgImageText .carousel-content--text h1,
.goldwealththeme.white-variant .herobanner-carousel .af-herocarouselwithBgImageText .carousel-content--text h4,
.goldwealththeme.white-variant .herobanner-carousel .af-herocarouselwithBgImageText .carousel-content--text h6,
.goldwealththeme.white-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content-tag,
.goldwealththeme.white-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content-title,
.goldwealththeme.white-variant .herobanner-carousel .travel-herocarouselwithPill .hero_banner-title {
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.white-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content {
    background-color: hsla(0, 0%, 100%, .9) !important
}

.goldwealththeme .grey-variant .herobanner-carousel {
    background-color: var(--bdo-wealth-mariana-100) !important
}

.goldwealththeme .grey-variant .herobanner-carousel .left-arrow,
.goldwealththeme .grey-variant .herobanner-carousel .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-herocarousel/right-arrow-white.svg) !important
}

.goldwealththeme .grey-variant .herobanner-carousel .left-arrow:hover,
.goldwealththeme .grey-variant .herobanner-carousel .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-herocarousel/right-arrow-gold.svg) !important
}

.goldwealththeme .grey-variant .herobanner-carousel .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme .grey-variant .herobanner-carousel .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme .grey-variant .herobanner-carousel .carousel-indicators {
    padding: 16px
}

.goldwealththeme .grey-variant .herobanner-carousel .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .grey-variant .herobanner-carousel .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .grey-variant .herobanner-carousel .bdo-primary.disabled,
.goldwealththeme .grey-variant .herobanner-carousel .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .grey-variant .herobanner-carousel .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .grey-variant .herobanner-carousel .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .grey-variant .herobanner-carousel .bdo-secondary.disabled,
.goldwealththeme .grey-variant .herobanner-carousel .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .grey-variant .herobanner-carousel .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme .grey-variant .herobanner-carousel .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme .grey-variant .herobanner-carousel .pmu-btn.primaryBtn.disabled,
.goldwealththeme .grey-variant .herobanner-carousel .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme .grey-variant .herobanner-carousel .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .grey-variant .herobanner-carousel .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .grey-variant .herobanner-carousel .pmu-btn.secondaryBtn.disabled,
.goldwealththeme .grey-variant .herobanner-carousel .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme .grey-variant .herobanner-carousel .af-herocarouselwithBgImageText .carousel-content--text h1,
.goldwealththeme .grey-variant .herobanner-carousel .af-herocarouselwithBgImageText .carousel-content--text h4,
.goldwealththeme .grey-variant .herobanner-carousel .af-herocarouselwithBgImageText .carousel-content--text h6,
.goldwealththeme .grey-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content-tag,
.goldwealththeme .grey-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content-title,
.goldwealththeme .grey-variant .herobanner-carousel .travel-herocarouselwithPill .hero_banner-title {
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .grey-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content {
    background-color: hsla(0, 0%, 100%, .9) !important
}

.goldwealththeme .grey-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content-text,
.goldwealththeme .grey-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content-text p {
    color: var(--bdo-black) !important
}

.goldwealththeme .white-variant .herobanner-carousel {
    background-color: var(--white) !important
}

.goldwealththeme .white-variant .herobanner-carousel .left-arrow,
.goldwealththeme .white-variant .herobanner-carousel .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-herocarousel/right-arrow-grey.svg) !important
}

.goldwealththeme .white-variant .herobanner-carousel .left-arrow:hover,
.goldwealththeme .white-variant .herobanner-carousel .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-herocarousel/right-arrow-dark-gold.svg) !important
}

.goldwealththeme .white-variant .herobanner-carousel .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme .white-variant .herobanner-carousel .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme .white-variant .herobanner-carousel .carousel-indicators {
    padding: 16px
}

.goldwealththeme .white-variant .herobanner-carousel .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .white-variant .herobanner-carousel .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .white-variant .herobanner-carousel .bdo-primary.disabled,
.goldwealththeme .white-variant .herobanner-carousel .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .white-variant .herobanner-carousel .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .white-variant .herobanner-carousel .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .white-variant .herobanner-carousel .bdo-secondary.disabled,
.goldwealththeme .white-variant .herobanner-carousel .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .white-variant .herobanner-carousel .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme .white-variant .herobanner-carousel .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme .white-variant .herobanner-carousel .pmu-btn.primaryBtn.disabled,
.goldwealththeme .white-variant .herobanner-carousel .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme .white-variant .herobanner-carousel .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .white-variant .herobanner-carousel .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .white-variant .herobanner-carousel .pmu-btn.secondaryBtn.disabled,
.goldwealththeme .white-variant .herobanner-carousel .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme .white-variant .herobanner-carousel .af-herocarouselwithBgImageText .carousel-content--text h1,
.goldwealththeme .white-variant .herobanner-carousel .af-herocarouselwithBgImageText .carousel-content--text h4,
.goldwealththeme .white-variant .herobanner-carousel .af-herocarouselwithBgImageText .carousel-content--text h6,
.goldwealththeme .white-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content-tag,
.goldwealththeme .white-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content-title,
.goldwealththeme .white-variant .herobanner-carousel .travel-herocarouselwithPill .hero_banner-title {
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .white-variant .herobanner-carousel .travel-herocarouselwithBgImageText .carousel-content {
    background-color: hsla(0, 0%, 100%, .9) !important
}

.travel-herocarouselwithPill {
    padding: 32px 0
}

.travel-herocarouselwithPill .hero_banner {
    margin: 0;
    padding: 0
}

.travel-herocarouselwithPill .hero_banner-pills {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
    list-style-type: none;
    margin-bottom: 44px;
    padding: 0
}

.travel-herocarouselwithPill .hero_banner-pills li {
    border-radius: 80px;
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    padding: 6px 16px
}

.travel-herocarouselwithPill .hero_banner picture img {
    height: 440px;
    max-height: 440px;
    min-height: 440px
}

.travel-herocarouselwithPill .hero_banner-title {
    color: var(--bdo-black);
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 16px
}

.travel-herocarouselwithPill .hero_banner-text {
    color: var(--bdo-black);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.travel-herocarouselwithPill .hero_banner-ctas {
    display: flex;
    gap: 16px;
    margin-top: 48px
}

.travel-herocarouselwithPill .hero_banner-ctas .pmu-btn {
    font-size: 18px;
    line-height: 28px
}

.travel-herocarouselwithPill .hero_banner-ctas .secondaryBtn {
    background-color: transparent
}

.travel-herocarouselwithBgImageText {
    position: relative
}

.travel-herocarouselwithBgImageText .container {
    align-items: center;
    display: flex;
    height: 100%;
    margin: auto;
    position: relative
}

.travel-herocarouselwithBgImageText .carousel-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 540px;
    max-height: 540px;
    min-height: 540px;
    padding: 48px 64px
}

.travel-herocarouselwithBgImageText .carousel-content {
    background-color: #fff;
    border-radius: 8px;
    flex: 1;
    margin-bottom: 32px;
    max-width: 600px;
    min-width: 240px;
    padding: 36px 24px
}

.travel-herocarouselwithBgImageText .carousel-content-tag {
    color: var(--bdo-black);
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 8px
}

.travel-herocarouselwithBgImageText .carousel-content-title {
    color: var(--bdo-black);
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 16px
}

.travel-herocarouselwithBgImageText .carousel-content-text {
    color: var(--bdo-black);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 0
}

.travel-herocarouselwithBgImageText .carousel-content-ctas {
    display: flex;
    gap: 16px;
    margin-top: 16px
}

.travel-herocarouselwithBgImageText .carousel-content-ctas .pmu-btn {
    font-size: 18px;
    line-height: 28px
}

.travel-herocarouselwithBgImageText .carousel-control-prev {
    left: 64px !important;
    width: 15%
}

.travel-herocarouselwithBgImageText .carousel-control-next {
    right: 64px !important
}

.travel-herocarouselwithBgImageText .travel-herocarouselwithBgImageText .container {
    align-items: center;
    display: flex;
    height: 100%;
    left: 60px;
    margin: 0;
    position: relative
}

.travel-herocarouselwithBgImageText .desktopImage {
    display: block
}

.travel-herocarouselwithBgImageText .mobileImage {
    display: none
}

.travel-herocarouselwithBgImageText .hero-secondary-image {
    flex: 1;
    padding: 36px 24px
}

.travel-herocarouselwithBgImageText .hero-secondary-image img {
    height: auto;
    object-fit: cover;
    width: 100%
}

.travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content {
    background-color: rgba(229, 245, 255, .9);
    word-wrap: break-word;
    margin-bottom: 0
}

.travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 100%
}

.travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content h4 {
    font-size: 40px;
    font-weight: 700;
    line-height: 100%
}

.travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content h6 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content b,
.travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content strong {
    font-weight: 700
}

.travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content .pmu-btn {
    padding-bottom: 8px;
    padding-top: 8px;
    white-space: normal
}

.travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content .pmu-btn.secondaryBtn {
    background-color: transparent !important
}

.travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-lightblue) !important
}

@media screen and (min-width:1024px) {
    .travel-herocarouselwithBgImageText.deals-on-wheel .carousel-image {
        height: 574px;
        max-height: 574px;
        min-height: 574px;
        padding: 48px
    }

    .travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content {
        margin-bottom: 0;
        max-width: 600px;
        min-width: 530px;
        width: 100%
    }

    .travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content-ctas {
        flex-wrap: wrap
    }

    .travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content .pmu-btn {
        max-width: 180rem
    }
}

@media screen and (max-width:1023px) {
    .travel-herocarouselwithBgImageText.deals-on-wheel {
        height: auto;
        margin-left: -12px;
        margin-right: -12px
    }

    .travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content {
        max-width: 600px;
        min-width: auto;
        width: 100%
    }

    .travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content h1 {
        font-size: 36px;
        font-weight: 700;
        line-height: 40px
    }

    .travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content h4 {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 16px
    }

    .travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content h4:last-child {
        font-size: 18px;
        line-height: 28px
    }

    .travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content h6 {
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
        margin-bottom: 12px
    }

    .travel-herocarouselwithBgImageText.deals-on-wheel .carousel-content .pmu-btn {
        padding-bottom: 6px;
        padding-top: 6px
    }

    .travel-herocarouselwithBgImageText.deals-on-wheel .carousel-image.mobileImage {
        padding-top: 48px
    }

    .travel-herocarouselwithBgImageText.deals-on-wheel .hero-secondary-image {
        padding-bottom: 0;
        padding-top: 0
    }
}

@media screen and (max-width:768px) {
    .travel-herocarouselwithBgImageText.deals-on-wheel .carousel-image.mobileImage {
        height: auto;
        min-height: auto;
        padding-top: 20px
    }
}

@media screen and (max-width:1023px) {
    .dow-bgtextcarousel .travel-herocarouselwithBgImageText.deals-on-wheel .container {
        left: auto
    }
}

@media screen and (min-width:1024px) {
    .dow-bgtextcarousel .travel-herocarouselwithBgImageText.deals-on-wheel .container {
        left: 0;
        margin: 0 auto
    }
}

@media screen and (min-width:1441px) {
    .dow-bgtextcarousel .travel-herocarouselwithBgImageText.deals-on-wheel .container {
        max-width: 1320px
    }
}

@media screen and (min-width:1024px) {
    .dow-bgtextcarousel .travel_fullwidth .carousel-control-prev {
        left: 50% !important;
        margin-left: -500px !important
    }
}

@media screen and (min-width:1080px) {
    .dow-bgtextcarousel .travel_fullwidth .carousel-control-prev {
        margin-left: -510px !important
    }
}

@media screen and (min-width:1200px) {
    .dow-bgtextcarousel .travel_fullwidth .carousel-control-prev {
        margin-left: -588px !important
    }
}

@media screen and (min-width:1280px) {
    .dow-bgtextcarousel .travel_fullwidth .carousel-control-prev {
        margin-left: -618px !important
    }
}

@media screen and (min-width:1400px) {
    .dow-bgtextcarousel .travel_fullwidth .carousel-control-prev {
        margin-left: -692px !important
    }
}

@media screen and (min-width:1440px) {
    .dow-bgtextcarousel .travel_fullwidth .carousel-control-prev {
        margin-left: -704px !important
    }
}

@media screen and (min-width:1024px) {
    .dow-bgtextcarousel .travel_fullwidth .carousel-control-next {
        margin-right: -500px !important;
        right: 50% !important
    }
}

@media screen and (min-width:1080px) {
    .dow-bgtextcarousel .travel_fullwidth .carousel-control-next {
        margin-right: -510px !important
    }
}

@media screen and (min-width:1200px) {
    .dow-bgtextcarousel .travel_fullwidth .carousel-control-next {
        margin-right: -588px !important
    }
}

@media screen and (min-width:1280px) {
    .dow-bgtextcarousel .travel_fullwidth .carousel-control-next {
        margin-right: -618px !important
    }
}

@media screen and (min-width:1400px) {
    .dow-bgtextcarousel .travel_fullwidth .carousel-control-next {
        margin-right: -692px !important
    }
}

@media screen and (min-width:1440px) {
    .dow-bgtextcarousel .travel_fullwidth .carousel-control-next {
        margin-right: -704px !important
    }
}

.header-slider .carousel-indicators {
    margin-bottom: 0 !important;
    margin-top: 0
}

.herobanner-carousel .container .carousel.slide {
    padding-bottom: 64px
}

.herobanner-carousel .arrow_align_center {
    top: calc(50% - 25px) !important
}

.herobanner-carousel .carousel-indicators {
    margin-bottom: 0;
    margin-top: 0
}

.herobanner-carousel .carousel-indicators .carousel-indicators li.active {
    border-radius: 100%
}

.travel_fullwidth .carousel-control-prev,
.travel_fullwidth .header-slider .carousel-control-next {
    width: 4%
}

.travel_fullwidth .carousel-indicators {
    bottom: 0;
    margin-bottom: 48px;
    position: absolute
}

.travel_fullwidth .carousel-control-next,
.travel_fullwidth .carousel-control-prev {
    position: absolute;
    top: calc(50% - 48px);
    z-index: inherit
}

.travel_fullwidth .carousel-control-prev {
    left: 64px !important;
    width: 15%
}

@media screen and (max-width:1440px) {
    .travel_fullwidth .carousel-control-prev {
        left: 4rem !important;
        width: 48px
    }
}

@media screen and (max-width:1200px) {
    .travel_fullwidth .carousel-control-prev {
        left: 4rem !important;
        width: 48px
    }
}

.travel_fullwidth .carousel-control-next {
    right: 64px !important
}

@media screen and (max-width:1440px) {
    .travel_fullwidth .carousel-control-next {
        right: 4rem !important;
        width: 48px
    }
}

@media screen and (max-width:1200px) {
    .travel_fullwidth .carousel-control-next {
        right: 4rem !important;
        width: 48px
    }
}

.travel_fullwidth .travel-herocarouselwithBgImageText .container {
    align-items: center;
    display: flex;
    height: 100%;
    left: 60px;
    margin: 0;
    position: relative
}

@media screen and (max-width:768px) {
    .travel_fullwidth .travel-herocarouselwithBgImageText .container {
        align-items: flex-end;
        bottom: 0;
        left: 0
    }
}

@media only screen and (min-width:1441px) {
    .travel_fullwidth .travel-herocarouselwithBgImageText .container {
        margin: auto;
        max-width: 1440px
    }

    .travel_fullwidth .carousel-control-prev {
        left: 50% !important;
        margin-left: -720px;
        width: 50px
    }

    .travel_fullwidth .carousel-control-next {
        margin-right: -720px;
        right: 50% !important;
        width: 50px
    }
}

.travel-herocarouselwithBgImage {
    position: relative
}

.travel-herocarouselwithBgImage .carousel-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 540px;
    max-height: 540px;
    min-height: 540px;
    padding: 48px 64px
}

.travel-herocarouselwithBgImage .desktopImage {
    display: block
}

.travel-herocarouselwithBgImage .mobileImage {
    display: none
}

.white-variant .travel-herocarouselwithBgImageText .carousel-content {
    background-color: var(--white);
    color: var(--bdo-black)
}

.white-variant .travel-herocarouselwithBgImageText .carousel-content-tag,
.white-variant .travel-herocarouselwithBgImageText .carousel-content-tag p,
.white-variant .travel-herocarouselwithBgImageText .carousel-content-text,
.white-variant .travel-herocarouselwithBgImageText .carousel-content-text p,
.white-variant .travel-herocarouselwithBgImageText .carousel-content-title,
.white-variant .travel-herocarouselwithBgImageText .carousel-content-title p {
    color: var(--bdo-black)
}

.white-variant .af-herocarouselwithBgImageText .carousel-content {
    background-color: var(--white);
    color: var(--bdo-black)
}

.white-variant .af-herocarouselwithBgImageText .carousel-content--text h1,
.white-variant .af-herocarouselwithBgImageText .carousel-content--text h2,
.white-variant .af-herocarouselwithBgImageText .carousel-content--text h3,
.white-variant .af-herocarouselwithBgImageText .carousel-content--text h4,
.white-variant .af-herocarouselwithBgImageText .carousel-content--text h5,
.white-variant .af-herocarouselwithBgImageText .carousel-content--text h6,
.white-variant .af-herocarouselwithBgImageText .carousel-content--text p {
    color: var(--bdo-black)
}

.light-blue-variant .travel-herocarouselwithBgImageText .carousel-content {
    background-color: rgba(229, 245, 255, .9);
    color: var(--bdo-black)
}

.light-blue-variant .af-herocarouselwithBgImageText .carousel-content--text h1,
.light-blue-variant .af-herocarouselwithBgImageText .carousel-content--text h2,
.light-blue-variant .af-herocarouselwithBgImageText .carousel-content--text h3,
.light-blue-variant .af-herocarouselwithBgImageText .carousel-content--text h4,
.light-blue-variant .af-herocarouselwithBgImageText .carousel-content--text h5,
.light-blue-variant .af-herocarouselwithBgImageText .carousel-content--text h6,
.light-blue-variant .af-herocarouselwithBgImageText .carousel-content--text p,
.light-blue-variant .travel-herocarouselwithBgImageText .carousel-content-tag,
.light-blue-variant .travel-herocarouselwithBgImageText .carousel-content-tag p,
.light-blue-variant .travel-herocarouselwithBgImageText .carousel-content-text,
.light-blue-variant .travel-herocarouselwithBgImageText .carousel-content-text p,
.light-blue-variant .travel-herocarouselwithBgImageText .carousel-content-title,
.light-blue-variant .travel-herocarouselwithBgImageText .carousel-content-title p {
    color: var(--bdo-black)
}

.dark-blue-variant .travel-herocarouselwithBgImageText .carousel-content {
    background-color: rgba(0, 114, 216, .98);
    color: var(--white)
}

.dark-blue-variant .travel-herocarouselwithBgImageText .carousel-content-tag,
.dark-blue-variant .travel-herocarouselwithBgImageText .carousel-content-tag p,
.dark-blue-variant .travel-herocarouselwithBgImageText .carousel-content-text,
.dark-blue-variant .travel-herocarouselwithBgImageText .carousel-content-text p,
.dark-blue-variant .travel-herocarouselwithBgImageText .carousel-content-title,
.dark-blue-variant .travel-herocarouselwithBgImageText .carousel-content-title p {
    color: var(--white)
}

.dark-blue-variant .travel-herocarouselwithBgImageText .primaryBtn {
    background-color: var(--white);
    border: 1px solid var(--bdo-lightblue-2);
    color: var(--bdo-blue)
}

.dark-blue-variant .travel-herocarouselwithBgImageText .secondaryBtn {
    border: 1px solid var(--bdo-lightblue-2)
}

.dark-blue-variant .af-herocarouselwithBgImageText .carousel-content--text h1,
.dark-blue-variant .af-herocarouselwithBgImageText .carousel-content--text h2,
.dark-blue-variant .af-herocarouselwithBgImageText .carousel-content--text h3,
.dark-blue-variant .af-herocarouselwithBgImageText .carousel-content--text h4,
.dark-blue-variant .af-herocarouselwithBgImageText .carousel-content--text h5,
.dark-blue-variant .af-herocarouselwithBgImageText .carousel-content--text h6,
.dark-blue-variant .af-herocarouselwithBgImageText .carousel-content--text p,
.dark-blue-variant .travel-herocarouselwithPill .hero_banner-text {
    color: var(--white)
}

.dark-blue-variant .travel-herocarouselwithPill .hero_banner-ctas .primaryBtn {
    border: 1px solid var(--white)
}

.grey-variant .travel-herocarouselwithBgImageText .carousel-content {
    background-color: rgba(0, 78, 168, .98);
    color: var(--white)
}

.grey-variant .travel-herocarouselwithBgImageText .carousel-content-tag,
.grey-variant .travel-herocarouselwithBgImageText .carousel-content-tag p,
.grey-variant .travel-herocarouselwithBgImageText .carousel-content-text,
.grey-variant .travel-herocarouselwithBgImageText .carousel-content-text p,
.grey-variant .travel-herocarouselwithBgImageText .carousel-content-title,
.grey-variant .travel-herocarouselwithBgImageText .carousel-content-title p {
    color: var(--white)
}

.grey-variant .travel-herocarouselwithBgImageText .primaryBtn {
    background-color: var(--white);
    border: 1px solid var(--bdo-lightblue-2);
    color: var(--bdo-blue)
}

.grey-variant .travel-herocarouselwithBgImageText .secondaryBtn {
    border: 1px solid var(--bdo-lightblue-2)
}

.grey-variant .af-herocarouselwithBgImageText .carousel-content--text h1,
.grey-variant .af-herocarouselwithBgImageText .carousel-content--text h2,
.grey-variant .af-herocarouselwithBgImageText .carousel-content--text h3,
.grey-variant .af-herocarouselwithBgImageText .carousel-content--text h4,
.grey-variant .af-herocarouselwithBgImageText .carousel-content--text h5,
.grey-variant .af-herocarouselwithBgImageText .carousel-content--text h6,
.grey-variant .af-herocarouselwithBgImageText .carousel-content--text p {
    color: var(--white)
}

@media(max-width:1023px) {
    .travel-herocarouselwithPill {
        padding-bottom: 18px !important;
        padding-left: 12px;
        padding-right: 0;
        padding-top: 18px !important
    }

    .travel-herocarouselwithPill .hero_banner {
        display: flex;
        flex-direction: column
    }

    .travel-herocarouselwithPill .hero_banner .col-sm-12 {
        padding-left: 0;
        padding-right: 0
    }

    .travel-herocarouselwithPill .hero_banner .col-sm-12:first-child {
        order: 3
    }

    .travel-herocarouselwithPill .hero_banner .breadcrumb-txt-title {
        margin-top: 16px;
        order: 2
    }

    .travel-herocarouselwithPill .hero_banner-pills {
        margin-bottom: 24px
    }

    .travel-herocarouselwithPill .hero_banner-title {
        font-size: 30px;
        font-weight: 600;
        line-height: 36px
    }

    .travel-herocarouselwithPill .hero_banner-text {
        font-size: 16px;
        line-height: 26px
    }

    .travel-herocarouselwithPill .hero_banner-ctas {
        flex-wrap: wrap;
        margin-top: 24px
    }

    .travel-herocarouselwithPill .hero_banner .heroban-img-banner-mb {
        display: flex;
        justify-content: center;
        margin-bottom: 16px !important;
        order: 1;
        padding: 0;
        width: 100%
    }

    .travel-herocarouselwithPill .hero_banner .heroban-img-banner-mb picture img {
        height: 260px;
        max-height: 260px;
        min-height: 260px
    }

    .travel_fullwidth {
        margin-bottom: 48px
    }

    .travel_fullwidth .travel-herocarouselwithPill {
        padding-bottom: 16px !important;
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 16px !important
    }
}

@media(max-width:1023px)and (max-width:1023px) {
    .header-slider .travel-herocarouselwithPill .hero_banner .col-sm-12:first-child {
        order: 1
    }

    .header-slider .travel-herocarouselwithPill .hero_banner .heroban-img-banner-mb {
        order: 2
    }
}

@media(max-width:1023px) {
    .herobanner-carousel .carousel-item .container {
        padding: 0 12px
    }

    .herobanner-carousel .carousel-item .container.af-herocarouselwithBgImageText,
    .herobanner-carousel .carousel-item .container.travel-herocarouselwithBgImageText {
        padding: 0 24px
    }

    .travel-herocarouselwithBgImageText {
        position: relative !important
    }

    .travel-herocarouselwithBgImageText .carousel-image {
        height: 860px;
        max-height: 860px;
        min-height: 860px;
        padding: 48px 24px 24px
    }

    .travel-herocarouselwithBgImageText .carousel-image .container {
        padding: 0
    }

    .travel-herocarouselwithBgImageText .container {
        align-items: flex-end;
        bottom: 48px;
        left: 0;
        position: absolute
    }

    .travel-herocarouselwithBgImageText .carousel-content {
        background-color: rgba(229, 245, 255, .9);
        border-radius: 8px;
        margin-bottom: 0;
        max-width: 100%;
        min-width: 100%;
        padding: 26px 24px
    }

    .travel-herocarouselwithBgImageText .carousel-content-tag {
        font-size: 24px;
        line-height: 32px
    }

    .travel-herocarouselwithBgImageText .carousel-content-title {
        font-size: 36px;
        font-weight: 700;
        line-height: 40px
    }

    .travel-herocarouselwithBgImageText .carousel-content-text {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px
    }

    .travel-herocarouselwithBgImageText .carousel-content-ctas {
        flex-wrap: wrap;
        margin-top: 16px
    }

    .travel-herocarouselwithBgImageText .desktopImage {
        display: none !important
    }

    .travel-herocarouselwithBgImageText .mobileImage {
        display: block
    }

    .travel-herocarouselwithBgImageText .mobileImage .has-secondary-img .carousel-content,
    .travel-herocarouselwithBgImageText .mobileImage .has-secondary-img .hero-secondary-image {
        flex: 0 !important
    }

    .travel-herocarouselwithBgImageText .mobileImage .has-secondary-img {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .af-herocarouselwithBgImageText .carousel-image {
        height: 932px;
        max-height: unset;
        min-height: 932px;
        padding: 48px 16px 40px
    }

    .af-herocarouselwithBgImageText .carousel-content--text h1 {
        font-size: 36px;
        line-height: 40px
    }

    .af-herocarouselwithBgImageText .carousel-content--text h4 {
        font-size: var(--font-lg);
        font-weight: 600;
        line-height: 32px
    }

    .af-herocarouselwithBgImageText .carousel-content--text h6,
    .af-herocarouselwithBgImageText .carousel-content--text h6+h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 28px
    }

    .af-herocarouselwithBgImageText .carousel-content-ctas a {
        width: 100%
    }

    .af-herocarouselwithBgImageText .carousel-content-ctas a .pmu-btn {
        max-width: 100%;
        width: 100%
    }

    .travel-herocarouselwithBgImage .carousel-image {
        padding: 48px 24px
    }

    .travel-herocarouselwithBgImage .desktopImage {
        display: none !important
    }

    .travel-herocarouselwithBgImage .mobileImage {
        display: block
    }
}

.travel_fullwidth .carousel-indicators {
    margin-bottom: 0
}

.travel-bgtextcarousel .container .carousel.slide {
    padding-bottom: 16px
}

.travel-bgtextcarousel .carousel-indicators {
    margin-top: -42px
}

@media only screen and (max-width:1023px) {
    .travel-bgtextcarousel .carousel-indicators {
        bottom: 36px;
        margin-top: -42px
    }
}

.travel-bgtextcarousel .carousel-indicators li {
    background-color: #fff !important;
    opacity: 1
}

.travel-bgtextcarousel .carousel-indicators li.active {
    background-color: var(--bdo-yellow) !important
}

.travel-bgtextcarousel .arrow_align_center {
    top: calc(50% - 25px) !important
}

@media only screen and (max-width:1023px) {
    .travel-bgtextcarousel .travel-herocarouselwithBgImageText .container .carousel-content {
        margin-bottom: 48px
    }

    .travel-bgtextcarousel .travel_fullwidth {
        margin-bottom: 0
    }
}

.travel-bgtextcarousel .travel_fullwidth .carousel-indicators {
    bottom: 24px;
    margin-bottom: 0;
    margin-top: -26px
}

@media only screen and (max-width:1023px) {
    .travel-bgtextcarousel .travel_fullwidth .carousel-indicators {
        bottom: 36px;
        margin-bottom: 0;
        margin-top: -26px
    }
}

.travel-bgtextcarousel .travel_fullwidth .arrow_align_center {
    top: calc(50% - 25px) !important
}

.travel-bgcarousel .container .carousel.slide {
    padding-bottom: 0
}

@media screen and (max-width:768px) {
    .travel-bgcarousel .carousel-indicators {
        margin-top: 0
    }
}

.travel-bgcarousel .carousel-indicators li {
    background-color: #fff !important;
    opacity: 1
}

.travel-bgcarousel .carousel-indicators li.active {
    background-color: var(--bdo-yellow) !important
}

.travel-bgcarousel .arrow_align_center {
    top: calc(50% - 25px) !important
}

.travel-bgcarousel .carousel-indicators {
    margin-bottom: 36px !important;
    margin-top: -60px
}

@media only screen and (max-width:1023px) {
    .travel-bgcarousel .carousel-indicators {
        bottom: 36px;
        margin-bottom: -26px;
        margin-top: 0
    }

    .travel-bgcarousel .travel_fullwidth {
        margin-bottom: 0
    }
}

.travel-bgcarousel .travel_fullwidth .carousel-item .row .container {
    padding: 0 !important
}

.travel-bgcarousel .travel_fullwidth .carousel-indicators {
    bottom: 14px;
    margin-bottom: 0;
    margin-top: -24px
}

@media only screen and (max-width:1023px) {
    .travel-bgcarousel .travel_fullwidth .carousel-indicators {
        bottom: 14px;
        margin-bottom: 0;
        margin-top: -26px
    }
}

.travel-bgcarousel .travel_fullwidth .arrow_align_center {
    top: calc(50% - 25px) !important
}

.travel-pillcarousel .container {
    padding: 0 12px
}

.travel-pillcarousel .container .carousel.slide {
    padding-bottom: 32px
}

@media screen and (max-width:768px) {
    .travel-pillcarousel .container .carousel.slide {
        padding-bottom: 16px
    }
}

@media screen and (min-width:1024px) {
    .travel-pillcarousel .container {
        padding: 0 24px
    }

    .travel-pillcarousel .container.travel-herocarouselwithPill {
        padding: 0
    }
}

@media screen and (min-width:1200px) {
    .travel-pillcarousel .container {
        padding: 0 40px
    }

    .travel-pillcarousel .container.travel-herocarouselwithPill {
        padding: 0
    }
}

@media screen and (min-width:1240px) {
    .travel-pillcarousel .container {
        padding: 0 24px
    }

    .travel-pillcarousel .container.travel-herocarouselwithPill {
        padding: 0
    }
}

@media screen and (min-width:1400px) {
    .travel-pillcarousel .container {
        padding: 0 40px
    }

    .travel-pillcarousel .container.travel-herocarouselwithPill {
        padding: 0
    }
}

@media screen and (min-width:1440px) {
    .travel-pillcarousel .container {
        padding: 0 24px
    }

    .travel-pillcarousel .container.travel-herocarouselwithPill {
        padding: 0
    }
}

.travel-productListing--search {
    align-items: center;
    display: flex;
    gap: 16px;
    margin-bottom: 48px
}

.travel-productListing--search .traveltypedropdown {
    display: inline-block;
    position: relative
}

@media(max-width:767px) {
    .travel-productListing--search .traveltypedropdown {
        margin-bottom: 15px;
        width: 100%
    }
}

.travel-productListing--search .traveltypedropdown .traveltypeBtn {
    background-color: #fff;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    color: #0072d8;
    cursor: pointer;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 16px
}

@media(max-width:767px) {
    .travel-productListing--search .traveltypedropdown .traveltypeBtn {
        width: 100%
    }
}

@media(min-width:768px) {
    .travel-productListing--search .traveltypedropdown .traveltypeBtn {
        width: 165px
    }
}

.travel-productListing--search .traveltypedropdown .traveltypeBtn {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.travel-productListing--search .traveltypedropdown .traveltypeBtn .icon {
    fill: #0072d8
}

.travel-productListing--search .traveltypedropdown .traveltypeBtn p {
    margin: 0
}

.travel-productListing--search .traveltypedropdown .traveltypedropdown-content {
    background-color: #fff;
    display: none;
    position: absolute
}

@media(max-width:767px) {
    .travel-productListing--search .traveltypedropdown .traveltypedropdown-content {
        width: 100%
    }
}

@media(min-width:768px) {
    .travel-productListing--search .traveltypedropdown .traveltypedropdown-content {
        min-width: 165px
    }
}

.travel-productListing--search .traveltypedropdown .traveltypedropdown-content {
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(46, 46, 46, .1), 0 1px 2px -1px rgba(46, 46, 46, .1);
    flex-direction: column;
    margin-top: 8px;
    padding: 16px 10px;
    z-index: 9
}

.travel-productListing--search .traveltypedropdown .traveltypedropdown-content .option {
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 16px
}

.travel-productListing--search .traveltypedropdown .traveltypedropdown-content .option:hover {
    font-weight: 700
}

.travel-productListing--search .traveltypedropdown .traveltypedropdown-show {
    display: flex
}

.travel-productListing--filter {
    z-index: 2
}

.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip,
.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip2 {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    position: relative
}

.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip .tooltip-text,
.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip2 .tooltip-text {
    background-color: #fff;
    border-radius: 8px;
    bottom: 0;
    box-shadow: 0 4px 6px -4px rgba(46, 46, 46, .1), 0 10px 15px -3px rgba(46, 46, 46, .1);
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 400;
    height: fit-content;
    margin-bottom: 0;
    margin-left: 18px;
    opacity: 0;
    padding: 8px 12px;
    position: absolute;
    text-align: center;
    text-align: start;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s;
    visibility: hidden;
    width: 176px;
    z-index: 8
}

.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip .tooltip-text p,
.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip2 .tooltip-text p {
    font-size: 16px;
    margin-bottom: 0
}

.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip .hover-svg,
.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip2 .hover-svg {
    display: none
}

.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip2:hover .tooltip-text,
.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip:hover .tooltip-text {
    background-color: #fff;
    opacity: 1;
    visibility: visible;
    word-break: break-word
}

.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip.clicked .default-svg,
.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip2.clicked .default-svg,
.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip2:hover .default-svg,
.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip:hover .default-svg {
    display: none
}

.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip.clicked .hover-svg,
.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip2.clicked .hover-svg,
.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip2:hover .hover-svg,
.travel-productListing--filter form .row .origin_wrapper .origin_leble .originTooltip:hover .hover-svg {
    display: block
}

.travel-productListing--filter form .row .origin_wrapper .origin_leble {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-start
}

.travel-productListing--filter form .row .origin_multi_area {
    position: relative
}

.travel-productListing--filter form .row .origin_multi_area .arrow {
    align-items: center;
    display: flex;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: rotate(0deg);
    transform: translateY(-50%);
    z-index: 1
}

.travel-productListing--filter form .row .origin_multi_area .select2 .selection .select2-selection--multiple {
    padding: 10px 24px 10px 16px
}

.travel-productListing--filter form .row .origin_multi_area .select2 .selection .select2-selection--multiple .select2-search__field {
    height: 24px;
    margin: 0
}

.travel-productListing--filter form .row.travleOrigin .select2 {
    width: 100% !important
}

.travel-productListing--filter form .row.travleOrigin .select2 .select2-selection--multiple {
    align-items: center;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    color: #919191;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 24px;
    min-height: 48px;
    width: 100% !important
}

.travel-productListing--filter form .row.travleOrigin .select2 .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0
}

.travel-productListing--filter form .row.travleOrigin .select2 .select2-selection--multiple .select2-selection__choice__remove {
    border: none;
    color: #656565;
    font-size: 23px;
    font-weight: 100;
    left: auto;
    margin: 0;
    right: 4px;
    top: 50%;
    transform: translateY(-50%)
}

.travel-productListing--filter form .row.travleOrigin .select2 .select2-selection--multiple .select2-selection__choice__display {
    display: -webkit-box;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.travel-productListing--filter form .row.travleOrigin .select2 .select2-selection--multiple .select2-selection__choice {
    align-items: center;
    background-color: #f6f6f6;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    color: #2e2e2e;
    display: flex;
    display: -webkit-box;
    gap: 8px;
    margin: 0;
    overflow: hidden;
    padding: 4px 36px 4px 8px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.travel-productListing--filter form .row.travleDate .travelDateRangePinker_label {
    color: #2e2e2e;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px
}

.travel-productListing--filter form .row.travleDate .datePiker_area {
    position: relative
}

.travel-productListing--filter form .row.travleDate .datePiker_area .icon {
    position: absolute;
    right: 10px;
    top: 11px
}

.travel-productListing--filter form .row.travleDate .datePiker_area .travelDateRangePinker {
    background-color: #fff;
    border: 2px solid #99c1e7;
    border-radius: 8px;
    color: #2e2e2e;
    font-size: 16px;
    outline: none;
    padding: 10px 30px 10px 16px;
    width: 100%
}

.travel-productListing--items .item-image img,
.travel-productListing--items .item-image picture source {
    height: 268px;
    object-fit: contain;
    width: 100%
}

.travel-productListing--items .item--labels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    left: 16px;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    position: absolute;
    top: 16px
}

.travel-productListing--items .item--labels li {
    border-radius: 80px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 6px 16px
}

.travel-productListing--items .item--logoTag {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 180px;
    width: 168px
}

.travel-productListing--items .item--logoTag img,
.travel-productListing--items .item--logoTag picture source {
    height: 48px;
    object-fit: cover
}

.travel-productListing--items .item-content .title .usd {
    color: #0072db
}

.travel-productListing--items .item-content .subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.travel-productListing--items .item-content .text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 16px
}

.travel-productListing .travel-productListing--filter+.travel-productListing--content {
    width: calc(100% - 424px) !important
}

.travel-productListing .travel-productListing--filter+.travel-productListing--content .travel-productListing--items .item {
    flex: 0 0 calc(50% - 12px) !important
}

.travelpartner .travel-productListing--search {
    margin-bottom: 16px;
    position: relative
}

.travelpartner .travel-productListing--search .traveltypedropdown {
    display: none
}

.travelpartner .travel-productListing--search .pmu-btn {
    align-items: center;
    background-color: transparent;
    border: unset;
    display: flex;
    height: 48px;
    justify-content: center;
    line-height: 48px;
    min-width: fit-content;
    padding: 8px 0;
    position: absolute;
    right: 16px;
    width: fit-content
}

.travelpartner .travel-productListing--search .pmu-btn span {
    display: none
}

.travelpartner .travel-productListing--search .pmu-btn .icon {
    display: block !important
}

.travelpartner .travel-productListing--search .pmu-btn.primaryBtn {
    background-color: transparent;
    border: unset
}

.travelpartner .travel-productListing--content .sort-container {
    padding-bottom: 48px
}

.travelpartner .travel-productListing--content .sort-container .sortprice-btn p,
.travelpartner .travel-productListing--content .sort-container .sorttoggle label {
    font-size: 16px;
    line-height: 24px
}

.travelpartner .travel-productListing--items .item {
    flex: 0 0 calc(25% - 18px) !important
}

.travelpartner .travel-productListing--items .item-image {
    background-color: transparent;
    height: fit-content;
    max-height: fit-content;
    min-height: fit-content;
    padding: 24px 24px 0
}

.travelpartner .travel-productListing--items .item-image img {
    height: 80px;
    max-height: 80px;
    min-height: 80px;
    object-fit: contain;
    width: 100%
}

.travelpartner .travel-productListing--items .item--labels {
    flex-wrap: wrap;
    left: unset;
    padding-top: 24px;
    position: static;
    top: unset
}

.travelpartner .travel-productListing--items .item--logoTag {
    display: none
}

.travelpartner .travel-productListing--items .item-content {
    padding: 16px 24px 24px
}

.travelpartner .travel-productListing--items .item-content .title {
    margin-bottom: 16px
}

.travelpartner .travel-productListing--items .item-content .title .usd {
    display: none
}

.travelpartner .travel-productListing--items .item-content .subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.travelpartner .travel-productListing--items .item-content .text {
    display: none
}

.travelpartner .travel-productListing--items .item-content .ctas {
    display: flex;
    gap: 16px;
    margin-top: 16px
}

.travelpartner .travel-productListing--items .item-content .ctas .pmu-btn {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.travelpartner .travel-productListing--items .item-content .ctas .secondaryBtn {
    background-color: transparent
}

.travelpartner .travel-productListing--items .item-content--container {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.travelpartner .travel-productListing--items .item-content--row {
    align-items: center;
    display: flex;
    gap: 8px
}

.travelpartner .travel-productListing--items .item-content--row-icon {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.travelpartner .travel-productListing--items .item-content--row .city,
.travelpartner .travel-productListing--items .item-content--row .mileage,
.travelpartner .travel-productListing--items .item-content--row .price,
.travelpartner .travel-productListing--items .item-content--row .year {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.travelpartner .travel-productListing--items .item-image+.item-content {
    margin-top: 0
}

.travelpartner .travel-productListing--filter+.travel-productListing--content {
    width: calc(100% - 424px) !important
}

.travelpartner .travel-productListing--filter+.travel-productListing--content .travel-productListing--items .item {
    flex: 0 0 calc(25% - 18px) !important
}

@media(min-width:1024px)and (max-width:1279px) {
    .travelpartner .travel-productListing--filter+.travel-productListing--content {
        width: calc(100% - 317px) !important
    }
}

@media(max-width:1023px) {
    .travel-productListing--search {
        display: block;
        margin-bottom: 15px;
        position: relative
    }

    .travel-productListing--search .pmu-btn {
        background-color: transparent;
        border: 0;
        bottom: 0;
        font-size: 0;
        height: unset;
        line-height: unset;
        max-width: 50px;
        min-width: auto;
        padding: 10px 16px;
        position: absolute;
        right: 0;
        width: 50px
    }

    .travel-productListing--search .pmu-btn:active,
    .travel-productListing--search .pmu-btn:focus,
    .travel-productListing--search .pmu-btn:hover {
        background: transparent;
        border: none
    }

    .travel-productListing--search .pmu-btn span {
        display: none
    }

    .travel-productListing .travel-productListing--filter+.travel-productListing--content {
        width: 100% !important
    }

    .travelpartner .travel-productListing--search input[type=text] {
        padding-right: 0
    }

    .travelpartner .travel-productListing--search .pmu-btn {
        padding: 8px 0;
        right: 0;
        width: 24px
    }

    .travelpartner .travel-productListing--search .pmu-btn span {
        display: none
    }

    .travelpartner .travel-productListing--search .pmu-btn .icon {
        display: block !important
    }

    .travelpartner .travel-productListing--search .pmu-btn.primaryBtn {
        background-color: transparent;
        border: unset
    }
}

@media(min-width:1024px) {
    .travel-productListing--search .pmu-btn {
        font-size: 18px;
        font-weight: 400;
        height: 50px;
        line-height: 28px;
        padding: 10px 16px
    }
}

@media(min-width:768px)and (max-width:1023px) {
    .travel-productListing--filter+.travel-productListing--content .travel-productListing--items .item {
        flex: 0 0 100% !important;
        width: 100%
    }
}

.body-productListing .select2-dropdown {
    border: 1px solid #c2c2c1;
    border-radius: 8px;
    box-shadow: 0 1px 2px -1px rgba(46, 46, 46, .1), 0 1px 3px 0 rgba(46, 46, 46, .1);
    margin-top: 4px;
    overflow: hidden;
    z-index: 9
}

.body-productListing .select2-results {
    padding-left: 8px;
    padding-right: 8px
}

.body-productListing .select2-results__message {
    padding-left: 8px !important
}

.body-productListing .select2-results__option--selected:before,
.body-productListing .select2-results__option:before {
    border: 1px solid #99c1e7;
    border-radius: 4px;
    content: "";
    display: block;
    height: 24px;
    left: 8px;
    position: absolute;
    top: 10px;
    width: 24px;
    z-index: 0
}

.body-productListing .select2-results__option[role=alert]:before {
    display: none
}

.body-productListing .select2-results__option--selected:before {
    background-color: #0072d8;
    border-color: #0072d8
}

.body-productListing .select2-results__option--selected:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    display: block;
    height: 13px;
    left: 17px;
    position: absolute;
    top: 12px;
    transform: rotate(45deg);
    width: 8px;
    z-index: 1
}

.body-productListing .select2-results__option {
    background-color: #fff;
    border-bottom: 1px solid #99c1e7;
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    padding-left: 48px !important;
    padding-right: 8px;
    padding-top: 10px;
    position: relative
}

.body-productListing .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.body-productListing .select2-container--default .select2-results__option--selected {
    background-color: #fff;
    color: #2e2e2e
}

.body-productListing .daterangepicker {
    border: 1px solid #99c1e7;
    border-radius: 8px;
    color: #2e2e2e;
    font-size: 16px;
    left: 16px !important;
    width: 326px;
    z-index: 100000
}

@media(min-width:768px) {
    .body-productListing .daterangepicker {
        width: 600px !important
    }
}

@media(max-width:767px) {
    .body-productListing .daterangepicker {
        left: 50% !important;
        overflow-y: auto;
        position: absolute;
        top: 50% !important;
        transform: translate(-50%, -50%)
    }

    .body-productListing .daterangepicker .drp-calendar.right {
        display: none
    }

    .body-productListing .daterangepicker .calendar-table table {
        border-collapse: separate;
        border-spacing: 10px
    }

    .body-productListing .daterangepicker td.in-range {
        background-color: #e5f5ff
    }
}

.body-productListing .daterangepicker select.monthselect,
.body-productListing .daterangepicker select.yearselect {
    border: 1px solid #99c1e7;
    border-radius: 4px;
    color: #2e2e2e;
    font-size: 16px
}

.body-productListing .daterangepicker .drp-buttons {
    align-items: center;
    background-color: #f6f6f6;
    border-top: none;
    display: flex;
    gap: 16px;
    justify-content: flex-end;
    padding: 16px
}

.body-productListing .daterangepicker .drp-buttons .btn {
    border-radius: 8px;
    font-size: 16px;
    height: auto;
    line-height: 24px;
    margin: 0;
    padding: 10px 16px
}

.body-productListing .daterangepicker .drp-buttons .btn.applyBtn {
    background-color: #0072d8
}

.body-productListing .daterangepicker .drp-calendar table td,
.body-productListing .daterangepicker .drp-calendar table th {
    font-size: 16px;
    font-weight: 400;
    height: 30px
}

@media(min-width:768px) {

    .body-productListing .daterangepicker td.active,
    .body-productListing .daterangepicker td.active:hover {
        background-color: #0072d8
    }

    .body-productListing .daterangepicker td.active.end-date,
    .body-productListing .daterangepicker td.end-date,
    .body-productListing .daterangepicker td.start-date {
        background-color: #0072d8;
        border-radius: 50% !important;
        height: 30px;
        width: 30px
    }

    .body-productListing .daterangepicker td.in-range {
        background-color: #e5f5ff
    }

    .body-productListing .daterangepicker .off.ends.active {
        background-color: #fff
    }

    .body-productListing .daterangepicker .calendar-table table {
        border-collapse: separate;
        border-spacing: 0 12px
    }

    .body-productListing .daterangepicker .drp-selected {
        font-size: 14px;
        font-weight: 400;
        padding-right: 0
    }
}

@media(min-width:768px)and (max-width:767px) {
    .body-productListing .daterangepicker .drp-selected {
        display: none;
        padding-right: 0 !important
    }
}

@media(min-width:768px) {
    .body-productListing .daterangepicker .cancelBtn.btn.btn-sm.btn-default {
        border: 2px solid #0072d8;
        border-radius: 8px;
        color: #0072d8;
        margin-right: 0 !important;
        padding-left: 16px
    }

    .body-productListing .daterangepicker .applyBtn,
    .body-productListing .daterangepicker .cancelBtn {
        min-width: 104px;
        padding: 8px 16px !important
    }

    .body-productListing .daterangepicker .drp-calendar.right {
        padding: 0 16px 16px 18px
    }

    .body-productListing .daterangepicker .drp-calendar.left {
        padding: 0 0 16px 16px
    }

    .body-productListing .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 0
    }

    .body-productListing .daterangepicker .drp-calendar.right .calendar-table {
        margin-left: 28px;
        margin-right: 16px;
        position: absolute;
        width: 266px
    }

    .body-productListing .daterangepicker .drp-calendar.left .calendar-table {
        width: 266px
    }
}

.body-productListing .daterangepicker option.disabled,
.body-productListing .daterangepicker td.disabled {
    text-decoration: none
}

@media(max-width:767px) {

    .body-productListing .daterangepicker td.active.end-date,
    .body-productListing .daterangepicker td.end-date,
    .body-productListing .daterangepicker td.start-date {
        background-color: #0072d8;
        border-radius: 50% !important
    }

    .body-productListing .daterangepicker .cancelBtn.btn.btn-sm.btn-default {
        border: 2px solid #0072d8;
        border-radius: 8px;
        color: #0072d8;
        margin-left: 0;
        margin-right: 0 !important
    }

    .body-productListing .daterangepicker .drp-buttons .btn {
        padding: 8px 16px
    }

    .body-productListing .daterangepicker .drp-selected {
        display: none;
        padding-right: 0 !important
    }

    .body-productListing .range-opacity {
        opacity: .1
    }
}

.body-productListing .daterangepicker:after,
.body-productListing .daterangepicker:before {
    content: none !important
}

.body-productListing .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
.body-productListing .bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #fff;
    border-width: .4rem .4rem 0;
    top: -1px
}

.body-productListing .tooltip .tooltip-inner {
    background-color: #fff;
    box-shadow: 0 0 5px #333;
    color: #160a0a
}

.travel_modalpopup {
    align-items: center;
    background-color: hsla(0, 6%, 6%, .4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.travel_modalpopup-container {
    max-width: 600px;
    position: relative;
    top: 10px;
    z-index: 1
}

@media(max-width:767px) {
    .travel_modalpopup-container {
        margin: 0 15px
    }
}

@media(min-width:768px) {
    .travel_modalpopup-container {
        margin: 0 auto
    }
}

.travel_modalpopup-container--title {
    align-items: center;
    align-self: stretch;
    background: #0072d8;
    border-radius: 8px 8px 0 0;
    color: #fff;
    font-weight: 600;
    justify-content: space-between;
    padding: 24px;
    text-align: left
}

@media(max-width:430px) {
    .travel_modalpopup-container--title {
        font-size: 18px;
        line-height: 28px
    }
}

@media(min-width:431px) {
    .travel_modalpopup-container--title {
        font-size: 24px;
        line-height: normal
    }
}

.travel_modalpopup-container--body a {
    color: var(--bdo-blue) !important;
    font-style: normal;
    font-weight: 400;
    text-decoration-line: underline !important
}

@media(max-width:430px) {
    .travel_modalpopup-container--body a {
        font-size: 14px;
        line-height: 20px
    }
}

@media(min-width:431px) {
    .travel_modalpopup-container--body a {
        font-size: 16px;
        line-height: normal
    }
}

.travel_modalpopup-container--body {
    background-color: #fff
}

@media(max-width:430px) {
    .travel_modalpopup-container--body {
        padding: 18px
    }
}

@media(min-width:431px) {
    .travel_modalpopup-container--body {
        padding: 24px
    }
}

.travel_modalpopup-container--body--title {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 10px
}

.travel_modalpopup-container--body ul li {
    font-style: normal;
    font-weight: 400
}

@media(max-width:430px) {
    .travel_modalpopup-container--body ul li {
        font-size: 14px;
        line-height: 20px
    }
}

@media(min-width:431px) {
    .travel_modalpopup-container--body ul li {
        font-size: 16px;
        line-height: normal
    }
}

.travel_modalpopup-container--footer {
    padding: 16px 24px
}

.travel_modalpopup-container--footer a.primaryBtn {
    color: #fff !important
}

.travel_modalpopup-container--footer a.primaryBtn:hover {
    background-color: var(--bdo-darkblue);
    border: 1px solid var(--bdo-darkblue);
    color: var(--white)
}

.travel_modalpopup-container--footer a.secondaryBtn {
    background-color: transparent;
    color: #0072d8 !important
}

@media(max-width:430px) {
    .travel_modalpopup-container--footer .primaryBtn {
        color: #fff;
        margin-bottom: 15px
    }

    .travel_modalpopup-container--footer .pmu-btn {
        display: block;
        max-width: 100%
    }
}

@media(min-width:431px) {
    .travel_modalpopup-container--footer {
        display: flex;
        justify-content: flex-end
    }
}

.travel_modalpopup-container--footer {
    align-items: center;
    align-self: stretch;
    background: #f6f6f6;
    border-radius: 0 0 8px 8px;
    gap: 16px
}

.dark-blue-variant .travel_modalpopup-container--title,
.light-blue-variant .travel_modalpopup-container--title {
    background: #0072d8;
    color: #fff
}

.grey-variant .travel_modalpopup-container--title,
.white-variant .travel_modalpopup-container--title {
    background: #fff;
    border-bottom: 1px solid #c2c2c1;
    color: #2e2e2e
}

.travel-searchFilter {
    background-color: #e5f5ff;
    padding-bottom: 32px;
    padding-top: 32px
}

.travel-searchFilter .no-results {
    color: var(--bdo-black);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding: 8px 14px
}

.travel-searchFilter form {
    align-items: center;
    align-self: stretch;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px -4px rgba(46, 46, 46, .1), 0 10px 15px -3px rgba(46, 46, 46, .1);
    display: flex;
    padding: 16px 8px
}

.travel-searchFilter form .dealsBtn {
    background-color: transparent;
    border-right: 1px solid #a0a0a0;
    color: #656565;
    cursor: pointer;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: normal;
    padding: 10px 16px
}

.travel-searchFilter form .dealsBtn,
.travel-searchFilter form .dealsBtn .optionselected {
    align-items: center;
    display: flex;
    gap: 24px
}

.travel-searchFilter form .dealsBtn .optionselected .optionicon .mobile {
    display: none
}

.travel-searchFilter form .dealsBtn .optionselected p {
    color: #656565;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    min-width: 122px;
    white-space: nowrap
}

.travel-searchFilter form .dealsBtn .icon {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.travel-searchFilter form .dealsdropdown-content {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(46, 46, 46, .1), 0 1px 2px -1px rgba(46, 46, 46, .1);
    display: none;
    flex-direction: column;
    margin-top: 20px;
    padding: 16px 10px;
    position: absolute;
    width: 100%;
    z-index: 9
}

.travel-searchFilter form .dealsdropdown-content .option {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 24px;
    line-height: 24px;
    padding: 8px 16px
}

.travel-searchFilter form .dealsdropdown-content .option:hover {
    font-weight: 700
}

.travel-searchFilter form .dealsdropdown-show {
    display: flex
}

.travel-searchFilter form .col2 {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-evenly;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

.travel-searchFilter form .middleIcon .mobile {
    display: none
}

.travel-searchFilter form .destinationBtn,
.travel-searchFilter form .destinationdropdown,
.travel-searchFilter form .originBtn,
.travel-searchFilter form .origindropdown {
    width: 100%
}

.travel-searchFilter form .dealsdropdown,
.travel-searchFilter form .destinationdropdown,
.travel-searchFilter form .origindropdown {
    display: inline-block;
    position: relative
}

.travel-searchFilter form .destinationdropdown-content--ontype,
.travel-searchFilter form .origindropdown-content--ontype {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(46, 46, 46, .1), 0 1px 2px -1px rgba(46, 46, 46, .1);
    display: none;
    flex-direction: column;
    margin-top: 32px;
    padding: 16px 10px;
    position: absolute;
    width: 222px;
    width: 100%;
    z-index: 9
}

@media only screen and (max-width:768px) {

    .travel-searchFilter form .destinationdropdown-content--ontype,
    .travel-searchFilter form .origindropdown-content--ontype {
        margin-top: 8px
    }
}

.travel-searchFilter form .destinationdropdown-content--ontype .option,
.travel-searchFilter form .origindropdown-content--ontype .option {
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 16px
}

.travel-searchFilter form .destinationdropdown-content--ontype .option:hover,
.travel-searchFilter form .origindropdown-content--ontype .option:hover {
    font-weight: 700
}

.travel-searchFilter form .destinationdropdownontype-show,
.travel-searchFilter form .origindropdownontype-show {
    display: flex;
    flex-direction: column
}

.travel-searchFilter form .destinationBtn,
.travel-searchFilter form .originBtn {
    border: none;
    border-radius: 8px;
    color: #656565;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    justify-content: flex-start;
    line-height: normal;
    outline: none;
    padding: 0;
    width: 100%
}

.travel-searchFilter form .destinationBtn:hover,
.travel-searchFilter form .originBtn:hover {
    border: none;
    outline: none
}

.travel-searchFilter form input[placeholder] {
    background-color: transparent;
    color: #656565;
    font-size: 20px;
    font-weight: 400;
    line-height: normal
}

.travel-searchFilter form .destinationdropdown-content,
.travel-searchFilter form .origindropdown-content {
    background-color: #fff;
    border: 1px solid #c2c2c1;
    border-radius: 8px;
    box-shadow: 0 1px 2px -1px rgba(46, 46, 46, .1), 0 1px 3px 0 rgba(46, 46, 46, .1);
    display: none;
    margin-top: 32px;
    padding: 4px;
    position: absolute;
    width: 100%;
    z-index: 9
}

@media only screen and (max-width:768px) {

    .travel-searchFilter form .destinationdropdown-content,
    .travel-searchFilter form .origindropdown-content {
        margin-top: 8px
    }
}

.travel-searchFilter form .destinationdropdown-content--container,
.travel-searchFilter form .origindropdown-content--container {
    display: flex;
    flex-direction: column;
    max-height: 323px;
    min-height: auto;
    overflow-y: auto;
    padding: 24px;
    row-gap: 16px;
    width: 100%
}

.travel-searchFilter form .destinationdropdown-content--container .option,
.travel-searchFilter form .origindropdown-content--container .option {
    display: flex;
    flex-direction: column
}

.travel-searchFilter form .destinationdropdown-content--container .option .mainoption,
.travel-searchFilter form .origindropdown-content--container .option .mainoption {
    align-items: center;
    color: #2e2e2e;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 28px
}

@media only screen and (max-width:768px) {

    .travel-searchFilter form .destinationdropdown-content--container .option .mainoption,
    .travel-searchFilter form .origindropdown-content--container .option .mainoption {
        font-size: 16px
    }
}

.travel-searchFilter form .destinationdropdown-content--container .option .suboption-container,
.travel-searchFilter form .origindropdown-content--container .option .suboption-container {
    display: none;
    display: flex;
    flex-direction: column;
    padding: 16px 16px 0;
    row-gap: 16px
}

.travel-searchFilter form .destinationdropdown-content--container .option .suboption,
.travel-searchFilter form .origindropdown-content--container .option .suboption {
    color: #656565;
    cursor: pointer;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.travel-searchFilter form .destinationdropdown-content--container .option .suboption:active,
.travel-searchFilter form .destinationdropdown-content--container .option .suboption:hover,
.travel-searchFilter form .origindropdown-content--container .option .suboption:active,
.travel-searchFilter form .origindropdown-content--container .option .suboption:hover {
    font-weight: 700
}

@media only screen and (max-width:768px) {

    .travel-searchFilter form .destinationdropdown-content--container .option .suboption,
    .travel-searchFilter form .origindropdown-content--container .option .suboption {
        font-size: 16px
    }
}

.travel-searchFilter form .destinationdropdown-content .destinationdropdown-content--container .option .mainoption.active svg,
.travel-searchFilter form .origindropdown-content .origindropdown-content--container .option .mainoption.active svg {
    transform: rotate(180deg)
}

.travel-searchFilter form .destinationdropdown-content .destinationdropdown-content--container .option .mainoption.active+.suboption-container,
.travel-searchFilter form .origindropdown-content .origindropdown-content--container .option .mainoption.active+.suboption-container {
    display: flex;
    flex-direction: column
}

.travel-searchFilter form .destinationdropdown-show,
.travel-searchFilter form .origindropdown-show {
    display: flex
}

.travel-searchFilter form ::-webkit-scrollbar {
    width: 4px
}

.travel-searchFilter form ::-webkit-scrollbar-track {
    background-color: #f6f6f6;
    border-radius: 120px
}

.travel-searchFilter form ::-webkit-scrollbar-thumb {
    background-color: #a0a0a0;
    border-radius: 120px
}

.white-variant .travel-searchFilter {
    background-color: var(--white)
}

.white-variant .travel-searchFilter form {
    background-color: var(--bdo-lightblue)
}

.grey-variant .travel-searchFilter {
    background-color: var(--bdo-light-grey)
}

.light-blue-variant .travel-searchFilter {
    background-color: var(--bdo-lightblue)
}

.dark-blue-variant .travel-searchFilter {
    background-color: var(--bdo-blue)
}

@media only screen and (max-width:769px) {
    .travel-searchFilter {
        padding-bottom: 32px;
        padding-top: 32px
    }

    .travel-searchFilter form {
        align-items: inherit;
        flex-direction: column;
        padding: 16px
    }

    .travel-searchFilter form .dealsBtn {
        border-bottom: 1px solid #a0a0a0;
        border-right: none
    }

    .travel-searchFilter form .dealsBtn .optionselected .optionicon .desktop {
        display: none
    }

    .travel-searchFilter form .dealsBtn .optionselected .optionicon .mobile {
        display: flex
    }

    .travel-searchFilter form .dealsBtn .optionselected p {
        color: #4b4b4b;
        font-size: 14px;
        margin: 0
    }

    .travel-searchFilter form .middleIcon .desktop {
        display: none
    }

    .travel-searchFilter form .middleIcon .mobile {
        display: flex;
        margin: 0 auto
    }

    .travel-searchFilter form .dealsBtn,
    .travel-searchFilter form .destinationBtn,
    .travel-searchFilter form .originBtn {
        font-size: 14px;
        padding: 16px;
        width: 100%
    }

    .travel-searchFilter form input[placeholder] {
        font-size: 16px
    }

    .travel-searchFilter form .destinationBtn,
    .travel-searchFilter form .originBtn {
        border: 1px solid #99c1e7;
        border-radius: 8px;
        font-size: 14px;
        padding: 10px 16px
    }

    .travel-searchFilter form .dealsdropdown,
    .travel-searchFilter form .destinationdropdown,
    .travel-searchFilter form .origindropdown {
        width: 100%
    }

    .travel-searchFilter form .col2 {
        flex-direction: column;
        gap: 8px;
        padding: 16px 0 0
    }

    .travel-searchFilter form .pmu-btn.primaryBtn {
        margin-top: 24px;
        max-width: 100%
    }

    .travel-searchFilter form .pmu-btn.primaryBtn:hover {
        background-color: var(--bdo-darkblue);
        border: 1px solid var(--bdo-darkblue);
        color: var(--white)
    }
}

.travel-cardexclusive {
    background-color: #fff;
    padding-bottom: 60px;
    padding-top: 80px;
    position: relative
}

.travel-cardexclusive--header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px
}

.travel-cardexclusive--header .title {
    color: #2e2e2e;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 0
}

.travel-cardexclusive .mobileOnly {
    display: none
}

.travel-cardexclusive .cardexclusivecarousel {
    height: auto !important
}

.travel-cardexclusive .swiper-wrapper {
    align-items: stretch !important;
    display: flex;
    flex-direction: row;
    height: 100%
}

.travel-cardexclusive .swiper-wrapper .swiper-slide {
    background-color: #e5f5ff;
    border-radius: 8px;
    height: 100%;
    height: auto !important;
    overflow: hidden
}

.travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card {
    border-radius: 8px;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    min-height: 100%;
    overflow: hidden
}

.travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--image img {
    height: 238.222px;
    width: 100%
}

.travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #e5f5ff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 24px
}

.travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--content .title {
    color: #2e2e2e;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px
}

.travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--content .text {
    color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--image+.carousel-card--content {
    margin-top: -24px
}

.travel-cardexclusive .ctas {
    margin-top: 24px
}

.travel-cardexclusive .ctas .pmu-btn {
    font-size: 18px;
    line-height: 28px
}

.travel-cardexclusive .swiper-pagination {
    margin-bottom: 0;
    margin-top: 48px;
    position: static
}

.travel-cardexclusive .swiper-pagination-bullet {
    background-color: #99c1e7;
    border-radius: 100px;
    height: 6px;
    opacity: 1;
    outline: none;
    width: 6px
}

.travel-cardexclusive .swiper-pagination-bullet-active {
    background-color: #fdb913;
    outline: none;
    width: 24px
}

.travel-cardexclusive .arrow-container {
    position: absolute;
    top: 50%
}

.travel-cardexclusive .arrow-container .swiper-button-disabled {
    display: none
}

.travel-cardexclusive .arrow-container .swiper-button-next,
.travel-cardexclusive .arrow-container .swiper-button-prev {
    background-color: #e5f5ff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 32px 32px;
    border-radius: 8px;
    height: 44px;
    padding: 0;
    top: unset;
    width: 44px;
    z-index: 2
}

.travel-cardexclusive .arrow-container .swiper-button-next svg,
.travel-cardexclusive .arrow-container .swiper-button-prev svg {
    height: unset;
    width: unset
}

.travel-cardexclusive .arrow-container .swiper-button-next:after,
.travel-cardexclusive .arrow-container .swiper-button-prev:after,
.travel-cardexclusive .arrow-container .swiper-rtl .swiper-button-next:after,
.travel-cardexclusive .arrow-container .swiper-rtl .swiper-button-prev:after {
    content: unset
}

.travel-cardexclusive .arrow-container .swiper-button-prev {
    left: -60px
}

.travel-cardexclusive .arrow-container .swiper-button-next {
    right: -14px
}

.travel-cardexclusive .light-blue-variant .travel-quicktoolcarousel .arrow-container .swiper-button-next,
.travel-cardexclusive .light-blue-variant .travel-quicktoolcarousel .arrow-container .swiper-button-prev,
.travel-cardexclusive .light-blue-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff
}

.travel-cardexclusive .full-height-slide {
    align-items: flex-start
}

.white-variant .travel-cardexclusive {
    background-color: #fff
}

.light-blue-variant .travel-cardexclusive,
.white-variant .travel-cardexclusive .swiper-wrapper .swiper-slide,
.white-variant .travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--content,
.white-variant .travel-cardexclusive .travel-cardexclusive .arrow-container .swiper-button-next,
.white-variant .travel-cardexclusive .travel-cardexclusive .arrow-container .swiper-button-prev {
    background-color: #e5f5ff
}

.light-blue-variant .travel-cardexclusive .arrow-container .swiper-button-next,
.light-blue-variant .travel-cardexclusive .arrow-container .swiper-button-prev,
.light-blue-variant .travel-cardexclusive .swiper-wrapper .swiper-slide,
.light-blue-variant .travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff
}

.dark-blue-variant .travel-cardexclusive {
    background-color: #0072d8
}

.dark-blue-variant .travel-cardexclusive--header .title {
    color: #fff
}

.dark-blue-variant .travel-cardexclusive .swiper-wrapper .swiper-slide,
.dark-blue-variant .travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff
}

.dark-blue-variant .travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--content .text {
    color: #2e2e2e
}

.dark-blue-variant .travel-cardexclusive .arrow-container .swiper-button-next,
.dark-blue-variant .travel-cardexclusive .arrow-container .swiper-button-prev {
    background-color: #e5f5ff
}

.grey-variant .travel-cardexclusive {
    background-color: #f6f6f6
}

.grey-variant .travel-cardexclusive .arrow-container .swiper-button-next,
.grey-variant .travel-cardexclusive .arrow-container .swiper-button-prev,
.grey-variant .travel-cardexclusive .swiper-wrapper .swiper-slide,
.grey-variant .travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff
}

@media(max-width:767px) {
    .travel-cardexclusive {
        padding-bottom: 48px;
        padding-top: 48px
    }

    .travel-cardexclusive .container {
        padding-right: 24px
    }

    .travel-cardexclusive--header .title {
        font-size: 24px;
        line-height: 32px
    }

    .travel-cardexclusive .mobileOnly {
        align-items: center;
        display: flex;
        justify-content: center;
        max-width: 100%;
        min-width: 100%;
        text-align: center;
        width: 100%
    }

    .travel-cardexclusive .desktopOnly {
        display: none
    }

    .travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--image img {
        height: 238.222px;
        width: 100%
    }

    .travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--content .title {
        font-size: 18px;
        line-height: 28px
    }

    .travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--content .text {
        font-size: 16px;
        line-height: 24px
    }

    .travel-cardexclusive .swiper-wrapper .swiper-slide .carousel-card--content .ctas {
        margin-top: 24px
    }

    .travel-cardexclusive .swiper-pagination {
        margin-bottom: 48px
    }

    .travel-cardexclusive .ctas {
        margin-top: 0;
        padding-right: 0
    }

    .travel-cardexclusive .arrow-container {
        display: none
    }
}

.travel-packagedetail {
    background-color: #fff;
    padding-bottom: 80px;
    padding-top: 80px
}

.travel-packagedetail--header {
    color: #2e2e2e;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 48px
}

.travel-packagedetail--content {
    background-color: #e5f5ff;
    border-radius: 8px;
    padding: 32px
}

.travel-packagedetail--content .title {
    color: #2e2e2e;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px
}

.travel-packagedetail--content .subtitle {
    color: #2e2e2e;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-top: 24px
}

.travel-packagedetail--content .text {
    color: #2e2e2e;
    margin-top: 4px
}

.travel-packagedetail--content .text p,
.travel-packagedetail--content .text ul li {
    color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.light-blue-variant .travel-packagedetail {
    background-color: #e5f5ff
}

.light-blue-variant .travel-packagedetail--content {
    background-color: #fff
}

.dark-blue-variant .travel-packagedetail {
    background-color: #0072d8
}

.dark-blue-variant .travel-packagedetail--header {
    color: #fff
}

.dark-blue-variant .travel-packagedetail--content {
    background-color: #fff
}

.grey-variant .travel-packagedetail {
    background-color: #f6f6f6
}

.grey-variant .travel-packagedetail--content {
    background-color: #fff
}

@media only screen and (max-width:767px) {
    .travel-packagedetail {
        padding-bottom: 48px;
        padding-top: 48px
    }

    .travel-packagedetail--header {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
        margin-bottom: 24px
    }

    .travel-packagedetail--content {
        padding: 32px
    }

    .travel-packagedetail--content .title {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }

    .travel-packagedetail--content .subtitle {
        font-size: 20px;
        font-weight: 600;
        line-height: 28px
    }
}

.quicktoolscarousel .quick-tools .col-lg-12 .card-body {
    justify-content: space-between
}

@media(min-width:767px) {
    .quicktoolscarousel .quick-tools .col-lg-12 .card-body {
        margin-right: 48px
    }
}

.quicktoolscarousel .quick-tools .col-lg-12 .card-body .quick-tools_btn .btn {
    margin-right: 0
}

.quicktoolscarousel .quick-tools .col-lg-12 .quick-tools_btn {
    gap: 24px
}

.quicktoolscarousel .dark-blue-variant .expect_after_applying_cards .card {
    background-color: var(--white) !important;
    border-radius: 8px;
    overflow: hidden
}

.quicktoolscarousel .dark-blue-variant .expect_after_applying_cards .applyoptions-title,
.quicktoolscarousel .dark-blue-variant .expect_after_applying_cards .description p {
    color: #2e2e2e
}

.goldwealththeme.wealth-light-gold-variant .quick-tools {
    background-color: var(--bdo-wealth-rich-gold-100) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools h2 {
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .left-arrow,
.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-white.svg) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .left-arrow:hover,
.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-gold.svg) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .card {
    background-color: var(--white) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .carousel-indicators {
    padding: 16px
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-primary.disabled,
.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary.disabled,
.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn.disabled,
.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn.disabled,
.goldwealththeme.wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools {
    background-color: var(--bdo-wealth-rich-gold-600) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools h2 {
    color: var(--white) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .left-arrow,
.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-white.svg) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .left-arrow:hover,
.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-gold.svg) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .card {
    background-color: var(--white) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .carousel-indicators {
    padding: 16px
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-primary.disabled,
.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary.disabled,
.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn.disabled,
.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn.disabled,
.goldwealththeme.wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme.white-variant .quick-tools {
    background-color: var(--white) !important
}

.goldwealththeme.white-variant .quick-tools h2 {
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .left-arrow,
.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-grey.svg) !important
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .left-arrow:hover,
.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-dark-gold.svg) !important
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .card {
    background-color: var(--bdo-wealth-rich-gold-100) !important
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .carousel-indicators {
    padding: 16px
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .bdo-primary.disabled,
.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .bdo-secondary.disabled,
.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn.disabled,
.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn.disabled,
.goldwealththeme.white-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme .wealth-light-gold-variant .quick-tools {
    background-color: var(--bdo-wealth-rich-gold-100) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools h2 {
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .left-arrow,
.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-white.svg) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .left-arrow:hover,
.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-gold.svg) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .card {
    background-color: var(--white) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .carousel-indicators {
    padding: 16px
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-primary.disabled,
.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary.disabled,
.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn.disabled,
.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn.disabled,
.goldwealththeme .wealth-light-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools {
    background-color: var(--bdo-wealth-rich-gold-600) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools h2 {
    color: var(--white) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .left-arrow,
.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-white.svg) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .left-arrow:hover,
.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-gold.svg) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .card {
    background-color: var(--white) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .carousel-indicators {
    padding: 16px
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-primary.disabled,
.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary.disabled,
.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn.disabled,
.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn.disabled,
.goldwealththeme .wealth-dark-gold-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme .white-variant .quick-tools {
    background-color: var(--white) !important
}

.goldwealththeme .white-variant .quick-tools h2 {
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .left-arrow,
.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-grey.svg) !important
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .left-arrow:hover,
.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-dark-gold.svg) !important
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .card {
    background-color: var(--bdo-wealth-rich-gold-100) !important
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .carousel-indicators {
    padding: 16px
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .bdo-primary.disabled,
.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .bdo-secondary.disabled,
.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn.disabled,
.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn.disabled,
.goldwealththeme .white-variant .quick-tools .quick-tools-carousel .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.bdopartner--cardwithoutimage .position-relative img {
    border-radius: 8px;
    object-fit: cover
}

.bdopartner--cardwithoutimage .position-relative .bg-image-desktop,
.bdopartner--cardwithoutimage .position-relative .bg-image-mobile {
    height: 316px
}

.bdopartner--cardwithoutimage .position-relative .bdo-partner__description {
    padding: 24px
}

.bdopartner--cardwithoutimage .position-relative .bdo-partner__description-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.bdopartner--cardwithoutimage .position-relative .bdo-partner__description-text p {
    -webkit-line-clamp: 3;
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    color: var(--white);
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word
}

.bdopartner--cardwithoutimage .position-relative .bdo-partner__description-text .description-title {
    font-size: 24px;
    -webkit-line-clamp: 2;
    line-height: 32px;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word
}

.bdopartner--cardwithoutimage .position-relative .bdo-partner__description-text .description-subtitle {
    font-size: 16px;
    -webkit-line-clamp: 1;
    line-height: 24px;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word
}

.bdopartner--cardwithoutimage .position-relative .bdo-partner__description-text .description-content {
    font-size: 18px;
    line-height: 28px
}

.bdopartner--cardwithoutimage .position-relative .bdo-partner__description-text.text-light {
    color: var(--white)
}

.bdopartner--cardwithoutimage .position-relative .bdo-partner__description-image {
    display: none
}

.bdopartner--cardwithoutimage .position-relative .bdo-partner__Btn {
    padding: 0 24px 32px
}

.bdopartner--cardwithoutimage .position-relative .bdo-partner__Btn .btn {
    height: unset;
    line-height: 28px;
    padding: 10px 16px;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word
}

.bdopartner--cardwithimage .position-relative img {
    border-radius: 8px;
    object-fit: cover
}

.bdopartner--cardwithimage .position-relative .bg-image-desktop {
    height: 316px
}

.bdopartner--cardwithimage .position-relative .bg-image-mobile {
    height: 590px
}

.bdopartner--cardwithimage .position-relative .bdo-partner__description {
    padding: 24px
}

.bdopartner--cardwithimage .position-relative .bdo-partner__description-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 50%
}

.bdopartner--cardwithimage .position-relative .bdo-partner__description-text p {
    -webkit-line-clamp: 3;
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    color: var(--white);
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word
}

.bdopartner--cardwithimage .position-relative .bdo-partner__description-text .description-title {
    font-size: 24px;
    -webkit-line-clamp: 2;
    line-height: 32px;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word
}

.bdopartner--cardwithimage .position-relative .bdo-partner__description-text .description-subtitle {
    font-size: 16px;
    -webkit-line-clamp: 1;
    line-height: 24px;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word
}

.bdopartner--cardwithimage .position-relative .bdo-partner__description-text .description-content {
    font-size: 18px;
    line-height: 28px
}

.bdopartner--cardwithimage .position-relative .bdo-partner__description-text.text-light {
    color: var(--white)
}

@media screen and (max-width:600px) {
    .bdopartner--cardwithimage .position-relative .bdo-partner__description-text {
        width: 100%
    }
}

.bdopartner--cardwithimage .position-relative .bdo-partner__description-image {
    display: flex;
    justify-content: center;
    padding: 24px;
    width: 50%
}

@media screen and (max-width:600px) {
    .bdopartner--cardwithimage .position-relative .bdo-partner__description-image {
        padding: 24px;
        width: 100%
    }
}

.bdopartner--cardwithimage .position-relative .bdo-partner__description-image .sub-card-image-desktop {
    display: block
}

@media screen and (max-width:600px) {
    .bdopartner--cardwithimage .position-relative .bdo-partner__description-image .sub-card-image-desktop {
        display: none
    }
}

.bdopartner--cardwithimage .position-relative .bdo-partner__description-image .sub-card-image-mob {
    display: none
}

@media screen and (max-width:600px) {
    .bdopartner--cardwithimage .position-relative .bdo-partner__description-image .sub-card-image-mob {
        display: block;
        height: 220px;
        width: 165px
    }

    .bdopartner--cardwithimage .position-relative .bdo-partner__description {
        flex-direction: column-reverse
    }
}

.bdopartner--cardwithimage .position-relative .bdo-partner__Btn {
    padding: 0 24px 32px
}

.bdopartner--cardwithimage .position-relative .bdo-partner__Btn .btn {
    height: unset;
    line-height: 28px;
    padding: 10px 16px;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word
}

.t11-map-container {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word
}

.t11-map-container * {
    scrollbar-color: #a0a0a0 #f6f6f6;
    scrollbar-width: thin
}

.t11-map-container ::-webkit-scrollbar {
    height: 8px;
    width: 8px
}

.t11-map-container ::-webkit-scrollbar-track {
    background: #f6f6f6;
    border-radius: 8px
}

.t11-map-container ::-webkit-scrollbar-thumb {
    background: #a0a0a0;
    border-radius: 8px
}

.t11-map-container input::placeholder {
    color: var(--bdo-black);
    font-size: var(--font-normal);
    font-weight: 400
}

.t11-map-container input::-webkit-input-placeholder {
    color: var(--bdo-black);
    font-size: var(--font-normal);
    font-weight: 400
}

.t11-map-container input::-moz-placeholder {
    color: var(--bdo-black);
    font-size: var(--font-normal);
    font-weight: 400;
    opacity: 1
}

.t11-map-container input:-ms-input-placeholder {
    color: var(--bdo-black);
    font-size: var(--font-normal);
    font-weight: 400
}

.t11-map-container input:-moz-placeholder {
    color: var(--bdo-black);
    font-size: var(--font-normal);
    font-weight: 400;
    opacity: 1
}

.t11-map-container .nested-dropdown-select .search-icon {
    background: url(clientlib-custom/resources/images/icon-search.svg) transparent no-repeat 50%;
    background-size: 18px;
    height: 18px;
    width: 18px
}

.t11-map-container .visited {
    background: none transparent;
    font-weight: 700
}

.t11-map-container .branch-locator_list {
    background: none transparent;
    height: 620px;
    overflow-x: hidden;
    overflow-y: auto
}

.t11-map-container .branch-locator_list .mobile-tabs {
    border-bottom: 1px solid var(--bdo-lightgray);
    display: none;
    justify-content: center;
    overflow: hidden
}

.t11-map-container .branch-locator_list .mobile-tabs .tab-links {
    align-items: center;
    background: none transparent;
    border: 0;
    justify-content: center;
    padding: 16px 24px
}

.t11-map-container .branch-locator_list .mobile-tabs .tab-links.active {
    border-bottom: 4px solid var(--bdo-yellow);
    padding-bottom: 12px
}

.t11-map-container .branch-locator_list .tab-contents {
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.t11-map-container .branch-locator_list .tab-contents.active {
    height: auto;
    visibility: visible
}

.t11-map-container .branch-locator_list #listViewContent.tab-contents {
    height: auto;
    min-height: 420px;
    visibility: visible
}

.t11-map-container .branch-locator_list .branch-locator_list-item {
    position: relative
}

.t11-map-container .branch-locator_list .branch-locator_list-item .branch-locator-no_data_found {
    height: 550px
}

.t11-map-container .branch-locator_content .accordion-button {
    cursor: pointer;
    font-size: 16px
}

.t11-map-container .branch-locator_content .accordion-button:after {
    background-image: unset;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--bdo-blue);
    height: auto;
    margin-right: 16px;
    transition: transform .2s ease 0s;
    width: auto
}

.t11-map-container .branch-locator_content .accordion-button {
    background-color: transparent !important;
    border: none;
    border-bottom: 1px solid var(--bdo-lightblue-2);
    border-radius: 0;
    color: var(--bdo-blue);
    font-weight: var(--font-medium);
    padding: 0 0 12px
}

.t11-map-container .branch-locator_content .accordion-button:not(.collapsed) {
    box-shadow: none;
    color: var(--bdo-blue)
}

.t11-map-container .branch-locator_content .accordion-button:focus {
    border: 0;
    box-shadow: none !important
}

.t11-map-container .branch-locator_content .accordion-item {
    background-color: transparent;
    border: none
}

.t11-map-container .branch-locator_content .accordion-item .accordion-button:not(.collapsed) {
    padding: 0 0 12px
}

.t11-map-container .branch-locator_content .accordion-body {
    max-height: 0;
    overflow: hidden;
    padding: 0 8px;
    transition: max-height .2s ease-in 0s
}

.t11-map-container .branch-locator_content .accordion-body .scheduling {
    display: flex;
    padding: 24px 0 0
}

.t11-map-container .branch-locator_content .accordion-body .scheduling.schedule-days .scheduling-icon {
    background-image: url(clientlib-custom/resources/images/business-outline.svg)
}

.t11-map-container .branch-locator_content .accordion-body .scheduling.schedule-contacts .scheduling-icon {
    background-image: url(clientlib-custom/resources/images/icon-contact.svg)
}

.t11-map-container .branch-locator_content .accordion-body .scheduling.schedule-emails .scheduling-icon {
    background-image: url(clientlib-custom/resources/images/icon-mail.svg)
}

.t11-map-container .branch-locator_content .accordion-body .scheduling .scheduling-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 48px
}

.t11-map-container .branch-locator_content .accordion-body .scheduling .scheduling-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 8px;
    width: calc(100% - 48px)
}

.t11-map-container .branch-locator_content .accordion-body .scheduling .scheduling-content .scheduling-content-list {
    margin-bottom: 8px
}

.t11-map-container .branch-locator_content .accordion-body .scheduling .scheduling-content .scheduling-content-list:last-child {
    margin-bottom: 0
}

.t11-map-container .branch-locator_content .accordion-body .scheduling .scheduling-content .scheduling-content-list a {
    color: var(--bdo-blue) !important
}

.t11-map-container .branch-locator_content .accordion-body .scheduling .scheduling-content .schedule-note {
    font-size: 14px;
    font-style: italic;
    line-height: 20px
}

.t11-map-container .branch-locator_content .accordion-body .scheduling.schedule-contacts .scheduling-content-list {
    display: flex;
    flex-wrap: wrap
}

.t11-map-container .branch-locator_content .accordion-body .scheduling.schedule-contacts .scheduling-content-list p {
    width: 48%
}

.t11-map-container .branch-locator_content .branch-locator_schedule {
    font-size: var(--font-normal);
    margin-bottom: 0;
    width: 50%
}

.t11-map-container .branch-locator_content {
    background: none transparent;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0;
    padding-top: 20px !important
}

.t11-map-container .branch-locator {
    color: var(--bdo-black)
}

.t11-map-container .branch-locator.wrapper-container {
    padding-bottom: 40px;
    padding-top: 0
}

.t11-map-container .branch-locator.wrapper-container h2 {
    margin-bottom: 40px
}

.t11-map-container .branch-locator .slick-slide {
    cursor: pointer
}

.t11-map-container .branch-locator .sidebar-section .branch-locator_dropdown {
    background: var(--bdo-lightblue-2);
    height: 280px;
    padding: 40px 24px
}

.t11-map-container .branch-locator .sidebar-section .branch-locator_dropdown .dropdown.pb-3:last-child {
    padding-bottom: 0 !important
}

.t11-map-container .branch-locator .sidebar-section {
    padding: 0
}

.t11-map-container .branch-locator .sidebar-section .position-sticky {
    background-color: var(--bdo-light-grey);
    position: unset !important;
    top: 190px;
    z-index: 4
}

.t11-map-container .branch-locator .sidebar-section .branch-locator_content .accordion-button:not(.collapsed):after {
    background-image: unset;
    border-top: 6px solid var(--bdo-blue);
    transform: rotate(-180deg)
}

.t11-map-container .branch-locator .sidebar-section .branch-locator_content .accordion-body .d-flex {
    gap: 112px
}

.t11-map-container .branch-locator .map-section {
    padding: 0
}

.t11-map-container .branch-locator .map-section .gm-style button[title]:hover:after {
    content: none !important
}

.t11-map-container .branch-locator .map-section .gm-style iframe+div {
    border: none !important
}

.t11-map-container .branch-locator .branch_locator_schedue_title.mb-2 {
    padding-top: 16px
}

.t11-map-container .branch-locator .branch_locator-schedule.title {
    margin-bottom: 8px
}

.t11-map-container .branch-locator .branch-locator_map {
    height: 762px
}

.t11-map-container .branch-locator .btn_image {
    height: 24px;
    width: 24px
}

.t11-map-container .branch-locator .no-accordion {
    cursor: auto
}

.t11-map-container .branch-locator .no-accordion:after {
    opacity: 0
}

.t11-map-container .branch-locator_branch_locator_arrow {
    background-image: url(clientlib-custom/resources/images/arrow.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 48px;
    left: 24px;
    position: absolute;
    rotate: 180deg;
    top: 24px;
    width: 48px
}

.t11-map-container .branch-locator_branch_locator_arrow:hover {
    background-image: url(clientlib-custom/resources/images/hover-arrow-icon.svg) !important;
    rotate: 180deg
}

.t11-map-container .branch-locator_single__list:hover {
    background-color: var(--bdo-lightblue)
}

.t11-map-container .branch-locator_single__list.highlight-element {
    background-color: var(--bdo-lightblue);
    transition: background-color .2s ease-in 0s
}

.t11-map-container .branch-locator_single__list.highlight-element:focus,
.t11-map-container .branch-locator_single__list.highlight-element:hover {
    background-color: var(--bdo-lightblue) !important;
    transition: background-color .2s ease-in 0s
}

.t11-map-container .branch-locator_single__list {
    border-bottom: 1px solid var(--bdo-lighter-grey);
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    padding: 32px 24px
}

.t11-map-container .branch-locator_single__list .branch-locator_cta {
    flex-wrap: wrap;
    margin-top: 16px !important
}

.t11-map-container .branch-locator_single__list p {
    margin: 0
}

.t11-map-container .branch-locator_single__list .branch-instructions {
    font-size: 14px;
    line-height: 20px;
    margin-top: 16px
}

.t11-map-container .single__branch-locator .btn.bdo-primary {
    align-items: center;
    display: flex;
    justify-content: center
}

.t11-map-container .single__branch-locator {
    display: none
}

.t11-map-container .branch-locator__inline {
    display: flex;
    margin-top: 8px
}

.t11-map-container .branch-locator__inline img {
    height: 24px;
    width: 24px
}

.t11-map-container .branch-locator__inline-child {
    font-size: 16px;
    margin-bottom: 0;
    padding-left: 8px
}

.t11-map-container .branch_locator-contact {
    display: flex;
    gap: 16px
}

.t11-map-container .branch_locator-contact img {
    height: 48px;
    width: 48px
}

.t11-map-container .branch_contact-details {
    color: var(--bdo-blue);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--font-normal);
    font-weight: 700;
    gap: 8px 16px;
    width: 80%
}

.t11-map-container .branch_list-item.show-single-branch .all__branch-locator {
    display: none
}

.t11-map-container .branch_list-item.show-single-branch .single__branch-locator {
    display: block
}

.t11-map-container .result-not-found {
    align-items: center;
    display: none;
    flex-direction: column;
    font-size: 18px;
    height: 100%;
    justify-content: center
}

.t11-map-container .branch_list-item {
    background-color: var(--white);
    border-radius: 0 8px 8px 0;
    display: flex
}

.t11-map-container .branch_list-item .branch-counters {
    box-shadow: 0 3px 2px -1px rgba(48, 48, 48, .1);
    color: var(--bdo-grey);
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 12px 24px
}

.t11-map-container .branch_list-item .branch-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.t11-map-container .branch_list-item .sidebar-section {
    max-width: 450px;
    width: 100%
}

.t11-map-container .branch_list-item .map-section {
    width: calc(100% - 450px)
}

.t11-map-container .branch-locator_cta {
    flex-wrap: wrap;
    padding-bottom: 0
}

.t11-map-container .branch-locator_cta .cta_ {
    color: var(--white) !important
}

.t11-map-container .branch-locator__dropdows {
    background: var(--bdo-blue);
    padding: 32px 24px
}

.t11-map-container .nested-dropdown-container {
    position: relative
}

.t11-map-container .nested-dropdown-container:first-child {
    cursor: pointer;
    margin-bottom: 16px
}

.t11-map-container .nested-dropdown-container ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.t11-map-container .nested-dropdown-container.open ul.nav-menu.hideList {
    visibility: hidden
}

.t11-map-container .nested-dropdown-container.category-selector .nested-dropdown-select:after {
    background-image: unset;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--bdo-grey);
    content: "";
    height: auto;
    margin-left: auto;
    transition: transform .2s ease 0s;
    width: auto
}

.t11-map-container .nested-dropdown-container.category-selector.open .nested-dropdown-select:after {
    border-top: 6px solid var(--bdo-blue);
    transform: rotate(-180deg)
}

.t11-map-container .nested-dropdown-container .d-sm-none {
    display: none !important
}

.t11-map-container .nested-dropdown-select {
    align-items: center;
    background: var(--white);
    border: none;
    border-radius: 8px;
    display: flex;
    font-size: var(--font-normal);
    gap: 8px;
    line-height: 28px;
    outline: none;
    padding: 10px 32px;
    position: relative;
    width: 100%
}

.t11-map-container .nested-dropdown-select input {
    border: none;
    font-weight: 400;
    outline: none;
    width: 80%
}

.t11-map-container .nested-dropdown-select img {
    height: 40px;
    width: 40px
}

.t11-map-container .nested-dropdown-select .clear-btn {
    background-image: url(clientlib-custom/resources/images/clear-btn.svg);
    height: 16px;
    position: absolute;
    right: 29px;
    width: 16px
}

.t11-map-container .nested-dropdown-select .clear-btn.hidden {
    display: none
}

.t11-map-container .nested-dropdown-select .dropdown-btn {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--bdo-grey);
    content: "";
    height: 0;
    position: absolute;
    right: 31px;
    top: 44%;
    transition: all .2s ease-in 0s;
    width: 0
}

.t11-map-container .nested-dropdown-select .dropdown-btn.hidden {
    display: none
}

.t11-map-container .branch-locator__search .nested-dropdown-select {
    cursor: pointer;
    padding: 9px 24px
}

.t11-map-container .branch-locator__search .nested-dropdown-select:before {
    display: none
}

.t11-map-container ul.nav-menu {
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0 3px 3px 2px rgba(48, 48, 48, .1);
    height: 0;
    left: 0;
    margin-top: 4px;
    max-height: 360px;
    overflow-y: auto;
    padding: 12px 0;
    position: absolute;
    right: 0;
    visibility: hidden;
    z-index: 5
}

.t11-map-container ul.nav-menu li a {
    cursor: pointer;
    display: block;
    font-size: 18px;
    padding: 12px 32px
}

.t11-map-container ul.nav-menu li a:hover {
    background-color: var(--bdo-lightblue);
    color: var(--bdo-black);
    font-weight: 700
}

.t11-map-container ul.nav-menu li label {
    cursor: pointer;
    font-size: 18px;
    padding: 12px 32px
}

.t11-map-container ul.nav-menu li label:hover {
    background-color: var(--bdo-lightblue);
    color: var(--bdo-black);
    font-weight: 700
}

.t11-map-container ul.nav-menu ul a,
.t11-map-container ul.nav-menu ul label {
    padding-left: 56px
}

.t11-map-container ul.nav-menu ul ul a,
.t11-map-container ul.nav-menu ul ul label {
    padding-left: 76px
}

.t11-map-container ul.nav-menu ul {
    display: none
}

.t11-map-container ul.nav-menu ul li.visible {
    visibility: visible
}

.t11-map-container ul.nav-menu ul.show {
    display: block
}

.t11-map-container ul.nav-menu p {
    color: #ff7600;
    display: none;
    font-size: 18px;
    margin-bottom: 0;
    padding: 12px 32px
}

.t11-map-container .nested-dropdown-container.open ul.nav-menu {
    height: auto;
    visibility: visible
}

.t11-map-container .nav-menu label {
    position: relative;
    width: 100%
}

.t11-map-container .nav-menu label:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--bdo-grey);
    content: "";
    height: 0;
    position: absolute;
    right: 32px;
    top: 44%;
    transition: transform .2s ease 0s;
    width: 0
}

.t11-map-container .nav-menu label.branch_locator_arrow:before {
    border-top: 6px solid var(--bdo-blue);
    transform: rotate(-180deg)
}

.t11-map-container .nav-menu label.branch_locator_arrow {
    background: none transparent;
    font-weight: 700
}

.t11-map-container .open .nested-dropdown-select .dropdown-btn,
.t11-map-container .open .nested-dropdown-select.clear-btn,
.t11-map-container .open .nested-dropdown-select:before {
    border-top: 6px solid var(--bdo-blue);
    transform: rotate(-180deg)
}

.t11-map-container .branch_locator_arrow {
    background: none transparent
}

.t11-map-container .branch_locator_arrow.no-hover {
    background: unset;
    font-weight: unset
}

.t11-map-container .branch-locator__show-more {
    display: none;
    margin: 16px;
    padding-bottom: 16px;
    text-align: center
}

.t11-map-container .branch-locator__show-more .btn {
    width: 100%
}

@media only screen and (max-width:991px) {

    .t11-map-container .branch-locator__show-more .bdo-secondary:active,
    .t11-map-container .branch-locator__show-more .bdo-secondary:hover {
        background-color: transparent
    }
}

.t11-map-container .end-of-result {
    color: var(--bdo-grey);
    font-size: 14px;
    padding: 10px 0;
    text-align: center
}

.t11-map-container #branchLocatorMap {
    border-radius: 0 8px 8px 0
}

.t11-map-container #branchLocatorMap [style*="m1.png"],
.t11-map-container #branchLocatorMap [style*="m2.png"],
.t11-map-container #branchLocatorMap [style*="m3.png"],
.t11-map-container #branchLocatorMap [style*="m4.png"],
.t11-map-container #branchLocatorMap [style*="m5.png"] {
    background: none var(--bdo-blue) !important;
    border: 4px solid var(--white) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 6px 3px rgba(46, 46, 46, .1) !important;
    color: #fff !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    height: 68px !important;
    line-height: 60px !important;
    width: 68px !important
}

.t11-map-container #branchLocatorMap .cluster-icon1 {
    background-image: url(clientlib-custom/resources/images/m1.png)
}

.t11-map-container #branchLocatorMap .cluster-icon2 {
    background-image: url(clientlib-custom/resources/images/m2.png)
}

.t11-map-container #branchLocatorMap .cluster-icon3 {
    background-image: url(clientlib-custom/resources/images/m3.png)
}

.t11-map-container #branchLocatorMap .cluster-icon4 {
    background-image: url(clientlib-custom/resources/images/m4.png)
}

.t11-map-container #branchLocatorMap .cluster-icon5 {
    background-image: url(clientlib-custom/resources/images/m5.png)
}

.t11-map-container #branchLocatorMap .map-pin-icon {
    background-image: url(clientlib-custom/resources/images/map-pin.png)
}

.t11-map-container #branchLocatorMap .gm-control-active,
.t11-map-container #branchLocatorMap .gm-fullscreen-control {
    height: 35px !important;
    width: 35px !important
}

.t11-map-container #branchLocatorMap .gm-control-active img,
.t11-map-container #branchLocatorMap .gm-fullscreen-control img {
    filter: invert(31%) sepia(94%) saturate(5131%) hue-rotate(196deg) brightness(98%) contrast(101%) !important;
    -webkit-filter: invert(31%) sepia(94%) saturate(5131%) hue-rotate(196deg) brightness(98%) contrast(101%) !important;
    height: 14px !important;
    width: 14px !important
}

.t11-map-container #branchLocatorMap .gm-control-active[disabled] {
    opacity: .3
}

.t11-map-container #branchLocatorMap .gm-fullscreen-control.gm-control-active {
    border-radius: 4px !important;
    margin: 16px !important
}

.t11-map-container #branchLocatorMap .gm-fullscreen-control.gm-control-active img {
    height: 18px !important;
    width: 18px !important
}

.t11-map-container #branchLocatorMap .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
    margin: 10px 10px -5px !important
}

.t11-map-container #branchLocatorMap button[title="Show satellite imagery"],
.t11-map-container #branchLocatorMap button[title="Show street map"] {
    color: var(--bdo-black) !important;
    font-size: 16px !important;
    padding: 0 20px !important
}

.t11-map-container #branchLocatorMap button[title="Show satellite imagery"]:focus,
.t11-map-container #branchLocatorMap button[title="Show satellite imagery"]:hover,
.t11-map-container #branchLocatorMap button[title="Show street map"]:focus,
.t11-map-container #branchLocatorMap button[title="Show street map"]:hover {
    background-color: #fff !important
}

.t11-map-container #branchLocatorMap button[title="Show street map"] {
    border-radius: 8px 0 0 8px !important
}

.t11-map-container #branchLocatorMap button[title="Show satellite imagery"] {
    border-radius: 0 8px 8px 0 !important
}

.t11-map-container #branchLocatorMap button[title="Zoom in"].gm-control-active+div {
    background-color: var(--bdo-lightgray) !important;
    margin: 0 !important;
    width: 35px !important
}

.t11-map-container #branchLocatorMap .gm-bundled-control .gmnoprint[data-control-width="40"] {
    height: 71px !important;
    width: 35px !important
}

.t11-map-container #branchLocatorMap .gm-bundled-control .gmnoprint[data-control-width="40"]>div {
    border-radius: 4px !important;
    height: auto !important;
    width: auto !important
}

@media only screen and (min-width:768px)and (max-width:1024px) {

    .t11-map-container .branch-locator .d-flex.gap-3 .btn,
    .t11-map-container .branch-locator_cta .btn {
        font-size: var(--font-default);
        white-space: normal
    }
}

@media(max-width:991px) {
    .t11-map-container .branch-locator_single__list:hover {
        background-color: transparent
    }

    .t11-map-container .branch_list-item .map-section,
    .t11-map-container .branch_list-item .sidebar-section {
        max-width: none;
        width: 100%
    }

    .t11-map-container .branch_list-item .map-section {
        min-height: 420px
    }

    .t11-map-container .branch-locator_list .mobile-tabs {
        display: flex
    }

    .t11-map-container .branch-locator_list #listViewContent.tab-contents {
        display: none
    }

    .t11-map-container .branch-locator_list #listViewContent.tab-contents.active,
    .t11-map-container .branch-locator_list #mapViewContent.tab-contents.active {
        display: block
    }
}

@media(max-width:767px) {
    .t11-map-container #branchLocatorMap {
        border-radius: 0;
        max-height: 420px;
        min-height: 420px
    }

    .t11-map-container #branchLocatorMap [style*="m1.png"],
    .t11-map-container #branchLocatorMap [style*="m2.png"],
    .t11-map-container #branchLocatorMap [style*="m3.png"],
    .t11-map-container #branchLocatorMap [style*="m4.png"],
    .t11-map-container #branchLocatorMap [style*="m5.png"] {
        border: 2px solid var(--white) !important;
        font-size: 24px !important;
        height: 46px !important;
        line-height: 42px !important;
        width: 46px !important
    }

    .t11-map-container .branch-locator .nested-dropdown-select .clear-btn {
        right: 12px
    }

    .t11-map-container .branch-locator .nested-dropdown-container:first-child {
        margin-bottom: 24px
    }

    .t11-map-container .branch-locator .nested-dropdown-container .nav-menu label:before {
        right: 16px
    }

    .t11-map-container .branch-locator .nested-dropdown-container.branch-locator__search .nested-dropdown-select {
        gap: 4px;
        padding: 6px 16px 6px 8px
    }

    .t11-map-container .branch-locator .branch-locator__inline-child {
        font-size: var(--font-default)
    }

    .t11-map-container .branch-locator ul.nav-menu li a {
        font-size: var(--font-md-nxt)
    }

    .t11-map-container .branch-locator ul.nav-menu li label {
        font-size: var(--font-md-nxt);
        padding: 8px 32px
    }

    .t11-map-container .branch-locator ul.nav-menu ul a,
    .t11-map-container .branch-locator ul.nav-menu ul label {
        padding-left: 56px
    }

    .t11-map-container .branch-locator ul.nav-menu ul ul a,
    .t11-map-container .branch-locator ul.nav-menu ul ul label {
        padding-left: 76px
    }

    .t11-map-container .branch-locator .branch-locator_single__list:first-of-type {
        padding-top: 24px !important
    }

    .t11-map-container .branch-locator .nested-dropdown-select:before {
        right: 16px
    }

    .t11-map-container .branch-locator .nested-dropdown-select img {
        height: 32px;
        width: 32px
    }

    .t11-map-container .branch-locator .nested-dropdown-select {
        font-size: var(--font-md-nxt);
        padding: 8px 16px
    }

    .t11-map-container .branch-locator .nested-dropdown-select .dropdown-btn {
        right: 16px
    }

    .t11-map-container .branch-locator h2 {
        padding: 0 24px
    }

    .t11-map-container .branch-locator .img-wrapper .bdo-font-medium {
        font-size: var(--font-md-nxt) !important
    }

    .t11-map-container .branch-locator .container {
        padding: 0
    }

    .t11-map-container .branch-locator .btn {
        font-size: var(--font-md-nxt) !important
    }

    .t11-map-container .branch-locator .branch-locator_cta {
        flex-wrap: wrap;
        padding-right: 24px
    }

    .t11-map-container .branch-locator .branch-locator_cta .cta_ {
        font-size: 16px;
        padding: 9px 16px
    }

    .t11-map-container .branch-locator .sidebar-section .position-sticky {
        top: 65px
    }

    .t11-map-container .branch-locator .branch_locator-contact img {
        height: 32px;
        width: 32px
    }

    .t11-map-container .branch-locator.wrapper-container {
        padding-bottom: 0
    }

    .t11-map-container .branch-locator .branch-locator_single__list,
    .t11-map-container .branch-locator__dropdows {
        padding: 32px 24px
    }

    .t11-map-container .disclaimer-text {
        font-size: var(--font-default)
    }

    .t11-map-container .branch-locator_content p.bdo-font-medium {
        font-size: var(--font-md-nxt) !important
    }

    .t11-map-container .branch-locator_content .bdo-font-large {
        font-size: var(--font-medium) !important
    }

    .t11-map-container .branch-locator_content .accordion .d-flex.bdo-font-medium,
    .t11-map-container .branch-locator_schedule {
        font-size: var(--font-md-nxt) !important
    }

    .t11-map-container .branch-locator_map {
        height: 577px;
        margin-top: 24px
    }

    .t11-map-container .result-not-found {
        padding: 99px 0
    }

    .t11-map-container .branch-locator_image img.img-fluid {
        height: 198px
    }

    .t11-map-container .branch-locator_image .img-wrapper {
        bottom: 16px
    }

    .t11-map-container .branch-locator_content p.bdo-font-medium.pe-4 {
        padding-top: 13px !important
    }

    .t11-map-container .branch-locator_list-item p.bdo-font-medium,
    .t11-map-container .branch-locator_list-item span {
        font-size: var(--font-md-nxt) !important
    }

    .t11-map-container .branch-locator_list-item span.ps-3 {
        padding-left: 8px !important
    }

    .t11-map-container .branch-locator_dropdown {
        padding: 32px 24px
    }

    .t11-map-container .branch-locator_list {
        height: auto;
        max-height: none;
        min-height: 0
    }

    .t11-map-container .branch-locator_list h4 {
        font-size: var(--font-normal) !important;
        margin-bottom: 0 !important
    }

    .t11-map-container .branch-locator_link,
    .t11-map-container .branch_contact-details {
        font-size: var(--font-md-nxt) !important
    }

    .t11-map-container .branch-locator_branch_locator_arrow {
        height: 40px;
        width: 40px
    }

    .t11-map-container .branch-locator_content {
        height: auto;
        max-height: none;
        min-height: 0
    }

    .t11-map-container .nested-dropdown-select .search-icon {
        height: 32px;
        width: 32px
    }
}

.forex-table table thead tr:first-child th:first-child {
    padding-left: 32px
}

.forex-table tbody tr td:first-child {
    padding-left: 32px !important
}

.forex-table tbody tr td:first-child strong {
    font-weight: 700 !important;
    margin-right: 6px
}

.forex-table .table-container th .dt-column-title .icon.originTooltip {
    position: relative
}

.forex-table .table-container th .dt-column-title .icon.originTooltip .tooltip-text {
    margin-top: 20px
}

.forex-table .table-container th .dt-column-title {
    position: relative
}

.forex-table .table-container th .dt-column-title .dt-column-order {
    position: absolute
}

@media(max-width:1023px) {
    .forex-table .table-container th .dt-column-title .dt-column-order {
        height: 10px !important;
        right: -12px !important;
        top: 50% !important
    }

    .forex-table table thead tr:first-child th:first-child {
        padding-left: 16px
    }

    .forex-table .table-container table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,
    .forex-table .table-container table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,
    .forex-table .table-container table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,
    .forex-table .table-container table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order,
    .forex-table .table-container table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
    .forex-table .table-container table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,
    .forex-table .table-container table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,
    .forex-table .table-container table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order {
        right: -20px
    }

    .forex-table .table-container {
        margin-top: -10px
    }

    .forex-table .table-container .dt-layout-cell.dt-layout-full:before {
        background-color: #f6f6f6;
        border-radius: 10px;
        content: "";
        display: block;
        height: 12px;
        left: -5px;
        position: sticky;
        top: 8px;
        width: 20px;
        z-index: 2
    }

    .forex-table .table-container .dt-layout-cell.dt-layout-full:after {
        background-color: #f6f6f6;
        border-radius: 10px;
        content: "";
        display: block;
        height: 10px;
        left: -5px;
        margin-top: -10px;
        position: sticky;
        top: 0;
        width: 20px;
        z-index: 1
    }

    .forex-table.global-table table thead {
        position: static;
        top: auto;
        z-index: auto
    }

    .forex-table.global-table .originTooltip .tooltip-text {
        z-index: 2
    }

    .forex-table.global-table .table-container table thead tr:first-child th:first-child {
        z-index: 3
    }

    .forex-table.global-table .table-container table tr>td:first-child,
    .forex-table.global-table .table-container table tr>th:first-child {
        z-index: 2
    }

    .light-blue-variant .forex-table .table-container .dt-layout-cell.dt-layout-full:after,
    .light-blue-variant .forex-table .table-container .dt-layout-cell.dt-layout-full:before {
        background-color: #e5f5ff;
        content: ""
    }

    .dark-blue-variant .forex-table .table-container .dt-layout-cell.dt-layout-full:after,
    .dark-blue-variant .forex-table .table-container .dt-layout-cell.dt-layout-full:before {
        background-color: #0072d8;
        content: ""
    }

    .white-variant .forex-table .table-container .dt-layout-cell.dt-layout-full:after,
    .white-variant .forex-table .table-container .dt-layout-cell.dt-layout-full:before {
        background-color: #fff;
        content: ""
    }

    .grey-variant .forex-table .table-container .dt-layout-cell.dt-layout-full:after,
    .grey-variant .forex-table .table-container .dt-layout-cell.dt-layout-full:before {
        background-color: #f6f6f6;
        content: ""
    }

    .forex-table .dt-layout-row.dt-layout-table .dt-layout-cell {
        overflow-x: auto;
        overflow-y: auto;
        position: relative
    }
}

@media(min-width:992px)and (max-width:1023px) {
    .forex-table table thead tr:first-child th {
        min-width: 220px;
        padding-right: 38px;
        width: 220px
    }

    .forex-table table thead tr:first-child th .bank-buy,
    .forex-table table thead tr:first-child th .bank-sell,
    .forex-table table thead tr:first-child th .currency {
        width: 220px
    }

    .forex-table table thead tr:first-child th:first-child {
        padding-left: 16px
    }

    .forex-table table thead tr:first-child th:first-child .dt-column-order {
        left: 160px
    }

    .forex-table table thead tr:first-child th:first-child .originTooltip .tooltip-text {
        left: -115px
    }

    .forex-table table thead tr:first-child th:nth-child(2) .dt-column-order {
        left: 160px
    }

    .forex-table table thead tr:first-child th:nth-child(2) .originTooltip .tooltip-text {
        left: -115px
    }

    .forex-table table thead tr:first-child th:nth-child(3) {
        border-top-right-radius: 8px
    }

    .forex-table table thead tr:first-child th:nth-child(3) .dt-column-order {
        left: 160px
    }

    .forex-table table thead tr:first-child th:nth-child(3) .originTooltip .tooltip-text {
        left: -155px
    }

    .forex-table table thead .dt-orderable-asc .dt-column-title {
        text-align: left;
        width: calc(100% - 38px)
    }

    .forex-table table thead .dt-orderable-asc .dt-column-order {
        right: 16px
    }

    .forex-table table thead .dt-orderable-asc .dt-column-order:after,
    .forex-table table thead .dt-orderable-asc .dt-column-order:before {
        opacity: .6
    }

    .forex-table .table-container .dt-layout-cell {
        overflow-x: hidden
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th {
        max-width: 220px;
        width: 220px;
        z-index: 1
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th .originTooltip {
        top: 0
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th .currency {
        width: 162px
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th:first-child {
        min-width: 220px;
        width: 220px;
        z-index: 2
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th:first-child .dt-column-order {
        left: 210px
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th:first-child .originTooltip .tooltip-text {
        left: -115px
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th .bank-buy {
        width: 181px
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th:nth-child(2) .originTooltip {
        right: -28px
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th:nth-child(2) .dt-column-order {
        left: 228px
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th:nth-child(2) .originTooltip .tooltip-text {
        left: -115px
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th .bank-sell {
        width: 181px
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th:nth-child(3) .originTooltip {
        right: -28px
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th:nth-child(3) .dt-column-order {
        left: 228px
    }

    .forex-table .table-container .dt-layout-cell table thead tr:first-child th:nth-child(3) .originTooltip .tooltip-text {
        left: -155px
    }

    .forex-table .table-container .dt-layout-cell table tbody tr td {
        min-width: 220px;
        width: 220px
    }

    .forex-table .table-container .dt-layout-cell table tbody tr td:first-child strong {
        display: block
    }

    .forex-table .table-container .dt-layout-cell table tbody tr td:first-child {
        box-shadow: unset;
        padding-left: 16px !important;
        width: 220px
    }

    .forex-table .table-container .dt-layout-cell table tr>td,
    .forex-table .table-container .dt-layout-cell table tr>th {
        z-index: unset
    }

    .forex-table .table-container .dt-layout-cell table tr>td:first-child,
    .forex-table .table-container .dt-layout-cell table tr>th:first-child {
        position: relative;
        z-index: unset
    }
}

@media(max-width:991px) {
    .forex-table.global-table table tbody tr td {
        justify-content: flex-start;
        text-align: left !important
    }

    .forex-table.global-table .table-container table thead tr:first-child th:first-child {
        min-width: 160px
    }

    .forex-table.global-table .table-container table tbody tr td:first-child {
        max-width: 160px;
        min-width: 160px
    }

    .forex-table .table-container table thead tr:first-child th:first-child .originTooltip .tooltip-text {
        left: 0;
        margin-left: 0;
        margin-top: 10px;
        right: 0;
        transform: unset;
        width: 176px
    }
}

@media(min-width:992px) {
    .forex-table .originTooltip .tooltip-text {
        top: 14%;
        transform: unset
    }

    .forex-table table thead tr:last-child th:last-child .originTooltip .tooltip-text {
        margin-left: 0;
        margin-top: 30px;
        right: 0;
        transform: unset
    }
}

.navpu-historical .global-table--section-overview .title {
    margin-bottom: 48px
}

.navpu-historical .global-table--section-overview .calender-section .panel,
.navpu-historical .global-table--section-overview .content {
    margin-bottom: 32px
}

.navpu-historical table thead tr:first-child th:first-child .dt-column-title {
    justify-content: center;
    text-align: center
}

.navpu-historical table thead tr:first-child th:first-child .dt-column-title .title-tooltip {
    justify-content: center
}

.navpu-historical table thead tr:first-child th .dt-column-title {
    display: flex;
    gap: 10px
}

.navpu-historical table thead tr:first-child th .dt-column-title .title-tooltip {
    display: flex;
    flex: 1
}

.navpu-historical table thead tr:first-child th .dt-column-title .dt-column-order {
    right: unset !important;
    top: 5px !important
}

.navpu-historical table tbody tr td:first-child {
    font-weight: 700;
    text-align: center !important
}

.navpu-historical .calender-section {
    margin-bottom: 8px;
    margin-top: 32px;
    width: 330px
}

.navpu-historical .calender-section .travelDateRangePinker_label {
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 5px
}

.navpu-historical .calender-section .datePiker_area {
    position: relative
}

.navpu-historical .calender-section .datePiker_area .icon {
    position: absolute;
    right: 10px;
    top: 11px
}

.navpu-historical .calender-section .datePiker_area .travelDateRangePinker {
    background-color: #fff;
    border: 2px solid #99c1e7;
    border-radius: 8px;
    color: #2e2e2e;
    cursor: pointer;
    font-size: 16px;
    outline: none;
    padding: 10px 30px 10px 16px;
    width: 100%
}

.navpu-historical .jcalendar-input {
    background-image: url(clientlib-custom/resources/images/icon-calendar.svg) !important;
    background-position: 96% !important
}

.navpu-historical .jcalendar .jcalendar-content {
    border: 1px solid #99c1e7;
    border-radius: 8px;
    box-shadow: none;
    margin-top: 8px;
    overflow: hidden;
    padding: 0;
    width: 330px
}

.navpu-historical .jcalendar .jcalendar-content .jcalendar-table {
    background-color: #fff;
    height: 298px;
    padding: 16px
}

.navpu-historical .jcalendar .jcalendar-content .jcalendar-table thead {
    height: 62px
}

.navpu-historical .jcalendar .jcalendar-content .jcalendar-table thead tr td.jcalendar-header .jcalendar-month {
    display: none
}

.navpu-historical .jcalendar .jcalendar-content .jcalendar-table thead tr td.jcalendar-header span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.navpu-historical .jcalendar .jcalendar-content .jcalendar-table tbody tr td {
    padding: 0 !important
}

.navpu-historical .jcalendar .jcalendar-content .jcalendar-table tbody tr td table {
    display: flex;
    flex-wrap: wrap;
    gap: 18px
}

.navpu-historical .jcalendar .jcalendar-content .jcalendar-table tbody tr td table tr {
    align-items: center;
    background-color: transparent;
    display: flex;
    width: 100%
}

.navpu-historical .jcalendar .jcalendar-content .jcalendar-table tbody tr td table tr td.jcalendar-set-month,
.navpu-historical .jcalendar .jcalendar-content .jcalendar-table tbody tr td table tr td.jcalendar-set-year {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    height: 36px !important;
    line-height: 20px;
    padding: 8px 12px !important;
    width: 25%
}

.navpu-historical .jcalendar .jcalendar-content .jcalendar-table tbody tr td table tr .jcalendar-set-year:hover,
.navpu-historical .jcalendar .jcalendar-content .jcalendar-table tbody tr td table tr td.jcalendar-set-month .jcalendar-set-year,
.navpu-historical .jcalendar .jcalendar-content .jcalendar-table tbody tr td table tr td.jcalendar-set-month.jcalendar-selected,
.navpu-historical .jcalendar .jcalendar-content .jcalendar-table tbody tr td table tr td.jcalendar-set-month:hover,
.navpu-historical .jcalendar .jcalendar-content .jcalendar-table tbody tr td table tr td.jcalendar-set-year .jcalendar-set-year,
.navpu-historical .jcalendar .jcalendar-content .jcalendar-table tbody tr td table tr td.jcalendar-set-year.jcalendar-selected {
    background-color: #e5f5ff
}

.navpu-historical .jcalendar .jcalendar-content .jcalendar-controls {
    background-color: #f6f6f6;
    padding: 4px 32px
}

.navpu-historical .jcalendar .jcalendar-content .jcalendar-controls .jcalendar-time+div {
    display: flex;
    justify-content: flex-end
}

.navpu-historical .jcalendar .jcalendar-content .jcalendar-controls .jcalendar-reset {
    background-color: transparent;
    border: none;
    color: #0072d8;
    font-weight: 700;
    line-height: 20px;
    outline: none;
    padding: 10px 24px;
    text-transform: capitalize
}

.navpu-historical .jcalendar .jcalendar-content .jcalendar-selected {
    background-color: #e5f5ff
}

.navpu-historical .calendar-table,
.navpu-historical .calendar-table td,
.navpu-historical .calendar-table th {
    display: none
}

.navpu-historical .jcalendar-container {
    position: sticky !important
}

.navpu-historical .jcalendar-confirm {
    position: relative;
    scroll-behavior: auto;
    z-index: 1000
}

.navpu-historical .jcalendar-controls {
    bottom: 0;
    flex-direction: row-reverse;
    position: absolute;
    width: 100%
}

.navpu-historical .jcalendar-controls .jcalendar-confirm,
.navpu-historical .jcalendar-controls .jcalendar-update {
    display: none !important
}

.navpu-historical .jcalendar-controls .jcalendar-update,
.navpu-historical .jcalendar-controls.jcalendar-confirm,
.navpu-historical .jcalendar-table table tbody td {
    background-color: #fff;
    border: none !important
}

@media(max-width:1023px) {
    .navpu-historical .global-table--section-overview .title {
        margin-bottom: 40px
    }

    .navpu-historical .global-table--section-overview .content {
        margin-bottom: 32px !important
    }

    .navpu-historical #navpu-hist thead tr th {
        width: 200px
    }

    .navpu-historical #navpu-hist thead tr th:first-child .dt-column-title {
        justify-content: flex-start;
        text-align: left
    }

    .navpu-historical #navpu-hist thead tr th:first-child .dt-column-title .title-tooltip {
        justify-content: flex-start
    }

    .navpu-historical #navpu-hist thead tr th:nth-child(4) .dt-column-orde:after {
        display: none !important
    }

    .navpu-historical #navpu-hist thead tr th .dt-column-title {
        display: flex;
        gap: 10px
    }

    .navpu-historical #navpu-hist thead tr th .dt-column-title .title-tooltip {
        display: flex;
        flex: 1
    }

    .navpu-historical #navpu-hist thead tr th .dt-column-title .dt-column-order {
        right: unset !important;
        top: 5px !important
    }

    .navpu-historical .calender-section,
    .navpu-historical .jcalendar .jcalendar-content {
        width: 100%
    }

    .navpu-historical .jcalendar .jcalendar-backdrop {
        z-index: 2
    }

    .navpu-historical .jcalendar-container {
        z-index: 999
    }

    .navpu-historical .dt-layout-row.dt-layout-table .dt-layout-cell {
        overflow-x: auto;
        overflow-y: clip;
        position: relative
    }

    .navpu-historical.global-table .table-container th .originTooltip .tooltip-text {
        left: 0;
        margin-left: 0;
        right: 0;
        width: 100%
    }

    .navpu-historical.global-table .table-container th:first-child .originTooltip .tooltip-text {
        width: 152px
    }

    .navpu-historical.global-table table thead {
        position: static;
        top: auto;
        z-index: auto
    }

    .navpu-historical.global-table .originTooltip .tooltip-text {
        z-index: 2
    }

    .navpu-historical.global-table .table-container table thead tr:first-child th:first-child {
        z-index: 3
    }

    .navpu-historical.global-table .table-container table tr>td:first-child,
    .navpu-historical.global-table .table-container table tr>th:first-child {
        z-index: 2
    }
}

.navpu-historical.global-table th {
    position: relative
}

.cl-disable {
    background-color: none
}

.cl-disable,
.rs-disable {
    cursor: not-allowed;
    opacity: .3;
    pointer-events: none
}

.rs-disable {
    color: gray !important
}

.jcalendar-controls {
    z-index: inherit
}

.jcalendar-set-year.jcalendar-selected {
    background-color: #e5f5ff;
    font-weight: 700 !important
}

.jcalendar-table .jcalendar-nextsvg,
.jcalendar-table .jcalendar-prevsvg {
    display: none !important
}

.jcalendar-table .jcalendar-next,
.jcalendar-table .jcalendar-prev {
    background-image: url(clientlib-custom/resources/images/Polygon-preve.png) !important
}

.jcalendar-table .jcalendar-next {
    transform: rotate(180deg)
}

@media(min-width:992px) {
    .jcalendar {
        z-index: 8 !important
    }
}

.navpu-daily-table .global-table--section-overview .navpu-dropdown_toggle {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown {
    display: flex;
    flex-direction: column
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .navpu-dropdown-title {
    align-items: center;
    display: flex;
    margin-bottom: 8px
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .navpu-dropdown-title p {
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    margin-right: 8px
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .navpu-dropdown-title--tooltip {
    display: inline-block;
    position: relative
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .navpu-dropdown-title--tooltip:hover .navpu-dropdown-title--tooltiptext {
    background-color: #fff;
    opacity: 1;
    visibility: visible
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .navpu-dropdown-title--tooltip .hover-svg,
.navpu-daily-table .global-table--section-overview form.navpu-dropdown .navpu-dropdown-title--tooltip.clicked .default-svg,
.navpu-daily-table .global-table--section-overview form.navpu-dropdown .navpu-dropdown-title--tooltip:hover .default-svg {
    display: none
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .navpu-dropdown-title--tooltip.clicked .hover-svg,
.navpu-daily-table .global-table--section-overview form.navpu-dropdown .navpu-dropdown-title--tooltip:hover .hover-svg {
    display: block
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .navpu-dropdown-title--tooltiptext {
    background-color: #fff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    left: 105%;
    line-height: 24px;
    margin-left: 4px;
    padding: 8px 12px;
    position: absolute;
    top: -7px;
    visibility: hidden;
    width: 200px;
    z-index: 1
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .fundstypeBtn {
    align-items: center;
    background-color: var(--white);
    border: 1px solid #99c1e7;
    border-radius: 8px;
    color: #0072d8;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 50px;
    justify-content: space-between;
    line-height: 28px;
    max-height: 50px;
    min-width: 280px;
    padding: 10px 16px
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .fundstypeBtn-active {
    border: 1px solid var(--Border-Colored-color-border-brand, #0072d8);
    box-shadow: 0 0 8px 0 rgba(0, 114, 216, .32)
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .fundstypeBtn p {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .fundstypeBtn .icon {
    margin-left: 8px
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .fundstypeBtn .icon .close {
    margin-top: 5px;
    transform: rotate(180deg)
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .fundstypedropdown {
    display: inline-block;
    position: relative;
    width: 300px
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .fundstypedropdown-content {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 0 2px 4px -2px rgba(46, 46, 46, .1), 0 4px 6px -1px rgba(46, 46, 46, .1);
    display: none;
    flex-direction: column;
    margin-top: 4px;
    padding: 8px 4px 8px 0;
    position: absolute;
    width: 100%;
    z-index: 9
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .fundstypedropdown-content .option {
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 16px
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .fundstypedropdown-content .highlighted,
.navpu-daily-table .global-table--section-overview form.navpu-dropdown .fundstypedropdown-content .option:hover {
    background-color: #e5f5ff;
    font-weight: 700
}

.navpu-daily-table .global-table--section-overview form.navpu-dropdown .fundstypedropdown-show {
    display: flex
}

.navpu-daily-table table thead tr:first-child th:first-child {
    padding-left: 16px
}

.navpu-daily-table table thead tr:first-child th:first-child .dt-column-title,
.navpu-daily-table table thead tr:first-child th:first-child .dt-column-title .title-tooltip {
    justify-content: flex-start
}

.navpu-daily-table table thead tr:first-child th:nth-child(4) .dt-column-title,
.navpu-daily-table table thead tr:first-child th:nth-child(4) .title-tooltip,
.navpu-daily-table table thead tr:first-child th:nth-child(5) .dt-column-title,
.navpu-daily-table table thead tr:first-child th:nth-child(5) .title-tooltip {
    justify-content: flex-start;
    text-align: left
}

.navpu-daily-table table tbody tr td:first-child {
    align-items: center;
    color: #0072d8;
    display: flex;
    font-weight: 700;
    justify-content: space-between
}

.navpu-daily-table table tbody tr td:first-child .td-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    grid-gap: 6px;
    width: 100%
}

.navpu-daily-table table tbody tr td:first-child .td-content div:nth-child(2) {
    display: flex
}

.navpu-daily-table .navpu-table-container {
    margin-bottom: 36px
}

.navpu-daily-table .navpu-table-container .header {
    margin-bottom: 16px
}

.navpu-daily-table .navpu-table-container .header .title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0
}

.navpu-daily-table .navpu-table-container .header .subtitle {
    color: #2e2e2e;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0
}

.navpu-daily-table .navpu-table-container.hidden {
    display: none;
    height: 0;
    visibility: hidden
}

.navpu-daily-table .navpu-table-container .cards-container {
    margin-bottom: 48px
}

.navpu-daily-table .navpu-table-container:last-child {
    margin-bottom: 0
}

.navpu-daily-table .navpu-table-container:last-child.hidden {
    margin-top: 0
}

.navpu-daily-table .navpu-table-container:last-child .cards-container {
    margin-bottom: 0
}

.navpu-daily-table .navpu-table-container .table-overflow th .dt-column-title .icon.originTooltip {
    position: relative
}

.navpu-daily-table .navpu-table-container .table-overflow th .dt-column-title {
    display: flex;
    gap: 10px;
    position: relative
}

.navpu-daily-table .navpu-table-container .table-overflow th .dt-column-title .dt-column-order {
    right: unset !important;
    top: 5px !important
}

.navpu-daily-table .navpu-table-container .table-overflow th .dt-column-title .title-tooltip {
    display: flex;
    flex: 1
}

.navpu-daily-table .card-view-section {
    column-gap: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 24px
}

.navpu-daily-table .card-view-section .card {
    background: var(--Background-Neutral-color-bg-white, #fff);
    border-radius: var(--radius-base, 8px);
    box-sizing: border-box;
    display: flex;
    flex: 0 0 calc(33.33% - 16px);
    flex-direction: column;
    gap: 16px;
    height: fit-content;
    height: auto;
    margin: 0;
    padding: 16px
}

.navpu-daily-table .card-view-section .card .card-first-row div {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 4px
}

.navpu-daily-table .card-view-section .card .card-first-row div h6 {
    color: #0072d8;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0
}

.navpu-daily-table .card-view-section .card .card-first-row div+p {
    color: #2e2e2e;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0
}

.navpu-daily-table .card-view-section .card .card-second-row {
    display: flex;
    justify-content: space-between
}

.navpu-daily-table .card-view-section .card .card-second-row .column2,
.navpu-daily-table .card-view-section .card .card-second-row .column3 {
    width: 50%
}

.navpu-daily-table .card-view-section .card .card-second-row .column2 h6,
.navpu-daily-table .card-view-section .card .card-second-row .column3 h6 {
    color: #656565;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px
}

.navpu-daily-table .card-view-section .card .card-second-row .column2 h6 span,
.navpu-daily-table .card-view-section .card .card-second-row .column3 h6 span {
    font-size: 14px;
    line-height: 20px
}

.navpu-daily-table .card-view-section .card .card-second-row .column2 p,
.navpu-daily-table .card-view-section .card .card-second-row .column3 p {
    background-color: #f6f6f6;
    border-radius: 8px;
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    padding: 4px;
    width: fit-content
}

.navpu-daily-table .card-view-section .card .card-second-row .column2 p.negative,
.navpu-daily-table .card-view-section .card .card-second-row .column3 p.negative {
    background-color: #ffe7e6;
    color: #c92b00
}

.navpu-daily-table .card-view-section .card .card-second-row .column2 p.positive,
.navpu-daily-table .card-view-section .card .card-second-row .column3 p.positive {
    background-color: #e6f9e6;
    color: #009d12
}

.navpu-daily-table .card-view-section .card .card-fourth-row h6,
.navpu-daily-table .card-view-section .card .card-third-row h6 {
    color: #656565;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px
}

.navpu-daily-table .card-view-section .card .card-fourth-row p,
.navpu-daily-table .card-view-section .card .card-third-row p {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 4px
}

.navpu-daily-table .card-cta {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 24px;
    width: 100%
}

.navpu-daily-table .card-cta .pmu-btn.secondaryBtn {
    background-color: transparent
}

.navpu-daily-table .hidden {
    display: none
}

.navpu-daily-table div.dt-container div.dt-layout-row {
    margin: 0 !important
}

.navpu-daily-table .no-dataFound td {
    border-bottom: 1px solid var(--Border-Colored-color-border-primary, #99c1e7);
    border-right: none
}

.navpu-daily-table .ascTitle,
.navpu-daily-table .descTitle:hover {
    cursor: pointer
}

@media(max-width:1023px) {
    .navpu-daily-table.global-table table thead {
        position: static;
        top: auto;
        z-index: auto
    }

    .navpu-daily-table.global-table .originTooltip .tooltip-text {
        z-index: 2
    }

    .navpu-daily-table.global-table .table-container table thead tr:first-child th:first-child {
        z-index: 3
    }

    .navpu-daily-table.global-table .table-container table tr>td:first-child,
    .navpu-daily-table.global-table .table-container table tr>th:first-child {
        display: table-cell;
        z-index: 2
    }

    .navpu-daily-table .global-table--section-overview .header {
        margin-bottom: 0 !important
    }

    .navpu-daily-table .global-table--section-overview .navpu-dropdown_toggle {
        flex-direction: column;
        gap: 16px
    }

    .navpu-daily-table .global-table--section-overview form.navpu-dropdown {
        width: 100%
    }

    .navpu-daily-table .global-table--section-overview form.navpu-dropdown .navpu-dropdown-title--tooltip:focus .navpu-dropdown-title--tooltiptext {
        visibility: visible
    }

    .navpu-daily-table .global-table--section-overview form.navpu-dropdown .navpu-dropdown-title--tooltiptext {
        width: max-content;
        word-break: break-word
    }

    .navpu-daily-table .global-table--section-overview form.navpu-dropdown .fundstypeBtn {
        font-size: 16px;
        height: 44px;
        line-height: 24px;
        max-height: 44px;
        min-width: 100%;
        width: 100%
    }

    .navpu-daily-table .global-table--section-overview form.navpu-dropdown .fundstypedropdown {
        width: 100%
    }

    .navpu-daily-table .desktop-toggle {
        display: none !important
    }

    .navpu-daily-table .mobile-toggle {
        display: block !important
    }

    .navpu-daily-table .navpu-table-container .header .title {
        font-size: 18px;
        line-height: 28px
    }

    .navpu-daily-table .navpu-table-container .header .subtitle {
        font-size: 16px;
        line-height: 24px
    }

    .navpu-daily-table .navpu-table-container .table-overflow table thead tr:first-child {
        line-height: 24px
    }

    .navpu-daily-table .navpu-table-container .table-overflow table thead tr:first-child th {
        max-width: 175px;
        min-width: 175px;
        width: 175px
    }

    .navpu-daily-table .navpu-table-container .table-overflow table thead tr th .originTooltip .tooltip-text {
        margin-left: 0;
        margin-top: 10px;
        right: 0;
        width: 152px
    }

    .navpu-daily-table .navpu-table-container .table-container {
        margin-top: -10px
    }

    .navpu-daily-table .navpu-table-container .table-container .dt-layout-cell.dt-layout-full:before {
        background-color: #f6f6f6;
        border-radius: 10px;
        content: "";
        display: block;
        height: 12px;
        left: -5px;
        position: sticky;
        top: 8px;
        width: 20px;
        z-index: 2
    }

    .navpu-daily-table .navpu-table-container .table-container .dt-layout-cell.dt-layout-full:after {
        background-color: #f6f6f6;
        border-radius: 10px;
        content: "";
        display: block;
        height: 10px;
        left: -5px;
        margin-top: -10px;
        position: sticky;
        top: 0;
        width: 20px;
        z-index: 1
    }

    .navpu-daily-table .card-view-section {
        column-gap: 16px;
        display: grid;
        justify-content: normal;
        row-gap: 16px
    }

    .navpu-daily-table .card-view-section .card {
        width: 100% !important
    }

    .navpu-daily-table .card-view-section .card .card-first-row div h6 {
        font-size: 16px;
        line-height: 24px
    }

    .navpu-daily-table .card-view-section .card .card-first-row div .originTooltip .tooltip-text {
        right: 0;
        top: 100%
    }

    .navpu-daily-table .card-view-section .card .card-first-row div+p {
        font-size: 20px;
        line-height: 18px
    }

    .navpu-daily-table .card-view-section .card .card-second-row .column2 h6,
    .navpu-daily-table .card-view-section .card .card-second-row .column3 h6 {
        font-size: 14px;
        line-height: 20px
    }

    .navpu-daily-table .card-view-section .card .card-second-row .column2 h6 span,
    .navpu-daily-table .card-view-section .card .card-second-row .column3 h6 span {
        font-size: 12px;
        line-height: 16px
    }

    .navpu-daily-table .card-view-section .card .card-fourth-row h6,
    .navpu-daily-table .card-view-section .card .card-third-row h6 {
        font-size: 14px;
        line-height: 20px
    }

    .navpu-daily-table .card-view-section .card .card-fourth-row p,
    .navpu-daily-table .card-view-section .card .card-third-row p {
        font-size: 16px;
        line-height: 24px
    }

    .navpu-daily-table .card-cta {
        width: 100%
    }

    .navpu-daily-table .card-cta .pmu-btn {
        max-width: 100%;
        width: 100%
    }

    .light-blue-variant .navpu-daily-table .navpu-table-container .table-container .dt-layout-cell.dt-layout-full:after,
    .light-blue-variant .navpu-daily-table .navpu-table-container .table-container .dt-layout-cell.dt-layout-full:before {
        background-color: #e5f5ff;
        content: ""
    }

    .dark-blue-variant .navpu-daily-table .navpu-table-container .table-container .dt-layout-cell.dt-layout-full:after,
    .dark-blue-variant .navpu-daily-table .navpu-table-container .table-container .dt-layout-cell.dt-layout-full:before {
        background-color: #0072d8;
        content: ""
    }

    .white-variant .navpu-daily-table .navpu-table-container .table-container .dt-layout-cell.dt-layout-full:after,
    .white-variant .navpu-daily-table .navpu-table-container .table-container .dt-layout-cell.dt-layout-full:before {
        background-color: #fff;
        content: ""
    }

    .grey-variant .navpu-daily-table .navpu-table-container .table-container .dt-layout-cell.dt-layout-full:after,
    .grey-variant .navpu-daily-table .navpu-table-container .table-container .dt-layout-cell.dt-layout-full:before {
        background-color: #f6f6f6;
        content: ""
    }

    .navpu-daily-table .dt-layout-row.dt-layout-table .dt-layout-cell {
        overflow-x: auto;
        overflow-y: clip;
        position: relative
    }
}

.cl-green {
    color: #009d12 !important
}

.cl-danger {
    color: #c92b00 !important
}

.bgc-green {
    background-color: #e6f9e6 !important;
    color: #009d12 !important
}

.bgc-danger {
    background-color: #ffe7e6 !important;
    color: #c92b00 !important
}

.vlif-daily-funds-table .global-table--section-overview .content {
    margin-bottom: 16px
}

.vlif-daily-funds-table .global-table--section-overview .content .para-container {
    font-size: 18px;
    margin-bottom: 16px
}

.vlif-daily-funds-table .global-table--section-overview .content .para-container p {
    word-wrap: break-word
}

.vlif-daily-funds-table table thead tr:first-child th div {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%;
    word-break: break-word
}

.vlif-daily-funds-table table thead tr:first-child th:first-child div {
    justify-content: flex-start
}

.vlif-daily-funds-table table thead tr:first-child th .originTooltip {
    margin-left: 6px
}

.vlif-daily-funds-table table thead tr th div {
    word-break: break-word
}

.vlif-daily-funds-table table tbody tr td {
    border-bottom: 1px solid #99c1e7
}

.vlif-daily-funds-table table tbody tr td .td-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    grid-gap: 6px;
    width: 100%
}

.vlif-daily-funds-table table tbody tr td:first-child {
    font-weight: 700
}

.vlif-daily-funds-table table tbody tr td:first-child .td-content {
    align-items: center;
    display: flex;
    font-weight: 700;
    gap: 8px;
    justify-content: space-between
}

.vlif-daily-funds-table .vlif-table-container {
    margin-bottom: 36px
}

.vlif-daily-funds-table .vlif-table-container:last-child {
    margin-bottom: 0
}

.vlif-daily-funds-table .vlif-table-container .header {
    margin-bottom: 16px
}

.vlif-daily-funds-table .vlif-table-container .header .title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0
}

.vlif-daily-funds-table .vlif-table-container .header .subtitle {
    color: #2e2e2e;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0
}

.vlif-daily-funds-table .cards-continer {
    display: flex;
    flex-direction: column
}

.vlif-daily-funds-table .cards-continer .card-view-section {
    column-gap: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 24px
}

.vlif-daily-funds-table .cards-continer .card-view-section .card {
    background: var(--Background-Neutral-color-bg-white, #fff);
    border-radius: var(--radius-base, 8px);
    box-sizing: border-box;
    display: flex;
    flex: 0 0 calc(33.33% - 16px);
    flex-direction: column;
    gap: 16px;
    height: fit-content;
    height: auto;
    margin: 0;
    padding: 16px
}

.vlif-daily-funds-table .cards-continer .card-view-section .card-first-row {
    align-items: center;
    display: flex;
    gap: 8px
}

.vlif-daily-funds-table .cards-continer .card-view-section .card-first-row h6 {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0
}

.vlif-daily-funds-table .cards-continer .card-view-section .card-second-row .title,
.vlif-daily-funds-table .cards-continer .card-view-section .card-third-row .column1 .title,
.vlif-daily-funds-table .cards-continer .card-view-section .card-third-row .column2 .title {
    color: #656565;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px
}

.vlif-daily-funds-table .cards-continer .card-view-section .card-second-row p,
.vlif-daily-funds-table .cards-continer .card-view-section .card-third-row .column1 p,
.vlif-daily-funds-table .cards-continer .card-view-section .card-third-row .column2 p {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 0
}

.vlif-daily-funds-table .cards-continer .card-view-section .card-third-row {
    align-items: baseline;
    display: flex;
    gap: 8px
}

.vlif-daily-funds-table .cards-continer .card-view-section .card-third-row .column1,
.vlif-daily-funds-table .cards-continer .card-view-section .card-third-row .column2 {
    width: 50%
}

.vlif-daily-funds-table .cards-continer .card-cta {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 24px;
    width: 100%
}

.vlif-daily-funds-table .cards-continer .card-cta .pmu-btn.secondaryBtn {
    background-color: transparent
}

.vlif-daily-funds-table .hidden {
    display: none
}

@media(max-width:1023px) {

    .vlif-daily-funds-table .table-overflow.table-container,
    .vlif-daily-funds-table .vl-table-three .table-container,
    .vlif-daily-funds-table .vl-table-two .table-container {
        overflow-x: auto;
        overflow-y: clip;
        position: relative
    }

    .vlif-daily-funds-table .vlif-table-container .header .title {
        font-size: 18px;
        line-height: 28px
    }

    .vlif-daily-funds-table .vlif-table-container .header .subtitle {
        font-size: 16px;
        line-height: 24px
    }

    .vlif-daily-funds-table .vlif-table-container .table-container:before {
        background-color: #f6f6f6;
        border-radius: 10px;
        content: "";
        display: block;
        height: 12px;
        left: -5px;
        margin-top: -12px;
        position: sticky;
        top: 0;
        width: 20px;
        z-index: 2
    }

    .vlif-daily-funds-table .vlif-table-container .table-container:after {
        background-color: #f6f6f6;
        border-radius: 10px;
        content: "";
        display: block;
        height: 10px;
        left: -5px;
        margin-top: -10px;
        position: sticky;
        top: 0;
        width: 20px;
        z-index: 1
    }

    .vlif-daily-funds-table table thead tr:first-child th {
        min-width: 200px;
        width: 200px
    }

    .vlif-daily-funds-table table thead tr:first-child th .originTooltip {
        position: static
    }

    .vlif-daily-funds-table table thead tr:first-child th .originTooltip .tooltip-text {
        transform: unset !important
    }

    .vlif-daily-funds-table table thead tr:first-child th:last-child .originTooltip .tooltip-text {
        margin-left: -160px !important
    }

    .vlif-daily-funds-table .cards-continer .card-view-section {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .vlif-daily-funds-table .cards-continer .card-view-section .card {
        width: 100%
    }

    .vlif-daily-funds-table .cards-continer .card-view-section .card-first-row h6 {
        font-size: 16px;
        line-height: 24px
    }

    .vlif-daily-funds-table .cards-continer .card-view-section .card-first-row .originTooltip .tooltip-text {
        margin-left: 0;
        right: 0;
        top: 24px;
        transform: unset
    }

    .vlif-daily-funds-table .cards-continer .card-view-section .card-second-row p,
    .vlif-daily-funds-table .cards-continer .card-view-section .card-third-row .column1 p,
    .vlif-daily-funds-table .cards-continer .card-view-section .card-third-row .column2 p {
        font-size: 16px;
        line-height: 24px
    }

    .vlif-daily-funds-table .cards-continer .card-cta .pmu-btn {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }

    .vlif-daily-funds-table .cards-continer .card-cta .pmu-btn.secondaryBtn {
        background-color: transparent
    }

    .vlif-daily-funds-table.global-table table thead {
        position: static;
        top: auto;
        z-index: auto
    }

    .vlif-daily-funds-table.global-table .originTooltip .tooltip-text {
        z-index: 2
    }

    .vlif-daily-funds-table.global-table .table-container table thead tr:first-child th:first-child {
        z-index: 9
    }

    .vlif-daily-funds-table.global-table .table-container table tr>td:first-child,
    .vlif-daily-funds-table.global-table .table-container table tr>th:first-child {
        display: table-cell;
        z-index: 2
    }

    .vlif-daily-funds-table.global-table .table-container table tr>td:first-child .td-content,
    .vlif-daily-funds-table.global-table .table-container table tr>th:first-child .td-content {
        display: flex
    }

    .light-blue-variant .vlif-daily-funds-table .vlif-table-container .table-container:after,
    .light-blue-variant .vlif-daily-funds-table .vlif-table-container .table-container:before {
        background-color: #e5f5ff;
        content: ""
    }

    .dark-blue-variant .vlif-daily-funds-table .vlif-table-container .table-container:after,
    .dark-blue-variant .vlif-daily-funds-table .vlif-table-container .table-container:before {
        background-color: #0072d8;
        content: ""
    }

    .white-variant .vlif-daily-funds-table .vlif-table-container .table-container:after,
    .white-variant .vlif-daily-funds-table .vlif-table-container .table-container:before {
        background-color: #fff;
        content: ""
    }

    .grey-variant .vlif-daily-funds-table .vlif-table-container .table-container:after,
    .grey-variant .vlif-daily-funds-table .vlif-table-container .table-container:before {
        background-color: #f6f6f6;
        content: ""
    }

    .vlif-daily-funds-table.global-table table tbody tr:last-child td:first-child .originTooltip .tooltip-text,
    .vlif-daily-funds-table.global-table table tbody tr:nth-child(4) td:first-child .originTooltip .tooltip-text,
    .vlif-daily-funds-table.global-table table tbody tr:nth-child(5) td:first-child .originTooltip .tooltip-text,
    .vlif-daily-funds-table.global-table table tbody tr:nth-child(6) td:first-child .originTooltip .tooltip-text {
        left: 20px;
        margin-left: unset;
        margin-top: 26px;
        top: 0;
        transform: translateY(-100%)
    }

    .vlif-daily-funds-table.global-table table tbody tr:first-child td:first-child .originTooltip .tooltip-text,
    .vlif-daily-funds-table.global-table table tbody tr:nth-child(3) td:first-child .originTooltip .tooltip-text {
        left: 20px;
        margin-left: unset;
        margin-top: -13px;
        top: 0;
        transform: unset
    }

    .vlif-daily-funds-table.global-table .table-container table tbody tr td:first-child {
        box-shadow: 4px 0 4px 0 rgba(99, 99, 99, .25), 0 0 0 0 transparent !important
    }

    .global-table .table-overflow,
    .vlif-daily-funds-table.global-table .dt-layout-row.dt-layout-table {
        overflow-y: hidden
    }
}

@media(min-width:923px) {

    .vlif-daily-funds-table table thead tr th .bank-buy .originTooltip .tooltip-text,
    .vlif-daily-funds-table table thead tr th .currency .originTooltip .tooltip-text,
    .vlif-daily-funds-table table thead tr th:nth-child(3) .bank-sell .originTooltip .tooltip-text {
        top: -10px;
        transform: unset
    }

    .vlif-daily-funds-table.global-table .vlif-table-container table tbody tr:first-child td:first-child .originTooltip .tooltip-text {
        top: -12px;
        transform: unset
    }

    .vlif-daily-funds-table.global-table .vlif-table-container table tbody tr:last-child td:first-child .originTooltip .tooltip-text {
        margin-top: 24px;
        top: 0;
        transform: translateY(-100%)
    }
}

.non-secure-calc.global-table {
    overflow-x: hidden !important;
    padding-top: 32px
}

.non-secure-calc.global-table .content {
    margin-bottom: 0 !important
}

.non-secure-calc .rte-container {
    word-break: break-word
}

.non-secure-calc .rte-container p {
    font-size: 18px;
    word-break: break-word
}

.non-secure-calc .originTooltip .tooltip-text {
    font-weight: 400
}

.non-secure-calc .enter-amt-sec,
.non-secure-calc .result-sec {
    margin-top: 48px
}

.non-secure-calc .enter-amt-sec .ent-title,
.non-secure-calc .result-sec .ent-title {
    align-items: flex-start;
    align-self: stretch;
    background: #0072d8;
    border-radius: var(--radius-base, 8px) var(--radius-base, 8px) var(--radius-none, 0) var(--radius-none, 0);
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 24px;
    gap: 10px;
    line-height: normal;
    padding: 24px;
    word-break: break-word
}

.non-secure-calc .enter-amt-sec .ent-title p,
.non-secure-calc .result-sec .ent-title p {
    margin-bottom: 0 !important
}

.non-secure-calc .form-main,
.non-secure-calc .table-sec {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px
}

.non-secure-calc .form-sec {
    align-items: baseline;
    display: grid;
    justify-content: flex-start;
    max-width: 332px
}

.non-secure-calc .form-sec .amt-label {
    color: #1e1e1e;
    display: inline;
    font-size: 18px;
    padding-bottom: 8px;
    word-break: break-word
}

.non-secure-calc .form-sec input[type=number]:active,
.non-secure-calc .form-sec input[type=number]:focus,
.non-secure-calc .form-sec input[type=number]:focus-visible {
    border: 1px solid var(--Border-Colored-color-border-primary, #99c1e7);
    outline: none
}

.non-secure-calc .form-sec input.enter-amt {
    align-items: center;
    align-self: stretch;
    background: var(--Background-Neutral-color-bg-white, #fff) !important;
    border: 1px solid var(--Border-Colored-color-border-primary, #99c1e7);
    border-radius: 8px;
    display: flex;
    min-width: 334px;
    padding: var(--Padding-padding-14, 14px) var(--Padding-padding-16, 16px)
}

.non-secure-calc .form-sec input::-webkit-inner-spin-button,
.non-secure-calc .form-sec input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.non-secure-calc .compute-btn {
    align-items: flex-start;
    display: flex;
    gap: var(--Gap-gap-16, 16px);
    margin-top: 24px
}

.non-secure-calc .compute-btn button {
    align-items: center;
    background: var(--Background-Neutral-color-bg-disabled, #a0a0a0);
    background-color: var(--Background-Buttons-color-bg-primary, #0072d8);
    border-radius: var(--radius-base, 8px);
    color: #fff;
    display: flex;
    flex-direction: column;
    font-weight: 400;
    gap: var(--Gap-gap-0, 0);
    justify-content: center;
    padding: var(--Padding-padding-10, 10px) var(--Padding-padding-16, 16px)
}

.non-secure-calc .non-secure-rte {
    margin-top: 16px
}

.non-secure-calc .non-secure-rte .para-container {
    border: none !important
}

.non-secure-calc .result-sec .table-ttl {
    word-break: break-word
}

.non-secure-calc .result-sec .table-ttl p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 4px
}

@media(max-width:767px) {
    .non-secure-calc .result-sec .table-ttl p {
        font-size: 16px;
        line-height: 24px
    }
}

.non-secure-calc .result-sec .table-ttl span {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px
}

@media(max-width:767px) {
    .non-secure-calc .result-sec .table-ttl span {
        font-size: 24px;
        line-height: 32px
    }
}

.non-secure-calc .result-sec .avail-now .btn-avail {
    background: var(--Background-Buttons-color-bg-primary, #0072d8);
    color: #fff !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.non-secure-calc .result-sec .avail-now .btn-avail,
.non-secure-calc .result-sec .reset-calc {
    align-items: center;
    border-radius: var(--radius-base, 8px);
    display: flex;
    flex-direction: column;
    gap: var(--Gap-gap-0, 0);
    justify-content: center;
    min-width: 104px;
    padding: var(--Padding-padding-10, 10px) var(--Padding-padding-16, 16px)
}

.non-secure-calc .result-sec .reset-calc {
    background-color: #fff;
    border: 2px solid var(--Border-Colored-color-border-brand, #0072d8)
}

.non-secure-calc .result-sec .reset-calc .reset-btn {
    color: var(--Text-Colored-Text-color-text-brand, #0072d8);
    font-size: 18px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    padding: 0
}

.non-secure-calc .result-sec .buttons-sec,
.non-secure-calc .result-sec .result-rte-text {
    margin-top: 24px;
    word-break: break-word
}

.non-secure-calc .result-sec .result-rte-text {
    font-size: 18px
}

.non-secure-calc input.enter-amt:active,
.non-secure-calc input.enter-amt:focus,
.non-secure-calc input.enter-amt:focus-visible {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #0072d8;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 114, 216, .322);
    opacity: 1;
    outline: 0
}

.non-secure-calc .error_message input.enter-amt {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #ff3700;
    border-radius: 8px;
    opacity: 1
}

.non-secure-calc #desktop-calculator-table,
.non-secure-calc #mobile-calculator-table {
    margin-top: 16px
}

.non-secure-calc #desktop-calculator-table thead tr th,
.non-secure-calc #mobile-calculator-table thead tr th {
    line-height: 24px
}

.non-secure-calc #desktop-calculator-table thead tr th .dt-column-title,
.non-secure-calc #mobile-calculator-table thead tr th .dt-column-title {
    align-items: center !important;
    display: flex;
    justify-content: start !important;
    text-align: center !important
}

.non-secure-calc #desktop-calculator-table .non-secure-calc-table--items tr td,
.non-secure-calc #mobile-calculator-table .non-secure-calc-table--items tr td {
    border: 1px solid var(--Border-Colored-color-border-primary, #99c1e7);
    border-bottom: 0;
    word-break: break-word
}

.non-secure-calc #desktop-calculator-table .non-secure-calc-table--items tr:last-child td,
.non-secure-calc #mobile-calculator-table .non-secure-calc-table--items tr:last-child td {
    border-bottom: 1px solid var(--Border-Colored-color-border-primary, #99c1e7)
}

.non-secure-calc #desktop-calculator-table .non-secure-calc-table--items tr td:last-child,
.non-secure-calc #mobile-calculator-table .non-secure-calc-table--items tr td:last-child {
    border-right: 1px solid var(--Border-Colored-color-border-primary, #99c1e7)
}

.non-secure-calc #desktop-calculator-table .icon.originTooltip,
.non-secure-calc #mobile-calculator-table .icon.originTooltip {
    margin-left: 6px;
    position: relative
}

.non-secure-calc #desktop-calculator-table colgroup,
.non-secure-calc #mobile-calculator-table colgroup {
    display: none !important
}

@media(min-width:1023px) {
    .non-secure-calc .mobile-table {
        display: none
    }

    .non-secure-calc .mobiletable-wrapper {
        margin-top: 0 !important
    }

    .non-secure-calc .desktop-table {
        display: block
    }

    .non-secure-calc #desktop-calculator-table tr td:first-child {
        background: var(--Background-Colored-color-bg-brand-bold, #004ea8);
        box-shadow: 4px -1px 0 0 rgba(46, 46, 46, .1), 0 10px 15px -3px rgba(46, 46, 46, .1);
        color: #fff
    }

    .non-secure-calc .form-sec .amt-label .originTooltip {
        transform: translateY(2px)
    }

    .non-secure-calc #desktop-calculator-table {
        display: flex !important
    }

    .non-secure-calc #desktop-calculator-table .tooltipWidth {
        min-width: 200px
    }

    .non-secure-calc #desktop-calculator-table .non-secure-calc-table--items {
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px
    }

    .non-secure-calc #desktop-calculator-table .non-secure-calc-table--items tr td {
        border-right: 0;
        max-width: 250px;
        min-width: 250px
    }

    .non-secure-calc #desktop-calculator-table .add-on-rate,
    .non-secure-calc #desktop-calculator-table .amortization,
    .non-secure-calc #desktop-calculator-table .factore,
    .non-secure-calc #desktop-calculator-table .interest,
    .non-secure-calc #desktop-calculator-table .terms {
        display: flex
    }

    .non-secure-calc #desktop-calculator-table tbody tr:first-child td:last-child {
        border-top-right-radius: 8px
    }

    .non-secure-calc #desktop-calculator-table .focator-rate .originTooltip .tooltip-text {
        margin-top: -9px;
        transform: translateY(-28%);
        word-break: break-word
    }

    .non-secure-calc #desktop-calculator-table .add-on-rate .originTooltip .tooltip-text {
        margin-top: -6px;
        transform: translateY(-40%);
        word-break: break-word
    }

    .non-secure-calc #desktop-calculator-table .interest .originTooltip .tooltip-text {
        margin-top: 9px;
        transform: translateY(-74%);
        word-break: break-word
    }

    .non-secure-calc #desktop-calculator-table .amortization .originTooltip .tooltip-text {
        margin-top: 20px;
        transform: translateY(-100%);
        word-break: break-word
    }

    .non-secure-calc .buttons-sec {
        align-items: center;
        display: flex;
        gap: 16px;
        justify-content: start
    }

    .non-secure-calc .icon.originTooltip {
        margin-left: 6px;
        position: relative
    }

    .non-secure-calc .icon.originTooltip .tooltip-text {
        font-weight: 400;
        left: 1px;
        margin-top: -21px;
        right: 0;
        transform: unset
    }

    .non-secure-calc .non-calc-table-container tr td:first-child {
        left: 0;
        position: sticky
    }

    .non-secure-calc .table-containere {
        overflow-x: auto
    }

    .non-secure-calc .non-calc-table-container {
        overflow-y: clip;
        position: relative
    }

    .non-secure-calc .non-calc-table-container table {
        width: 100%
    }

    .non-secure-calc .non-calc-table-container table thead tr:first-child th {
        width: 220px;
        z-index: unset
    }

    .non-secure-calc .non-calc-table-container table thead tr:first-child th:first-child {
        min-width: 160px;
        width: 160px;
        z-index: 2
    }

    .non-secure-calc .non-calc-table-container table tbody tr td {
        min-width: 175px;
        width: 220px
    }

    .non-secure-calc .non-calc-table-container table tbody tr td:first-child strong {
        display: block
    }

    .non-secure-calc .non-calc-table-container table tbody tr td:first-child {
        padding-left: 16px !important;
        width: 160px
    }

    .non-secure-calc .non-calc-table-container table tr>td,
    .non-secure-calc .non-calc-table-container table tr>th {
        z-index: 2
    }

    .non-secure-calc .non-calc-table-container table tr>th:first-child {
        left: 0;
        position: sticky;
        z-index: 1
    }
}

.non-secure-calc #pfr-cash {
    font-size: 18px
}

.non-secure-calc .disable {
    background: var(--Background-Neutral-color-bg-disabled, #a0a0a0) !important
}

.non-secure-calc .arr-disable {
    cursor: not-allowed;
    opacity: .4;
    pointer-events: none
}

@media(min-width:768px) {
    .non-secure-calc .arrows-sec {
        display: none
    }
}

@media(min-width:768px)and (max-width:1022px) {
    .non-secure-calc .compute-btn {
        width: 108px !important
    }

    .non-secure-calc .avail-now,
    .non-secure-calc .reset-calc {
        max-width: 328px !important
    }
}

@media(max-width:767px) {

    .non-secure-calc .avail-now,
    .non-secure-calc .compute-btn,
    .non-secure-calc .reset-calc {
        max-width: 100% !important
    }

    .non-secure-calc .arrows-sec {
        align-items: center;
        display: flex;
        gap: 16px;
        justify-content: flex-end
    }

    .non-secure-calc .arrows-sec .left-right-arrows {
        align-items: stretch;
        display: flex;
        gap: 8px;
        justify-content: center
    }

    .non-secure-calc .arrows-sec .left-right-arrows .wleft-arrow,
    .non-secure-calc .arrows-sec .left-right-arrows .wright-arrow {
        background: var(--Background-Colored-color-bg-brand-faint, #e5f5ff);
        border-radius: var(--radius-base, 8px);
        color: #2e2e2e;
        padding: 6px;
        text-align: center
    }

    .non-secure-calc .arrows-sec .left-right-arrows span {
        font-size: 36px
    }

    .non-secure-calc .arrows-sec .th-count p {
        margin-bottom: 0
    }
}

@media(max-width:1023px) {
    .non-secure-calc #mobile-calculator-table {
        border-radius: 0 !important;
        margin-top: 0
    }

    .non-secure-calc .table-containere {
        overflow: hidden
    }

    .non-secure-calc .desktop-table {
        display: none
    }

    .non-secure-calc .enter-amt-sec,
    .non-secure-calc .result-sec {
        margin-top: 36px
    }

    .non-secure-calc .table-ttl {
        margin-bottom: 24px
    }

    .non-secure-calc .btn {
        width: 100% !important
    }

    .non-secure-calc .rte-container {
        word-break: break-word
    }

    .non-secure-calc .rte-container h4 {
        font-size: 24px !important;
        line-height: 32px
    }

    .non-secure-calc .rte-container p {
        font-size: 16px !important
    }

    .non-secure-calc .ent-title p {
        font-size: 18px
    }

    .non-secure-calc .form-sec {
        align-items: baseline;
        display: grid;
        justify-content: normal
    }

    .non-secure-calc .form-sec input.enter-amt {
        min-width: 100%
    }

    .non-secure-calc .form-sec input::-webkit-inner-spin-button,
    .non-secure-calc .form-sec input::-webkit-outer-spin-button {
        -webkit-appearance: none
    }

    .non-secure-calc .form-sec .originTooltip .tooltip-text {
        margin-top: 10px;
        right: 0;
        transform: unset
    }

    .non-secure-calc #mobile-calculator-table thead th {
        text-align: center
    }

    .non-secure-calc .table-containere table tbody tr td:first-child,
    .non-secure-calc .table-containere table thead tr th:first-child {
        left: 0;
        position: sticky;
        text-align: center !important;
        z-index: 2
    }

    .non-secure-calc .avail-now {
        margin-bottom: 16px
    }

    .non-secure-calc .table-head {
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative;
        word-break: break-word
    }

    .non-secure-calc .add-on-rate,
    .non-secure-calc .amortization,
    .non-secure-calc .focator-rate,
    .non-secure-calc .interest,
    .non-secure-calc .terms {
        white-space: pre-wrap
    }

    .non-secure-calc .add-on-rate .terms .originTooltip .tooltip-text,
    .non-secure-calc .amortization .terms .originTooltip .tooltip-text,
    .non-secure-calc .focator-rate .terms .originTooltip .tooltip-text,
    .non-secure-calc .interest .terms .originTooltip .tooltip-text,
    .non-secure-calc .terms .terms .originTooltip .tooltip-text {
        margin-left: 0 !important
    }

    .non-secure-calc .add-on-rate .add-on-rate .originTooltip .tooltip-text,
    .non-secure-calc .add-on-rate .amortization .originTooltip .tooltip-text,
    .non-secure-calc .add-on-rate .focator-rate .originTooltip .tooltip-text,
    .non-secure-calc .add-on-rate .interest .originTooltip .tooltip-text,
    .non-secure-calc .amortization .add-on-rate .originTooltip .tooltip-text,
    .non-secure-calc .amortization .amortization .originTooltip .tooltip-text,
    .non-secure-calc .amortization .focator-rate .originTooltip .tooltip-text,
    .non-secure-calc .amortization .interest .originTooltip .tooltip-text,
    .non-secure-calc .focator-rate .add-on-rate .originTooltip .tooltip-text,
    .non-secure-calc .focator-rate .amortization .originTooltip .tooltip-text,
    .non-secure-calc .focator-rate .focator-rate .originTooltip .tooltip-text,
    .non-secure-calc .focator-rate .interest .originTooltip .tooltip-text,
    .non-secure-calc .interest .add-on-rate .originTooltip .tooltip-text,
    .non-secure-calc .interest .amortization .originTooltip .tooltip-text,
    .non-secure-calc .interest .focator-rate .originTooltip .tooltip-text,
    .non-secure-calc .interest .interest .originTooltip .tooltip-text,
    .non-secure-calc .terms .add-on-rate .originTooltip .tooltip-text,
    .non-secure-calc .terms .amortization .originTooltip .tooltip-text,
    .non-secure-calc .terms .focator-rate .originTooltip .tooltip-text,
    .non-secure-calc .terms .interest .originTooltip .tooltip-text {
        margin-left: -162px !important;
        text-wrap: pretty;
        top: 113% !important
    }

    .non-secure-calc #mobile-calculator-table .first-th .originTooltip .tooltip-text {
        text-wrap: wrap;
        width: auto;
        word-break: break-word
    }

    .non-secure-calc #mobile-calculator-table .originTooltip .tooltip-text {
        text-wrap: wrap;
        white-space: normal;
        width: 145px;
        word-break: break-word
    }

    .non-secure-calc .form-sec .amt-label .originTooltip {
        margin: 4px 0 0 6px;
        position: absolute;
        transform: translateY(1px);
        z-index: 12
    }

    .non-secure-calc .amt-label {
        color: #1e1e1e;
        font-size: 18px;
        gap: 8px;
        word-break: break-all
    }

    .non-secure-calc #mobile-calculator-table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 0 !important
    }

    .non-secure-calc #mobile-calculator-table tbody tr td:first-child {
        box-shadow: 4px 0 4px 0 rgba(99, 99, 99, .25) !important
    }

    .non-secure-calc.global-table table thead {
        position: static;
        top: auto;
        z-index: auto
    }

    .non-secure-calc.global-table #mobile-calculator-table .icon.originTooltip {
        position: static
    }

    .non-secure-calc.global-table .originTooltip .tooltip-text {
        z-index: 2
    }

    .non-secure-calc.global-table .table-containere table thead tr:first-child th:first-child {
        z-index: 3
    }

    .non-secure-calc.global-table .table-containere table tr>td:first-child,
    .non-secure-calc.global-table .table-containere table tr>th:first-child {
        z-index: 2
    }

    .non-secure-calc #mobile-calculator-table .non-secure-calc-table--items tr td {
        border-left: 0
    }

    .non-secure-calc #mobile-calculator-table .non-secure-calc-table--items tr td:first-child {
        border-left: 1px solid var(--Border-Colored-color-border-primary, #99c1e7)
    }
}

@media(max-width:411px) {
    .non-secure-calc .amt-label {
        width: 85%
    }
}

@media only screen and (max-width:400px) {
    .non-secure-calc #mobile-calculator-table thead tr:first-child th {
        font-size: 12px;
        font-weight: 600 !important;
        padding: 12px
    }
}

@media(max-width:350px) {
    .non-secure-calc .amt-label {
        width: 100%
    }
}

.non-secure-calc .err-message-max,
.non-secure-calc .err-message-min {
    color: #f80000;
    font-size: 12px
}

.non-secure-calc .non-secure-rte.global-table--section-overview.f-section-overview .para-container p:first-child {
    line-height: 42px
}

.non-secure-calc .non-secure-rte.global-table--section-overview.f-section-overview .para-container p:not(:first-child) {
    padding-bottom: 16px
}

.non-secure-calc .mobiletable-wrapper {
    border-top-left-radius: 8px;
    margin-top: 12px;
    overflow: hidden;
    overflow-x: auto
}

.non-secure-calc .arrows-sec.hide-section {
    display: none
}

.non-secure-calc.global-table ::-webkit-scrollbar-thumb {
    background: var(--Background-Scroll-color-bg-scroll-bar, #919191);
    border-radius: var(--radius-full, 120px);
    width: 20px
}

.non-secure-calc.global-table ::-webkit-scrollbar {
    background: var(--Background-Colored-color-bg-accent-gray-200, #e4e4e4);
    height: 10px;
    width: 20px
}

.herobanner {
    margin-bottom: 30px
}

.herocarousel.header-slider .col-lg-6 {
    padding-left: 0 !important
}

.bg-grey-herocarousel {
    background-color: var(--bdo-light-grey)
}

.header-slider .herobannertitle,
.herobanner .herobannertitle {
    color: var(--bdo-black);
    font-size: var(--font-3xl);
    font-weight: 400
}

.promo-detail-page .herobanner .btn {
    font-size: 17px
}

.promo-detail-page .herobanner {
    margin-bottom: 0;
    padding-bottom: 40px
}

.herobanner.dark-blue-variant .hero_banner-text {
    color: var(--white)
}

.btnHover:hover {
    color: #fff !important
}

.header-slider .breadcrumb {
    cursor: pointer;
    padding-top: 64px
}

.carousel-control-prev,
.header-slider .carousel-control-next {
    width: 6%
}

.header-slider .bdo-font-caption {
    margin-bottom: 0
}

.header-slider .carousel-indicators {
    margin-bottom: 96px
}

.header-slider .left-arrow,
.header-slider .right-arrow {
    background-image: url(clientlib-custom/resources/images/Arrow-lightBlue.svg)
}

.header-slider .arrow_align_center {
    height: 50px;
    right: -6%;
    top: 30%
}

.bg-img,
.bg-img img {
    height: 100%;
    width: 100%
}

.bg-img img {
    pointer-events: none;
    position: absolute;
    z-index: -1
}

.header-slider .bdo-font-caption p {
    color: var(--bdo-black)
}

.header-slider p {
    color: var(--profile-desc)
}

.single-hero-banner {
    color: var(--bdo-black);
    padding: 0 0 30px
}

.single-hero-banner .btn {
    margin-top: 32px
}

.breadcrumb-txt-title {
    display: none
}

.heroban-img-banner-mb .img-fluid {
    float: right
}

.cta-banner-mb {
    margin-bottom: 65px !important
}

.carousel-control-next {
    right: -6% !important
}

.carousel-control-prev {
    left: -6% !important
}

.herocarousel.dark-blue-variant h2,
.herocarousel.dark-blue-variant p {
    color: var(--white)
}

.herocarousel.dark-blue-variant .btn.bdo-primary {
    background-color: var(--white);
    color: var(--bdo-blue)
}

@media screen and (max-width:1250px) {
    .carousel-control-next {
        height: 35px !important;
        right: -4% !important;
        width: 35px !important
    }

    .carousel-control-prev {
        height: 35px !important;
        left: -5% !important;
        width: 35px !important
    }

    .herobanner.without-breadcrumb-hero-banner {
        margin-top: 100px
    }
}

@media(max-width:1023.9px) {
    .header-slider .carousel-inner .row {
        flex-direction: column-reverse;
        margin-left: unset;
        margin-right: unset
    }

    .header-slider .carousel-inner .row .col-sm-12 {
        width: 100%
    }

    .header-slider .carousel-inner .row .heroban-img-banner-mb img {
        float: none;
        text-align: center
    }

    .header-slider .bdo-font-caption {
        font-size: 42px;
        margin-top: 16px
    }

    .header-slider .bdo-font-lg,
    .header-slider .bdo-font-medium {
        font-size: var(--font-md-nxt)
    }

    .carousel-control-next,
    .carousel-control-prev {
        display: none !important
    }

    .herobanner .row .bdo-font-caption {
        font-size: var(--font-2xl)
    }
}

@media(max-width:599.9px) {
    .promo-detail-page .herobanner .btn {
        font-size: var(---font-md-nxt)
    }

    .promo-detail-page .herobanner {
        padding-bottom: 0
    }

    .heroban-img-banner-mb .img-fluid {
        float: none
    }

    .header-slider .carousel-indicators {
        margin-bottom: 64px
    }

    .breadcrumb-txt-title {
        display: block
    }

    .header-slider p {
        color: var(--bdo-black)
    }

    .herobanner .row .bdo-font-caption {
        font-size: var(--font-xl-nxt)
    }

    #header {
        padding: 22px 0 !important
    }

    .header-slider .bdo-font-caption p {
        margin-bottom: 8px
    }

    .header-slider .bdo-font-caption {
        margin-top: 0
    }

    .hero_banner-text p {
        margin-bottom: 0
    }

    .herocarousel .breadcrumb-txt-title {
        padding-left: 0
    }

    .hero_banner-text {
        margin: 0 !important
    }

    .header-slider .carousel-indicators {
        bottom: 2px
    }

    .herobanner .col-lg-6.col-md-6.col-sm-12.heroban-img-banner-mb {
        text-align: center
    }

    .herobanner .row,
    .single-hero-banner .row {
        flex-direction: column-reverse
    }

    .header-slider .bdo-primary {
        font-size: var(--font-md-nxt)
    }

    .herobanner .row .bdo-font-lg.hero_banner-text {
        font-size: var(--font-md-nxt);
        margin-top: 8px !important
    }

    .herocarousel .carousel-inner .carousel-item div .col-md-3,
    .herocarousel .carousel-inner .carousel-item div .col-md-4,
    .herocarousel .carousel-inner .carousel-item div .col-md-6 {
        width: 100%
    }
}

@media(max-width:480px) {
    .header-slider .bdo-font-caption {
        font-size: var(--font-xl-nxt)
    }

    .single-hero-banner {
        padding: 30px 0
    }

    .single-hero-banner .row div:first-child {
        padding-left: 10px !important
    }

    .single-hero-banner .row {
        flex-direction: column-reverse
    }

    .single-hero-banner {
        margin-top: 0 !important
    }

    .single-hero-banner .bdo-font-caption {
        font-size: var(--font-xl-nxt)
    }

    .single-hero-banner .btn {
        margin-top: 16px
    }

    .header-slider .container .carousel-item .container {
        padding: 0
    }

    .breadcrumb-txt-title {
        color: var(--bdo-black);
        font-size: var(--font-default);
        font-weight: 600;
        margin-bottom: 8px;
        margin-top: 16px
    }
}

@media(min-width:600px) {

    .herobanner .row .col-sm-12,
    .herocarousel .col-lg-6.app-carousel-column-one {
        width: 50%
    }
}

@media only screen and (min-width:320px)and (max-width:767px) {
    .herobanner.without-breadcrumb-hero-banner {
        margin-top: 100px !important
    }
}

@media only screen and (min-width:320px)and (max-width:767.9px) {
    .herobanner .cta-banner-mb {
        font-size: 1.1rem
    }
}

@media only screen and (min-width:601px)and (max-width:1023px) {
    .herocarousel .row .col-sm-12 {
        width: 50%
    }

    .breadcrumb-txt-title {
        display: none
    }

    .appcarousel .app-carousel__text {
        width: 300px
    }

    .appcarousel .app-carousel-image {
        position: absolute;
        top: 0 !important;
        width: 50%
    }

    .herocarousel .carousel-control-next,
    .herocarousel .carousel-control-prev {
        display: none !important
    }

    .herobanner .container .row>* {
        padding-right: 0
    }
}

.goldwealththeme.grey-variant .hero-banner-container {
    background-color: var(--bdo-wealth-mariana-100)
}

.goldwealththeme.grey-variant .hero-banner-container .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme.grey-variant .hero-banner-container .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme.grey-variant .hero-banner-container .bdo-primary.disabled,
.goldwealththeme.grey-variant .hero-banner-container .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme.grey-variant .hero-banner-container .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.grey-variant .hero-banner-container .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.grey-variant .hero-banner-container .bdo-secondary.disabled,
.goldwealththeme.grey-variant .hero-banner-container .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme.white-variant .hero-banner-container {
    background-color: var(--white)
}

.goldwealththeme.white-variant .hero-banner-container .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme.white-variant .hero-banner-container .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme.white-variant .hero-banner-container .bdo-primary.disabled,
.goldwealththeme.white-variant .hero-banner-container .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme.white-variant .hero-banner-container .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.white-variant .hero-banner-container .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.white-variant .hero-banner-container .bdo-secondary.disabled,
.goldwealththeme.white-variant .hero-banner-container .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .grey-variant .hero-banner-container {
    background-color: var(--bdo-wealth-mariana-100)
}

.goldwealththeme .grey-variant .hero-banner-container .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .grey-variant .hero-banner-container .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .grey-variant .hero-banner-container .bdo-primary.disabled,
.goldwealththeme .grey-variant .hero-banner-container .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .grey-variant .hero-banner-container .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .grey-variant .hero-banner-container .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .grey-variant .hero-banner-container .bdo-secondary.disabled,
.goldwealththeme .grey-variant .hero-banner-container .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .white-variant .hero-banner-container {
    background-color: var(--white)
}

.goldwealththeme .white-variant .hero-banner-container .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .white-variant .hero-banner-container .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .white-variant .hero-banner-container .bdo-primary.disabled,
.goldwealththeme .white-variant .hero-banner-container .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .white-variant .hero-banner-container .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .white-variant .hero-banner-container .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .white-variant .hero-banner-container .bdo-secondary.disabled,
.goldwealththeme .white-variant .hero-banner-container .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .contactus .nonwealth-icon {
    display: none
}

.goldwealththeme .contactus .wealth-icon {
    display: inline-block
}

.goldwealththeme .contactus .contact-us-section__header {
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .contactus .contact-us-section.threeColumn p a,
.goldwealththeme .contactus .contact-us-section.threeColumn p a:focus,
.goldwealththeme .contactus .contact-us-section.threeColumn p a:hover,
.goldwealththeme .contactus .contact-us-section__link {
    color: var(--bdo-wealth-rich-gold-600) !important
}

.goldwealththeme .contactus .contact-us-section p {
    color: #2e2e2e
}

.goldwealththeme .contactus .contact-us-section div:first-child.col-sm-12.col-md-6 a,
.goldwealththeme .contactus .contact-us-section div:nth-child(2).col-sm-12.col-md-6 a,
.goldwealththeme .contactus .contact-us-section div:nth-child(3).col-sm-12.col-md-6 a,
.goldwealththeme .contactus .contact-us-section div:nth-child(4).col-sm-12.col-md-6 .align-self-center p:nth-child(3) a,
.goldwealththeme .contactus .contact-us-section div:nth-child(4).col-sm-12.col-md-6 a,
.goldwealththeme .contactus .contact-us-section div:nth-child(5).col-sm-12.col-md-6 a,
.goldwealththeme .contactus .contact-us-section p a,
.goldwealththeme .contactus .contact-us-section p a:focus,
.goldwealththeme .contactus .contact-us-section p a:hover {
    color: var(--bdo-wealth-rich-gold-600) !important
}

.contactus .contact-us-section {
    margin-bottom: 80px;
    margin-top: 80px;
    position: relative
}

.contactus .contact-us-section__header {
    color: #2f2f2f;
    font-size: var(--font-xxl)
}

.contactus .contact-us-section__link {
    color: var(--bdo-blue) !important;
    font-size: var(--font-normal);
    letter-spacing: -.49px
}

.contactus .contact-us-section__title {
    color: #2e2e2e;
    font-size: var(--font-lg);
    padding-bottom: 15px !important
}

.contactus .contact-us-section__maintext,
.contactus .contact-us-section__text {
    color: #4b4b4b;
    font-size: var(--font-normal)
}

.contactus .contact-us-section__text__md {
    color: var(--bdo-blue) !important;
    font-size: var(--font-md-nxt)
}

.contactus .contact-us-section__location__pl {
    padding-left: 3rem !important
}

.contactus .contact-us-section_icon {
    height: 56px;
    padding-right: 32px
}

.contactus .arrowtext {
    bottom: -90px;
    color: var(--bdo-black);
    font-size: var(--font-normal);
    position: absolute;
    right: 0
}

.contactus .arrow {
    height: 48px;
    position: absolute;
    right: 24px;
    transform: rotate(270deg)
}

.contactus .contact-us-section p strong {
    color: #2e2e2e;
    display: block;
    font-size: var(--font-lg);
    font-weight: 600;
    margin-bottom: 15px !important
}

.contactus .contact-us-section p {
    color: #4b4b4b;
    font-size: var(--font-normal);
    font-weight: 400;
    margin-bottom: 0
}

.contactus .contact-us-section .align-self-center p a:nth-child(2) {
    padding-top: 16px
}

.contactus .contact-us-section div.col-sm-12.col-md-6 {
    margin-top: 32px
}

.contactus .contact-us-section div:first-child.col-sm-12.col-md-6,
.contactus .contact-us-section div:nth-child(2).col-sm-12.col-md-6 {
    margin-top: 0
}

.contactus .contact-us-section div:first-child.col-sm-12.col-md-6 a,
.contactus .contact-us-section div:nth-child(2).col-sm-12.col-md-6 a,
.contactus .contact-us-section div:nth-child(3).col-sm-12.col-md-6 a,
.contactus .contact-us-section div:nth-child(4).col-sm-12.col-md-6 a,
.contactus .contact-us-section div:nth-child(5).col-sm-12.col-md-6 a {
    color: var(--bdo-blue) !important;
    display: inline-block;
    font-size: var(--font-normal);
    font-weight: 700
}

.contactus .contact-us-section div:nth-child(4).col-sm-12.col-md-6 .align-self-center p:nth-child(3) a {
    color: var(--bdo-blue) !important;
    font-size: var(--font-md-nxt);
    font-weight: 600
}

.contactus .dark-blue-variant .contact-us-section p,
.contactus .dark-blue-variant .contact-us-section p strong {
    color: var(--white)
}

.contactus .dark-blue-variant .contact-us-section div:first-child.col-sm-12.col-md-6 a,
.contactus .dark-blue-variant .contact-us-section div:nth-child(2).col-sm-12.col-md-6 a,
.contactus .dark-blue-variant .contact-us-section div:nth-child(3).col-sm-12.col-md-6 a,
.contactus .dark-blue-variant .contact-us-section div:nth-child(4).col-sm-12.col-md-6 a {
    color: var(--white) !important
}

.contactus .dark-blue-variant .contact-us-section div:nth-child(4).col-sm-12.col-md-6 .align-self-center p:nth-child(3) a {
    color: var(--white) !important;
    font-size: var(--font-md-nxt);
    font-weight: 600
}

@media(max-width:599.9px) {
    .contactus .contact-us-section.threeColumn h2 {
        margin-bottom: 24px !important
    }

    .contactus .contact-us-section.threeColumn .align-self-center p,
    .contactus .contact-us-section.threeColumn .align-self-center p a {
        font-weight: 600 !important
    }

    .contactus .contact-us-section {
        margin-bottom: 36px;
        margin-top: 40px
    }

    .contactus .contact-us-section.threeColumn .contact-us-cont {
        gap: 24px !important;
        padding-bottom: 24px !important
    }

    .contactus .contact-us-section.threeColumn {
        margin-bottom: 24px !important;
        margin-top: 24px !important
    }

    .contactus .contact-us-section.threeColumn h2 {
        margin-top: 0
    }

    .contactus .contact-us-section a {
        font-size: var(--font-md-nxt);
        font-weight: 700
    }

    .contactus .contact-us-section__header {
        color: var(--contact-header) !important;
        font-size: var(--font-lg) !important;
        font-weight: 600;
        margin-bottom: 24px !important;
        margin-top: 40px
    }

    .contactus .contact-us-section__text {
        color: var(--bdo-blue) !important;
        font-size: var(--font-md-nxt);
        font-weight: 700
    }

    .contactus .contact-us-section__location__pl {
        padding-left: 16px !important
    }

    .contactus .contact-us-section_icon {
        padding-right: 16px
    }

    .contactus .contact-us-section .row.contact-us-cont {
        gap: 24px
    }

    .contactus .contact-us-section div.col-sm-12.col-md-6 {
        margin-top: auto
    }

    .contactus .contact-us-section div.col-sm-12.col-md-6 p a {
        color: var(--bdo-blue) !important;
        font-size: var(--font-md-nxt) !important;
        font-weight: 700
    }

    .contactus .contact-us-section p strong {
        color: #2e2e2e;
        font-size: var(--font-md-nxt);
        font-weight: 700;
        margin-bottom: 6px !important;
        margin-top: 6px
    }

    .contactus .contact-us-section p {
        color: #2e2e2e;
        font-size: var(--font-md-nxt);
        padding-top: 0
    }

    .contactus .contact-us-section p:first-child {
        padding-bottom: 12px
    }

    .contactus .contact-us-section p:first-child strong a {
        padding-bottom: 0
    }

    .contactus .contact-us-section p:first-child a:first-child {
        padding-bottom: 12px
    }

    .contactus .contact-us-section p:first-child:has(a) {
        padding-bottom: 6px
    }

    .contactus .contact-us-section .align-self-center p:last-child {
        color: #2e2e2e;
        font-size: var(--font-md-nxt);
        font-weight: 400;
        margin-bottom: auto;
        padding-top: 0
    }

    .contactus .contact-us-section .col-sm-12.col-md-6.col-lg-6 p strong {
        color: #2f2f2f;
        font-size: var(--font-normal);
        font-weight: 700
    }

    .contactus .contact-us-section .col-sm-12.col-md-6.col-lg-6:first-child p strong {
        font-size: var(--font-md-nxt)
    }

    .contactus .contact-us-section .col-sm-12.col-md-6.col-lg-6:nth-child(4) p:nth-child(3) {
        margin-top: 0 !important
    }

    .contactus .dark-blue-variant .contact-us-section .col-sm-12.col-md-6.col-lg-6 p,
    .contactus .dark-blue-variant .contact-us-section .col-sm-12.col-md-6.col-lg-6 p strong {
        color: var(--white)
    }

    .contactus .dark-blue-variant .contact-us-section div.col-sm-12.col-md-6 p a,
    .contactus .dark-blue-variant .contact-us-section__header {
        color: var(--white) !important
    }

    .contactus .contact-us-cont div.col-sm-12.col-md-6.col-lg-6:first-child {
        order: 1
    }

    .contactus .contact-us-cont div.col-sm-12.col-md-6.col-lg-6:nth-child(2) {
        order: 3
    }

    .contactus .contact-us-cont div.col-sm-12.col-md-6.col-lg-6:nth-child(3) {
        order: 2
    }

    .contactus .contact-us-cont div.col-sm-12.col-md-6.col-lg-6:last-child {
        order: 4
    }
}

@media only screen and (min-width:600px)and (max-width:768px) {
    .contactus .contact-us-cont div.col-sm-12.col-md-6.col-lg-6:first-child {
        order: 1
    }

    .contactus .contact-us-cont div.col-sm-12.col-md-6.col-lg-6:nth-child(2) {
        order: 3
    }

    .contactus .contact-us-cont div.col-sm-12.col-md-6.col-lg-6:nth-child(3) {
        margin-bottom: 16px;
        order: 2
    }

    .contactus .contact-us-cont div.col-sm-12.col-md-6.col-lg-6:last-child {
        order: 4
    }

    .contactus .contact-us-section.threeColumn .contact-us-cont {
        gap: 32px
    }
}

@media only screen and (min-device-width:600px)and (max-device-width:1023.9px)and (orientation:portrait) {
    .contactus .coltrl-cmp .contactus .col-sm-12 {
        width: 100%
    }

    .contactus .contact-us-section.threeColumn .contact-us-cont {
        gap: 32px
    }
}

.contactus .contact-us-section.threeColumn h2 {
    font-size: var(--font-xl-nxt);
    margin-bottom: 40px
}

.contactus .contact-us-section.threeColumn .contact-us-cont {
    padding-bottom: 48px
}

.contactus .contact-us-section.threeColumn {
    color: var(--bdo-black);
    margin-bottom: 48px;
    margin-top: 56px
}

.contactus .contact-us-section.threeColumn p {
    color: var(--bdo-black);
    word-break: break-word
}

.contactus .contact-us-section.threeColumn p a,
.contactus .contact-us-section.threeColumn p a:focus,
.contactus .contact-us-section.threeColumn p a:hover {
    color: var(--bdo-blue) !important;
    font-weight: 700
}

@media(min-width:600px) {
    .contactus .contact-us-section.threeColumn h2 {
        margin-bottom: 40px !important
    }
}

.quick-tools {
    padding-bottom: 96px
}

.quick-tools .card .btn {
    white-space: nowrap
}

.quick-tools .col-lg-3 .btn,
.quick-tools .col-lg-4 .btn,
.quick-tools .col-lg-6 .btn {
    margin-right: 16px
}

.quick-tools .col-lg-12 .card-body {
    flex: 2 1
}

@media(max-width:767px) {
    .quick-tools .col-lg-12 .card-body .para {
        width: 100%
    }
}

.quick-tools__BGcolor {
    background: var(--white);
    border-radius: 8px;
    height: 100%
}

.quick-tools h4 {
    padding: 80px 0 40px
}

.quick-tools .carousel-indicators {
    bottom: -75px
}

.quick-tools .quick-tools__card-variation {
    height: 100%
}

.carousel-control-prev,
.quick-tools .carousel-control-next {
    width: 5%
}

.carousel-control-next,
.carousel-control-prev {
    z-index: auto
}

.quick-tools .carousel-control-prev {
    left: -62px !important
}

.quick-tools .arrow_align_center {
    height: 50px;
    right: -62px !important;
    top: 35% !important
}

.quick-tools .quick-tools__last-carousel {
    align-items: center;
    background: #fdfdfd;
    justify-content: center
}

.quicktools.responsivegrid {
    height: 100%
}

.white-variant .quick-tools__BGcolor {
    background-image: var(--bdo-lightblue)
}

.dark-blue-variant .quick-tools__card-description {
    color: var(--bdo-black)
}

.quick-tools.dark-blue-variant h4 {
    color: var(--white)
}

.quick-tools.dark-blue-variant .quick-tools__card-description {
    color: var(--bdo-black)
}

.quick-tools .col-lg-12 .quick-tools_InereItem {
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%
}

.quick-tools .col-lg-12 .quick-tool_text {
    align-items: center;
    display: flex;
    justify-content: space-around
}

.quick-tools .col-lg-12 .quick-tools__BGcolor {
    min-height: 100%
}

.quick-tools .col-lg-12 .quick-tools__card-description {
    width: 50%
}

.quick-tools .col-lg-6 .quick-tools_InereItem {
    align-items: center;
    display: flex
}

.quick-tools .col-lg-6 .d-flex.d-flex {
    align-items: flex-start !important
}

.quick-tools .col-lg-6 .quick-tools__card-description {
    margin-bottom: 20px;
    width: 100%
}

.quick-tools .col-lg-6 .quick-tools__BGcolor {
    height: 100%;
    min-height: 146px
}

.quick-tools .col-lg-3 .quick-tools__card-description,
.quick-tools .col-lg-4 .quick-tools__card-description {
    margin: 24px 0 8px
}

.quick-tools .col-lg-12 .quick-tools_btn {
    align-items: center;
    justify-content: center;
    margin-top: 0 !important
}

.quicktoolscarousel .quick-tools-carousel .col-lg-6 .quicktools .card img {
    height: 214px;
    object-fit: cover;
    width: 214px
}

.quicktoolscarousel .quick-tools-carousel .qtgridview .col-lg-12 .quicktools .card img {
    margin-left: 24px;
    margin-right: 48px;
    object-fit: contain
}

.qtgridview .col-lg-6.col-md-6.col-sm-12 .quicktools.responsivegrid .card .card-body.d-flex,
.qtgridview .col-lg-6.col-md-6.col-sm-12 .quicktools.responsivegrid .card .text-center {
    flex: 2
}

.qtgridview .col-lg-4 button.btn {
    font-size: var(--font-md-nxt)
}

@media(max-width:880px) {
    .quick-tools .col-lg-12 .quick-tools_btn {
        align-items: flex-start;
        justify-content: start;
        margin-top: 0 !important
    }
}

@media(max-width:480px) {
    .quick-tools {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .quick-tools h4 {
        font-size: var(--font-lg);
        padding: 40px 12px
    }

    .quick-tools .col-lg-12 .quick-tool_text,
    .quick-tools .col-lg-12 .quick-tools_InereItem,
    .quick-tools .col-lg-6 .quick-tools_InereItem {
        flex-direction: column
    }

    .quick-tools .col-lg-12 .quick-tool_text {
        align-items: flex-start
    }

    .quick-tools .col-lg-12 .d-flex.justify-content-around,
    .quick-tools .col-lg-6 .d-flex.justify-content-around {
        align-items: flex-start !important;
        flex-direction: column
    }

    .quick-tools .col-lg-12 .quick-tools__card-description {
        width: 100%
    }

    .quick-tools .row::-webkit-scrollbar {
        width: 0
    }

    .quick-tools .row {
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .carousel-control-next,
    .carousel-control-prev {
        display: none !important
    }

    .quicktoolscarousel .quick-tools-carousel .quicktools .card img {
        height: 126px;
        width: 126px
    }
}

@media only screen and (min-width:600px)and (max-width:767.9px) {
    .quick-tools .col-lg-12 .card .card-normal-img {
        width: 95%
    }

    .quick-tools .col-lg-12 .card-body .bdo-font-large {
        font-size: var(--font-normal)
    }
}

@media only screen and (min-width:600px)and (max-width:1023.9px) {
    .quick-tools .col-sm-12.col-md-12.col-lg-12 {
        margin-bottom: 24px;
        width: 100% !important
    }

    .quick-tools .card .btn {
        margin-left: 0 !important
    }

    .quick-tools .arrow_align_center {
        right: -5% !important
    }

    .quick-tools .carousel-control-prev {
        left: -5% !important
    }

    .quick-tools .col-sm-12.col-md-12.col-lg-12 .img-fluid {
        height: 214px;
        margin-left: 0 !important
    }

    .quick-tools .col-lg-12 .quick-tools_btn {
        padding-bottom: 24px
    }
}

@media(max-width:599.9px) {
    .quick-tools .col-sm-12 {
        width: 85%
    }

    .quick-tools .col-sm-12.col-md-12.col-lg-12 {
        width: 100% !important
    }

    .quick-tools .card .quick-tools_btn {
        flex-direction: column;
        gap: 16px !important
    }

    .quick-tools .card .quick-tools_btn a {
        display: block;
        width: 100%
    }

    .quick-tools .card .quick-tools_btn a .btn {
        width: 100%
    }
}

@media only screen and (min-width:1200px)and (max-width:1208px) {
    .quick-tools .left-arrow {
        left: -55px !important
    }

    .quick-tools .right-arrow {
        right: -57px !important
    }
}

@media only screen and (min-width:1025px)and (max-width:1053px) {
    .quick-tools .left-arrow {
        left: -47px !important
    }

    .quick-tools .right-arrow {
        right: -47px !important
    }
}

@media only screen and (min-width:1053px)and (max-width:1200px) {
    .quick-tools .left-arrow {
        left: -58px !important
    }

    .quick-tools .right-arrow {
        right: -58px !important
    }
}

.goldwealththeme.wealth-light-gold-variant .quick-tools-card {
    background-color: var(--white) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools-card .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme.wealth-light-gold-variant .quick-tools-card .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme.wealth-light-gold-variant .quick-tools-card .bdo-primary.disabled,
.goldwealththeme.wealth-light-gold-variant .quick-tools-card .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme.wealth-light-gold-variant .quick-tools-card .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.wealth-light-gold-variant .quick-tools-card .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.wealth-light-gold-variant .quick-tools-card .bdo-secondary.disabled,
.goldwealththeme.wealth-light-gold-variant .quick-tools-card .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme.wealth-light-gold-variant .quick-tools-card .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools-card .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools-card .pmu-btn.primaryBtn.disabled,
.goldwealththeme.wealth-light-gold-variant .quick-tools-card .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme.wealth-light-gold-variant .quick-tools-card .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools-card .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.wealth-light-gold-variant .quick-tools-card .pmu-btn.secondaryBtn.disabled,
.goldwealththeme.wealth-light-gold-variant .quick-tools-card .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools-card {
    background-color: var(--white) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .bdo-primary.disabled,
.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .bdo-secondary.disabled,
.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .pmu-btn.primaryBtn.disabled,
.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .pmu-btn.secondaryBtn.disabled,
.goldwealththeme.wealth-dark-gold-variant .quick-tools-card .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme.white-variant .quick-tools-card {
    background-color: var(--bdo-wealth-rich-gold-100) !important
}

.goldwealththeme.white-variant .quick-tools-card .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme.white-variant .quick-tools-card .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme.white-variant .quick-tools-card .bdo-primary.disabled,
.goldwealththeme.white-variant .quick-tools-card .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme.white-variant .quick-tools-card .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.white-variant .quick-tools-card .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.white-variant .quick-tools-card .bdo-secondary.disabled,
.goldwealththeme.white-variant .quick-tools-card .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme.white-variant .quick-tools-card .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme.white-variant .quick-tools-card .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme.white-variant .quick-tools-card .pmu-btn.primaryBtn.disabled,
.goldwealththeme.white-variant .quick-tools-card .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme.white-variant .quick-tools-card .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.white-variant .quick-tools-card .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.white-variant .quick-tools-card .pmu-btn.secondaryBtn.disabled,
.goldwealththeme.white-variant .quick-tools-card .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme .wealth-light-gold-variant .quick-tools-card {
    background-color: var(--white) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools-card .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .wealth-light-gold-variant .quick-tools-card .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .wealth-light-gold-variant .quick-tools-card .bdo-primary.disabled,
.goldwealththeme .wealth-light-gold-variant .quick-tools-card .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .wealth-light-gold-variant .quick-tools-card .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .wealth-light-gold-variant .quick-tools-card .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .wealth-light-gold-variant .quick-tools-card .bdo-secondary.disabled,
.goldwealththeme .wealth-light-gold-variant .quick-tools-card .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .wealth-light-gold-variant .quick-tools-card .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools-card .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools-card .pmu-btn.primaryBtn.disabled,
.goldwealththeme .wealth-light-gold-variant .quick-tools-card .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme .wealth-light-gold-variant .quick-tools-card .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools-card .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .wealth-light-gold-variant .quick-tools-card .pmu-btn.secondaryBtn.disabled,
.goldwealththeme .wealth-light-gold-variant .quick-tools-card .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools-card {
    background-color: var(--white) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .bdo-primary.disabled,
.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .bdo-secondary.disabled,
.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .pmu-btn.primaryBtn.disabled,
.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .pmu-btn.secondaryBtn.disabled,
.goldwealththeme .wealth-dark-gold-variant .quick-tools-card .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme .white-variant .quick-tools-card {
    background-color: var(--bdo-wealth-rich-gold-100) !important
}

.goldwealththeme .white-variant .quick-tools-card .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .white-variant .quick-tools-card .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .white-variant .quick-tools-card .bdo-primary.disabled,
.goldwealththeme .white-variant .quick-tools-card .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .white-variant .quick-tools-card .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .white-variant .quick-tools-card .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .white-variant .quick-tools-card .bdo-secondary.disabled,
.goldwealththeme .white-variant .quick-tools-card .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .white-variant .quick-tools-card .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme .white-variant .quick-tools-card .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme .white-variant .quick-tools-card .pmu-btn.primaryBtn.disabled,
.goldwealththeme .white-variant .quick-tools-card .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme .white-variant .quick-tools-card .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .white-variant .quick-tools-card .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .white-variant .quick-tools-card .pmu-btn.secondaryBtn.disabled,
.goldwealththeme .white-variant .quick-tools-card .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.breadcrumb {
    background-color: var(--bdo-light-grey);
    margin-bottom: 0 !important
}

.cmp-breadcrumb {
    margin: 64px 0 48px
}

.cmp-breadcrumb__list {
    margin-bottom: 0 !important
}

.breadcrumb-item.active {
    color: var(--bdo-black) !important;
    font-weight: 700 !important
}

.breadcrumb-item {
    color: var(--bdo-grey);
    display: inline-block
}

.breadcrumb-item+.breadcrumb-item {
    line-height: 20px;
    padding-left: 0 !important
}

.breadcrumb-item+.breadcrumb-item:before {
    background-position: 0;
    content: url(clientlib-custom/resources/images/breadcrumb-arrow.svg) !important;
    height: 20px;
    margin: 0 4px;
    padding-right: 0 !important;
    width: 20px
}

.breadcrumb-main {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0
}

.breadcrumb.dark-blue-variant .breadcrumb-item.active {
    color: var(--white) !important;
    font-weight: 700 !important
}

.breadcrumb.dark-blue-variant .breadcrumb-item {
    color: var(--white) !important
}

@media only screen and (min-width:320px)and (max-width:600px) {

    .breadcrumb.dark-blue-variant li.breadcrumb-item.active,
    li.breadcrumb-item.active {
        display: none
    }

    .breadcrumb-txt-title {
        color: var(--bdo-black);
        font-size: var(--font-default);
        font-weight: 600;
        margin-bottom: 8px;
        margin-top: 16px
    }
}

@media(max-width:599.9px) {
    .cmp-breadcrumb {
        margin: 64px 0 0 -10px;
        padding: 32px 0
    }

    .cmp-breadcrumb__list {
        margin: 0;
        padding-left: 0
    }

    .breadcrumb-item,
    .breadcrumb-item.active,
    .breadcrumb.dark-blue-variant .breadcrumb-item,
    .breadcrumb.dark-blue-variant .breadcrumb-item.active {
        font-size: var(--font-default)
    }

    .breadcrumb-item,
    .breadcrumb.dark-blue-variant .breadcrumb-item {
        display: none
    }

    .breadcrumb-item:nth-last-child(2),
    .breadcrumb.dark-blue-variant .breadcrumb-item:nth-last-child(2) {
        display: block
    }

    .breadcrumb-item+.breadcrumb-item:before,
    .breadcrumb-item:before {
        background-position: 0;
        content: url(clientlib-custom/resources/images/breadcrumb-arrow.svg);
        height: 20px;
        margin: 0 4px;
        transform: rotate(180deg);
        width: 20px
    }

    .breadcrumb-item:before {
        float: left
    }
}

.breadcrumb-item span {
    font-size: 18px
}

.goldwealththeme.white-variant .breadcrumb-container {
    background-color: var(--white)
}

.goldwealththeme.grey-variant .breadcrumb-container {
    background-color: var(--bdo-wealth-mariana-100) !important
}

.goldwealththeme .breadcrumb,
.goldwealththeme .white-variant,
.goldwealththeme .white-variant .breadcrumb-container {
    background-color: var(--white)
}

.goldwealththeme .grey-variant,
.goldwealththeme .grey-variant .breadcrumb-container {
    background-color: var(--bdo-wealth-mariana-100) !important
}

.goldwealththeme .breadcrumb-item+.breadcrumb-item:before {
    content: url(clientlib-custom/resources/images/wealth-breadcrumb/breadcrumb-gold-arrow.svg) !important
}

.goldwealththeme .quicklinkscontainer {
    background: transparent linear-gradient(180deg, #f2f4f7, #ede8d8)
}

.goldwealththeme .quicklinkscontainer .quicklinks-card:focus,
.goldwealththeme .quicklinkscontainer .quicklinks-card:hover {
    background-color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .quicklinkscontainer .quicklinks-card:focus .quicklink-icon,
.goldwealththeme .quicklinkscontainer .quicklinks-card:hover .quicklink-icon {
    display: none
}

.goldwealththeme .quicklinkscontainer .quicklinks-card:focus .quicklink-icon-hover,
.goldwealththeme .quicklinkscontainer .quicklinks-card:hover .quicklink-icon-hover {
    display: block
}

.goldwealththeme .quicklinkscontainer .quicklinks-sectionheading {
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .quicklinkscontainer .quicklinks-card .quicklink-icon img.nonwealth-icon {
    display: none
}

.goldwealththeme .quicklinkscontainer .quicklinks-card .quicklink-icon img.wealth-icon {
    display: inline-block
}

.goldwealththeme .quicklinkscontainer .quicklinks-card .quicklink-icon {
    display: block
}

.goldwealththeme .quicklinkscontainer .quicklinks-card .quicklink-icon-hover {
    display: none
}

.goldwealththeme .quicklinkscontainer .left-arrow:hover,
.goldwealththeme .quicklinkscontainer .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-quicklinkscard/right-arrow-gold.svg)
}

.goldwealththeme .carousel-indicators li {
    background-color: var(--bdo-wealth-mariana-300) !important
}

.goldwealththeme .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important
}

.quicklinkscontainer .left-arrow,
.quicklinkscontainer .right-arrow {
    background-image: url(clientlib-custom/resources/images/Arrow-lightBlue.svg);
    border-radius: 8px
}

.quicklinkscontainer {
    background: transparent linear-gradient(180deg, #f6f6f6, #e5f5ff);
    padding-bottom: 80px;
    padding-top: 80px
}

.quicklinks-sectionheading {
    color: var(--blackdarkshade);
    font-size: var(--font-xxl);
    font-weight: 600
}

.quicklinks-title {
    font-size: var(--font-lg);
    font-weight: 700;
    margin-bottom: 12px
}

.quicklinks-subtext,
.quicklinks-title {
    color: var(--blackdarkshade);
    padding-left: 16px
}

.quicklinks-subtext {
    font-size: var(--font-normal);
    margin-bottom: 0;
    min-height: 54px
}

.quicklinks-card {
    background-color: #fff;
    border-radius: 8px;
    height: 100%;
    padding: 24px
}

.quicklink-icon-hover img,
.quicklinks-card .quicklink-icon img {
    height: 40px;
    width: 40px
}

.quicklinks-card:hover {
    background-color: var(--bdo-blue)
}

.quicklinks-card:focus {
    background-color: var(--bdo-darkblue)
}

.quicklinks-card:focus .quicklinks-subtext,
.quicklinks-card:focus .quicklinks-title,
.quicklinks-card:hover .quicklinks-subtext,
.quicklinks-card:hover .quicklinks-title {
    color: #fff
}

.quicklink-icon-hover,
.quicklinks-card:focus .quicklink-icon,
.quicklinks-card:hover .quicklink-icon {
    display: none
}

.quicklinks-card:focus .quicklink-icon-hover,
.quicklinks-card:hover .quicklink-icon-hover {
    display: block
}

.quicklinkscontainer .left-arrow {
    transform: rotate(180deg);
    width: 4% !important
}

.quicklinks-remove-top-margin .quicklinkscontainer.four-quickcards {
    padding-top: 0
}

.quicklinkscontainer .carousel-indicators {
    bottom: 0;
    padding-top: 48px
}

.quicklinkscontainer .carousel-indicators [data-bs-target] {
    border: none
}

@media(max-width:1050px) {
    .quicklinkscontainer .right-arrow {
        width: 4% !important
    }
}

@media(min-width:1051px) {
    .quicklinkscontainer .left-arrow {
        left: -5% !important
    }

    .quicklinkscontainer .right-arrow {
        right: -11% !important
    }
}

@media only screen and (min-width:768px)and (max-width:1050px) {
    .quicklinks-card {
        padding: 16px
    }

    .quicklinks-title {
        font-size: 18px
    }

    .quicklinks-subtext {
        font-size: 14px
    }

    .quicklinkscontainer .right-arrow {
        right: -5% !important
    }

    .quicklinkscontainer .left-arrow {
        left: -5% !important
    }
}

@media only screen and (min-width:768px)and (max-width:1250px) {

    .quicklinkscontainer .left-arrow,
    .quicklinkscontainer .right-arrow {
        top: 41% !important
    }
}

@media only screen and (min-width:768px)and (max-width:1200px) {
    .quicklinkscontainer .right-arrow {
        right: -5% !important
    }
}

@media only screen and (min-width:1200px)and (max-width:1250px) {
    .quicklinkscontainer .right-arrow {
        right: -4% !important
    }

    .quicklinkscontainer .left-arrow {
        left: -49px !important
    }
}

@media only screen and (min-width:600px)and (max-width:767px) {

    .quicklinkscontainer .carousel-inner .carousel-item div .col-md-3,
    .quicklinkscontainer .carousel-inner .carousel-item div .col-md-4,
    .quicklinkscontainer .carousel-inner .carousel-item div .col-md-6 {
        width: 50%
    }

    .quicklinkscontainer .carousel-inner .carousel-item .row {
        flex-wrap: wrap !important
    }
}

.quicklinkscontainer .left-arrow,
.quicklinkscontainer .right-arrow {
    background-image: url(clientlib-custom/resources/images/white-arrow-icon.svg) !important
}

@media(max-width:599.9px) {
    .quicklinkscontainer .carousel-inner .carousel-item .row {
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .quicklinkscontainer .carousel-inner .carousel-item .row::-webkit-scrollbar {
        display: none
    }

    .quicklinkscontainer .quicklinkscard {
        width: 85%
    }

    .quicklinks-sectionheading {
        font-size: var(--font-lg);
        margin-bottom: 24px
    }

    .quicklinkscontainer .quicklinks-title {
        font-size: var(--font-normal)
    }

    .quicklinkscontainer .quicklinks-subtext {
        font-size: var(--font-md-nxt)
    }

    .quicklinkscontainer {
        padding: 40px 0 64px
    }

    .quicklinkscontainer .slide.mt-5 {
        margin-top: 0 !important
    }
}

@media(min-width:1400px) {
    .quicklinkscontainer .left-arrow {
        left: -56px !important
    }

    .quicklinkscontainer .right-arrow {
        right: -10% !important
    }
}

.goldwealththeme .linkitems {
    background-color: var(--bdo-wealth-rich-gold-100) !important
}

.goldwealththeme .linkitems .subsidiary-linkcontainer .subsidiary-list-item a {
    color: var(--bdo-wealth-rich-gold-600) !important
}

.goldwealththeme .linkitems .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .linkitems .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .linkitems .bdo-primary.disabled,
.goldwealththeme .linkitems .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .linkitems .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .linkitems .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .linkitems .bdo-secondary.disabled,
.goldwealththeme .linkitems .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.linkitems .subsidiary-linkcontainer li {
    list-style-type: none
}

.linkitems .subsidiary-linkcontainer ul {
    padding: 0
}

.linkitems .subsidiary-linkcontainer .subsidiary-list-section {
    border-top: 1px solid #c2c2c1;
    padding-bottom: 68px;
    padding-top: 35px
}

.linkitems .subsidiary-linkcontainer .subsidiary-list-item {
    color: var(--bdo-sub-link);
    font-size: var(--font-normal);
    font-weight: 700
}

.linkitems .subsidiary-linkcontainer .subsidiary-list-item a {
    display: inline-block;
    margin-bottom: 24px
}

.linkitems .subsidiary-linkcontainer .button-display {
    display: none
}

.linkitems .dark-blue-variant .subsidiary-linkcontainer .subsidiary-list-item {
    color: var(--white)
}

@media only screen and (min-width:320px)and (max-width:599px) {
    .linkitems .subsidiary-linkcontainer .button-display {
        display: block;
        margin-bottom: 32px;
        margin-top: 9px
    }

    .linkitems .subsidiary-linkcontainer .button-display .btn {
        font-size: var(--font-md-nxt)
    }

    .linkitems .subsidiary-linkcontainer .extend {
        display: none
    }

    .linkitems .subsidiary-linkcontainer .extend.show {
        display: block
    }
}

@media(max-width:599.9px) {
    .linkitems .subsidiary-linkcontainer .subsidiary-list-section {
        padding-bottom: 0;
        padding-top: 25px
    }

    .linkitems .subsidiary-linkcontainer .button-display {
        margin-top: 7px
    }

    .linkitems .subsidiary-linkcontainer .subsidiary-list-item a {
        display: inline-block;
        font-size: var(--font-md-nxt);
        font-weight: 600;
        margin-bottom: 18px
    }
}

@media only screen and (min-width:600px)and (max-width:1200px) {
    .linkitems .subsidiary-linkcontainer .subsidiary-list-item {
        width: 25%
    }
}

.fund-performance-container.fund-performance-padding {
    margin: 80px 0 60px
}

.faqtabs-component .faqtabs-sticky-container .leftarrow {
    background-color: var(--bdo-light-grey);
    background-position-x: 3px;
    background-position-y: 16px;
    background-repeat: no-repeat;
    height: 46px;
    margin-left: -6px;
    width: 24px;
    z-index: 2
}

.fund-performance-container .headline {
    margin-bottom: 37px
}

.fund-performance-container .year-scale .year-value {
    border-color: transparent;
    font-size: var(--font-normal);
    padding: 11px 16px
}

.fund-performance-container .year-scale .year-value:focus,
.fund-performance-container .year-scale .year-value:focus-visible,
.fund-performance-container .year-scale .year-value:hover {
    border-color: transparent
}

.fund-performance-container .year-scale .year-value.active,
.fund-performance-container .year-scale .year-value:hover {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 4px solid #fdb913;
    font-weight: 700
}

.faqtabs-component .tab-cont {
    flex-wrap: nowrap;
    height: 55px;
    overflow: hidden;
    white-space: nowrap;
    width: 97%
}

.faqtabs-component .faqtabs-nav-tabs {
    overflow: hidden
}

.fund-performance-container .year-scale .year-value {
    color: var(--bdo-black)
}

.fund-performance-container .year-scale .year-value.active {
    font-weight: 700
}

.faqtabs-component .leftarrow {
    left: 2px;
    top: .6rem;
    transform: rotate(180deg)
}

.faqtabs-component .leftarrow,
.faqtabs-component .rightarrow {
    background-image: url(clientlib-custom/resources/images/stickytabarrow.svg);
    cursor: pointer;
    height: 24px;
    position: absolute;
    width: 24px
}

.faqtabs-component .rightarrow {
    right: 2px;
    top: 1rem
}

.showleftarrow {
    display: block !important;
    pointer-events: auto !important
}

.hideleftarrow {
    display: none !important;
    pointer-events: none !important
}

@media(max-width:768px) {
    .fund-performance-container .year-scale {
        flex-wrap: nowrap;
        overflow: auto
    }
}

@media(max-width:480px) {
    .fund-performance-container.fund-performance-padding {
        margin: 48px 0 64px
    }

    .fund-performance-container .headline {
        font-size: var(--font-lg) !important
    }

    .fund-performance-container .bdo-font-medium {
        font-size: var(--font-md-nxt) !important
    }
}

.ctatablist.dark-blue-variant .faqtabs-component .faqtabs-sticky-container .leftarrow {
    background-color: var(--bdo-blue)
}

.ctatablist.white-variant .faqtabs-component .faqtabs-sticky-container .leftarrow {
    background-color: var(--white)
}

.ctatablist.light-blue-variant .faqtabs-component .faqtabs-sticky-container .leftarrow {
    background-color: var(--bdo-lightblue)
}

.ctatablist.dark-blue-variant .fund-performance-container .headline,
.ctatablist.dark-blue-variant .fund-performance-container .year-scale .year-value {
    color: var(--white)
}

.ctatablist.light-blue-variant .fund-performance-container .headline {
    color: var(--bdo-black)
}

.ctatablist.light-blue-variant .fund-performance-container .year-scale .year-value {
    color: var(--bdo-black) !important
}

.ctatablist.dark-blue-variant .fund-performance-container .year-scale .year-value {
    color: var(--white) !important
}

.ctatablist.white-variant .fund-performance-container .year-scale .year-value {
    color: var(--bdo-black) !important
}

.goldwealththeme .fund-performance-container .faqtabs-component .tab-cont {
    height: 60px
}

.goldwealththeme .fund-performance-container .year-scale .year-value {
    padding: 14px 24px
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-container {
    background-color: var(--bdo-wealth-rich-gold-100) !important;
    margin: unset;
    padding: 80px 0 60px
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-container .headline {
    color: var(--bdo-wealth-mariana-700) !important;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-container .year-scale .year-value.active,
.goldwealththeme.wealth-light-gold-variant .fund-performance-container .year-scale .year-value:hover {
    border-bottom: 4px solid var(--bdo-wealth-mariana-700)
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-container .fund-performance-ctacontainer {
    background-color: var(--bdo-wealth-rich-gold-100) !important
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-container .fund-performance-ctacontainer .card {
    background: var(--white) 0 0 no-repeat
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-container .fund-performance-ctacontainer .exploreMore-withIcon .card-title {
    color: var(--bdo-black);
    font-size: 18px !important;
    font-weight: 600 !important
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-container .fund-performance-ctacontainer .exploreMore-withIcon .icon {
    background-color: var(--bdo-wealth-rich-gold-100)
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-container .fund-performance-ctacontainer .exploreMore-withIcon {
    --svgtheme-color: var(--bdo-wealth-rich-gold-600);
    --svggrey-theme-color: var(--bdo-wealth-rich-gold-600);
    --svgblue-theme-color: var(--bdo-wealth-rich-gold-600)
}

.goldwealththeme.white-variant .fund-performance-container {
    background-color: var(--white) !important;
    margin: unset;
    padding: 80px 0 60px
}

.goldwealththeme.white-variant .fund-performance-container .headline {
    color: var(--bdo-wealth-mariana-700) !important;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px
}

.goldwealththeme.white-variant .fund-performance-container .year-scale .year-value.active,
.goldwealththeme.white-variant .fund-performance-container .year-scale .year-value:hover {
    border-bottom: 4px solid var(--bdo-wealth-mariana-700)
}

.goldwealththeme.white-variant .fund-performance-container .fund-performance-ctacontainer {
    background-color: var(--white) !important
}

.goldwealththeme.white-variant .fund-performance-container .fund-performance-ctacontainer .card {
    background: var(--bdo-wealth-rich-gold-100) 0 0 no-repeat
}

.goldwealththeme.white-variant .fund-performance-container .fund-performance-ctacontainer .exploreMore-withIcon .card-title {
    color: var(--bdo-black);
    font-size: 18px !important;
    font-weight: 600 !important
}

.goldwealththeme.white-variant .fund-performance-container .fund-performance-ctacontainer .exploreMore-withIcon .icon {
    background-color: unset
}

.goldwealththeme.white-variant .fund-performance-container .fund-performance-ctacontainer .exploreMore-withIcon {
    --svgtheme-color: var(--bdo-wealth-rich-gold-600);
    --svggrey-theme-color: var(--bdo-wealth-rich-gold-600);
    --svgblue-theme-color: var(--bdo-wealth-rich-gold-600)
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-container {
    background-color: var(--bdo-wealth-rich-gold-100) !important;
    margin: unset;
    padding: 80px 0 60px
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-container .headline {
    color: var(--bdo-wealth-mariana-700) !important;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-container .year-scale .year-value.active,
.goldwealththeme .wealth-light-gold-variant .fund-performance-container .year-scale .year-value:hover {
    border-bottom: 4px solid var(--bdo-wealth-mariana-700)
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-container .fund-performance-ctacontainer {
    background-color: var(--bdo-wealth-rich-gold-100) !important
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-container .fund-performance-ctacontainer .card {
    background: var(--white) 0 0 no-repeat
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-container .fund-performance-ctacontainer .exploreMore-withIcon .card-title {
    color: var(--bdo-black);
    font-size: 18px !important;
    font-weight: 600 !important
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-container .fund-performance-ctacontainer .exploreMore-withIcon .icon {
    background-color: var(--bdo-wealth-rich-gold-100)
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-container .fund-performance-ctacontainer .exploreMore-withIcon {
    --svgtheme-color: var(--bdo-wealth-rich-gold-600);
    --svggrey-theme-color: var(--bdo-wealth-rich-gold-600);
    --svgblue-theme-color: var(--bdo-wealth-rich-gold-600)
}

.goldwealththeme .white-variant .fund-performance-container {
    background-color: var(--white) !important;
    margin: unset;
    padding: 80px 0 60px
}

.goldwealththeme .white-variant .fund-performance-container .headline {
    color: var(--bdo-wealth-mariana-700) !important;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px
}

.goldwealththeme .white-variant .fund-performance-container .year-scale .year-value.active,
.goldwealththeme .white-variant .fund-performance-container .year-scale .year-value:hover {
    border-bottom: 4px solid var(--bdo-wealth-mariana-700)
}

.goldwealththeme .white-variant .fund-performance-container .fund-performance-ctacontainer {
    background-color: var(--white) !important
}

.goldwealththeme .white-variant .fund-performance-container .fund-performance-ctacontainer .card {
    background: var(--bdo-wealth-rich-gold-100) 0 0 no-repeat
}

.goldwealththeme .white-variant .fund-performance-container .fund-performance-ctacontainer .exploreMore-withIcon .card-title {
    color: var(--bdo-black);
    font-size: 18px !important;
    font-weight: 600 !important
}

.goldwealththeme .white-variant .fund-performance-container .fund-performance-ctacontainer .exploreMore-withIcon .icon {
    background-color: unset
}

.goldwealththeme .white-variant .fund-performance-container .fund-performance-ctacontainer .exploreMore-withIcon {
    --svgtheme-color: var(--bdo-wealth-rich-gold-600);
    --svggrey-theme-color: var(--bdo-wealth-rich-gold-600);
    --svgblue-theme-color: var(--bdo-wealth-rich-gold-600)
}

.goldwealththeme .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .bdo-primary.disabled,
.goldwealththeme .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .bdo-secondary {
    background-color: transparent
}

.goldwealththeme .bdo-secondary,
.goldwealththeme .bdo-secondary:hover {
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200)
}

.goldwealththeme .bdo-secondary.disabled,
.goldwealththeme .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.stickytabs-component.sticky-navlinks {
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(99, 99, 99, .2);
    color: #2e2e2e;
    font-size: var(--font-normal);
    padding: 0;
    position: sticky;
    top: 185px;
    z-index: 3
}

.stickytabs-component .sticky-link-item {
    border-bottom: 4px solid transparent;
    padding: 16px 0;
    position: relative
}

.stickytabs-component .sticky-link-item.activete:after,
.stickytabs-component .sticky-link-item:focus:after,
.stickytabs-component .sticky-link-item:hover:after {
    background-color: transparent;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 56px;
    width: 100%
}

.stickytabs-component .sticky-link-item.active,
.stickytabs-component .sticky-link-item:hover {
    border-bottom: 4px solid var(--bdo-yellow)
}

.stickytabs-component .sticky-container {
    justify-content: center !important;
    position: relative
}

.stickytabs-component .leftarrow {
    background-image: url(clientlib-custom/resources/images/stickytabarrow.svg);
    bottom: auto;
    cursor: pointer;
    height: 24px;
    left: 2px;
    position: absolute;
    top: auto;
    transform: rotate(180deg);
    width: 24px
}

.stickytabs-component .leftarrow.hideleftarrow {
    display: none
}

.stickytabs-component .rightarrow {
    background-image: url(clientlib-custom/resources/images/stickytabarrow.svg);
    bottom: auto;
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 2px;
    top: auto;
    width: 24px
}

.stickytabs-component .rightarrow.hideRightArrow {
    display: none
}

.stickytabs-component #scrollable-nav li.nav-item.sticky-link-item {
    padding: 0
}

.stickytabs-component .sticky-navbar {
    flex-wrap: nowrap;
    margin: 0 16px;
    overflow: hidden
}

.stickytabs-component .sticky-links {
    display: inline-block;
    padding: 16px 15px 12px;
    white-space: nowrap
}

.stickytabs-component .header {
    background-color: #f1f1f1;
    padding: 30px;
    text-align: center
}

.stickytabs-component .content {
    padding: 16px
}

.stickytabs-component.sticky {
    position: fixed;
    top: 186px;
    width: 100%
}

.stickytabs-component .sticky+.content {
    padding-top: 60px
}

@media(max-width:480px) {
    .stickytabs-component .sticky-navbar {
        flex-direction: row;
        width: 70%
    }

    .stickytabs-component.sticky,
    .stickytabs-component.sticky-navlinks {
        top: 63px
    }

    .stickytabs-component .leftarrow,
    .stickytabs-component .rightarrow {
        display: none !important
    }

    .stickytabs-component .sticky-navbar {
        overflow-x: auto;
        width: 100% !important
    }

    .stickytabs-component .sticky-navbar::-webkit-scrollbar {
        display: none
    }

    .stickytabs-component .sticky-navbar {
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

@media only screen and (min-width:320px)and (max-width:1023.9px) {
    .stickytabs-component .sticky-navbar {
        flex-direction: row !important
    }

    .stickytabs-component .sticky-navbar::-webkit-scrollbar {
        display: none
    }

    .stickytabs-component.sticky-navlinks {
        top: 63px
    }

    .stickytabs-component .sticky-navbar::-webkit-scrollbar {
        height: 3px;
        width: 1px
    }
}

@media only screen and (min-width:481px)and (max-width:767px) {

    .stickytabs-component .leftarrow,
    .stickytabs-component .rightarrow {
        display: none !important
    }

    .stickytabs-component .sticky-navbar {
        flex-direction: row !important;
        overflow-x: auto
    }
}

@media(max-width:599.9px) {
    .stickytabs-component .sticky-link-item.active {
        font-weight: 700
    }

    .stickytabs-component .sticky-link-item {
        font-size: var(--font-md-nxt)
    }
}

.goldwealththeme .stickytabs-component .sticky-link-item.active,
.goldwealththeme .stickytabs-component .sticky-link-item:hover {
    border-bottom: 4px solid var(--bdo-wealth-mariana-700)
}

.goldwealththeme .stickytabs-component .sticky-link-item:hover .sticky-links {
    color: var(--bdo-wealth-mariana-700) !important;
    font-weight: 700
}

table.bdo-table {
    display: block !important
}

table.bdo-table,
table.stickyheader-left {
    border: 0 !important;
    overflow: auto;
    width: 100%
}

table.stickyheader-left {
    display: block
}

table.bdo-table-xs {
    border: 0 !important;
    display: inline-table !important;
    overflow: auto;
    width: 100%
}

table.stickyheader-left td {
    border-bottom: .5px solid var(--tbl-brd-color);
    color: var(--bdo-black);
    font-size: 18px;
    font-weight: 600;
    padding: 24px
}

table.stickyheader-left td p,
table.stickyheader-left th p {
    margin-bottom: 0
}

table.stickyheader-left th {
    background-color: var(--bdo-lightblue);
    color: var(--bdo-black);
    font-size: 18px;
    font-weight: 700;
    padding: 32px 24px
}

table.stickyheader-left .highlight-td {
    position: sticky;
    z-index: 5
}

table.stickyheader-left tr:first-child th:first-child {
    background: linear-gradient(90deg, #e5f5ff 1%, #e5f5ff 99%, #f2f2f2 0, #e6e6f2);
    left: 0;
    position: sticky;
    z-index: 5
}

table.stickyheader-left {
    overflow-x: auto;
    width: 100% !important
}

table.stickyheader-left td:first-child {
    left: 0;
    z-index: 5
}

table.stickyheader-left td.highlight-td {
    background: linear-gradient(90deg, #fff, #fff 98%, #f2f2f2)
}

@media(max-width:599.9px) {
    table.bdo-table {
        display: block !important;
        overflow: auto;
        width: 100%
    }
}

@media(min-width:600px)and (max-width:767px) {
    table.bdo-table {
        display: block !important
    }
}

@-moz-document url-prefix() {

    table.bdo-table,
    table.stickyheader-left {
        border-collapse: initial
    }
}

.participantRows ul li {
    width: 25%
}

.participantRows ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    row-gap: 16px
}

.container .row.participantRows.unorderedlist-bdo {
    padding-left: 12px !important;
    padding-top: 24px
}

.participantRows.unorderedlist-bdo ul li .list-content {
    margin-top: 0;
    padding-left: 18px
}

@media(max-width:599.9px) {
    .participantRows ul {
        flex-direction: column
    }

    .participantRows ul li {
        color: var(--blackshadegray);
        width: auto
    }

    .participantRows.unorderedlist-bdo ul li .list-content {
        font-size: var(--font-md-nxt);
        margin-top: 0
    }

    .container .row.participantRows.unorderedlist-bdo {
        padding-top: 0
    }
}

.subsidiary-container_description p {
    margin: 0;
    padding-bottom: 40px;
    padding-top: 32px;
    width: 100%
}

.subsidiary-container_description div,
.subsidiary-container_description p {
    color: var(--bdo-black);
    font-size: var(--font-normal)
}

.dark-blue-variant .subsidiary-container_description {
    color: var(--white)
}

.richtext.padding_top {
    padding-bottom: 8px;
    padding-top: 40px
}

.richtext.dark-blue-variant .subsidiary-container_description p,
.richtext.dark-blue-variant .subsidiary-container_description p strong {
    color: var(--white)
}

.rte-top-margin h1,
.rte-top-margin h2,
.rte-top-margin h3,
.rte-top-margin h4,
.rte-top-margin h5 {
    margin-top: 48px
}

.dark-blue-variant.richtext a {
    color: var(--white)
}

.richtext a,
.richtext a strong,
.richtext a:focus,
.richtext a:hover {
    color: var(--bdo-blue) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--bdo-blue) !important;
    word-break: break-all
}

.richtext div,
.richtext strong {
    font-size: 18px
}

@media(max-width:480px) {
    .subsidiary-container_description p {
        font-size: var(--font-default);
        padding-bottom: 40px;
        padding-top: 24px
    }

    .richtext a strong,
    .richtext strong a {
        font-size: 16px
    }

    .rte-top-margin h1,
    .rte-top-margin h2,
    .rte-top-margin h3,
    .rte-top-margin h4,
    .rte-top-margin h5 {
        margin-top: 40px
    }

    .rte-top-margin h4 {
        padding-bottom: 24px
    }

    .rte-top-margin.richtext {
        margin-bottom: -40px
    }
}

.subsidiary-container_description.unorderedlist-bdo ul li .list-content {
    margin-top: 16px;
    padding-left: 24px
}

.subsidiary-container_description.unorderedlist-bdo {
    font-size: var(--font-normal)
}

.subsidiary-container_description.unorderedlist-bdo ul li:first-child {
    padding-top: 8px
}

.subsidiary-container_description.unorderedlist-bdo ul li ul {
    padding-left: 24px
}

.subsidiary-container_description.unorderedlist-bdo ul li ul li:first-child {
    padding-top: 0
}

.subsidiary-container_description.unorderedlist-bdo {
    margin-bottom: 48px
}

.subsidiary-container_description.unorderedlist-bdo.bulletWDesc {
    margin-bottom: 24px
}

.participating-stores-btn {
    display: none
}

@media(max-width:599.9px) {
    .promo-detail-page .participant-hide {
        display: none
    }

    .promo-detail-page .participating-stores-button {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .promo-detail-page .participating-stores-btn {
        background: transparent;
        border: 1px solid var(--bdo-blue);
        border-radius: 8px;
        color: var(--bdo-blue);
        display: block;
        font-size: 16px;
        font-weight: 700;
        margin-right: 30px;
        padding: 9px 16px
    }

    .subsidiary-container_description.unorderedlist-bdo ul li .list-content {
        font-size: var(--font-md-nxt)
    }

    .subsidiary-container_description.unorderedlist-bdo ul {
        margin-bottom: 0
    }

    .subsidiary-container_description.unorderedlist-bdo,
    .subsidiary-container_description.unorderedlist-bdo.bulletWDesc {
        margin-bottom: 8px
    }

    .subsidiary-container_description.unorderedlist-bdo ul li .list-content {
        display: block;
        margin-top: 0;
        padding-bottom: 16px;
        width: 100%
    }

    .subsidiary-container_description.unorderedlist-bdo ul li:first-child {
        padding-top: 0
    }
}

.bdo-table tr th {
    background-color: var(--bdo-lightblue);
    font-weight: 700;
    padding: 32px 24px
}

.bdo-table tr td,
.bdo-table tr th {
    color: var(--bdo-black);
    font-size: 18px
}

.bdo-table tr td {
    border-bottom: .5px solid var(--tbl-brd-color);
    font-weight: 600;
    padding: 24px
}

.bdo-table .table-header {
    color: var(--bdo-black);
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 24px;
    margin-top: 24px
}

.bdo-awards-table tr td:last-child {
    font-weight: 400
}

.bdo-table tr td p {
    font-weight: 600 !important
}

.promo-offer table.stickyheader-left td.highlight-td:first-child,
.promo-offer table.stickyheader-left th:first-child {
    border-right: .5px solid #c2c2c1
}

@media(max-width:599.9px) {
    .bdo-table tr th {
        background-color: var(--bdo-lightblue);
        font-weight: 700;
        min-width: 120px;
        word-break: break-word
    }

    .bdo-table tr td,
    .bdo-table tr th {
        color: var(--bdo-black);
        font-size: 16px;
        padding: 16px
    }

    .bdo-table tr td {
        border-bottom: .5px solid var(--tbl-brd-color);
        font-weight: 600
    }

    .bdo-table .table-header {
        color: var(--bdo-black);
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 16px;
        margin-top: 16px
    }

    .bdo-awards-table tr td {
        display: block
    }

    .promo-offer table.stickyheader-left td.highlight-td {
        background: linear-gradient(90deg, #fff, #fff 94%, #f2f2f2) !important;
        border-right: initial !important
    }

    .promo-offer table.stickyheader-left tr:first-child th:first-child {
        background: linear-gradient(90deg, #e5f5ff, #e5f5ff 94%, #ebebeb) !important;
        border-right: initial !important
    }
}

.promo-offer table.stickyheader-left tr td {
    border-bottom: .5px solid var(--bdo-lightgray) !important;
    font-weight: 400
}

.promo-offer table.stickyheader-left tr:first-child td:first-child {
    font-weight: 600
}

.promo-offer table.stickyheader-left tr:first-child td,
.promo-offer table.stickyheader-left tr:last-child td {
    border-bottom: none
}

.promo-offer table.stickyheader-left {
    margin-bottom: 48px;
    margin-top: 24px
}

.promo-offer table.stickyheader-left tr:nth-child(4) td.highlight-td {
    border-bottom: none
}

.promo-code_table table.stickyheader-left td.highlight-td,
.promo-offer-details table.stickyheader-left td.highlight-td {
    font-weight: 600
}

.bdoLife-lightBlue-variant table.stickyheader-left th,
.bdoLife-lightBlue-variant table.stickyheader-left tr:first-child th:first-child,
.light-blue-variant table.stickyheader-left th,
.light-blue-variant table.stickyheader-left tr:first-child th:first-child {
    background: var(--bdo-light-grey) !important
}

.goldwealththeme.wealth-light-gold-variant .richtext-section {
    background-color: var(--bdo-wealth-rich-gold-100)
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description p {
    color: var(--blackdarkshade);
    margin-bottom: 0;
    padding-bottom: 1rem
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description h1,
.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description h2,
.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description h3,
.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description h4,
.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description h5,
.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description h6 {
    color: var(--bdo-wealth-mariana-700);
    margin-bottom: 0;
    padding-bottom: .5rem
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description .section-heading {
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description a {
    color: var(--bdo-wealth-rich-gold-600) !important;
    font-weight: 700;
    line-height: 28px
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table {
    border: 0;
    border-collapse: separate
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table th {
    background-color: var(--bdo-wealth-rich-gold-600);
    color: var(--white)
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:nth-child(odd) {
    background-color: var(--white)
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:nth-child(2n) {
    background-color: var(--bdo-wealth-mariana-100)
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table td,
.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table th {
    border-bottom: 1px solid var(--bdo-wealth-rich-gold-500);
    border-right: 1px solid var(--bdo-wealth-rich-gold-500)
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table td:first-child,
.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table th:first-child {
    border-left: 1px solid var(--bdo-wealth-rich-gold-500)
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:first-child th:first-child {
    border-top-left-radius: 8px
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:first-child th:last-child {
    border-top-right-radius: 8px
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:last-child td:first-child {
    border-bottom-left-radius: 8px
}

.goldwealththeme.wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section {
    background-color: var(--bdo-wealth-rich-gold-600)
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description p {
    color: var(--white);
    margin-bottom: 0;
    padding-bottom: 1rem
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description h1,
.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description h2,
.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description h3,
.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description h4,
.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description h5,
.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description h6 {
    color: var(--white);
    margin-bottom: 0;
    padding-bottom: .5rem
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .section-heading {
    color: var(--white)
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description a {
    color: var(--white) !important;
    font-weight: 700;
    line-height: 28px
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table {
    border: 0;
    border-collapse: separate
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table th {
    background-color: var(--bdo-wealth-rich-gold-200);
    color: #2e2e2e
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table td,
.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table th,
.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr {
    color: #2e2e2e
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:nth-child(odd) {
    background-color: var(--white)
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:nth-child(2n) {
    background-color: var(--bdo-wealth-mariana-100)
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table td,
.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table th {
    border-bottom: 1px solid var(--bdo-wealth-rich-gold-500);
    border-right: 1px solid var(--bdo-wealth-rich-gold-500)
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table td:first-child,
.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table th:first-child {
    border-left: 1px solid var(--bdo-wealth-rich-gold-500)
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:first-child th:first-child {
    border-top-left-radius: 8px
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:first-child th:last-child {
    border-top-right-radius: 8px
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:last-child td:first-child {
    border-bottom-left-radius: 8px
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.goldwealththeme.wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table p {
    color: #2e2e2e
}

.goldwealththeme .wealth-light-gold-variant .richtext-section {
    background-color: var(--bdo-wealth-rich-gold-100)
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description p {
    color: var(--blackdarkshade);
    margin-bottom: 0;
    padding-bottom: 1rem
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description h1,
.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description h2,
.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description h3,
.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description h4,
.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description h5,
.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description h6 {
    color: var(--bdo-wealth-mariana-700);
    margin-bottom: 0;
    padding-bottom: .5rem
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description .section-heading {
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description a {
    color: var(--bdo-wealth-rich-gold-600) !important;
    font-weight: 700;
    line-height: 28px
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table {
    border: 0;
    border-collapse: separate
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table th {
    background-color: var(--bdo-wealth-rich-gold-600);
    color: var(--white)
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:nth-child(odd) {
    background-color: var(--white)
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:nth-child(2n) {
    background-color: var(--bdo-wealth-mariana-100)
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table td,
.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table th {
    border-bottom: 1px solid var(--bdo-wealth-rich-gold-500);
    border-right: 1px solid var(--bdo-wealth-rich-gold-500)
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table td:first-child,
.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table th:first-child {
    border-left: 1px solid var(--bdo-wealth-rich-gold-500)
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:first-child th:first-child {
    border-top-left-radius: 8px
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:first-child th:last-child {
    border-top-right-radius: 8px
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:last-child td:first-child {
    border-bottom-left-radius: 8px
}

.goldwealththeme .wealth-light-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section {
    background-color: var(--bdo-wealth-rich-gold-600)
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description p {
    color: var(--white);
    margin-bottom: 0;
    padding-bottom: 1rem
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description h1,
.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description h2,
.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description h3,
.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description h4,
.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description h5,
.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description h6 {
    color: var(--white);
    margin-bottom: 0;
    padding-bottom: .5rem
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .section-heading {
    color: var(--white)
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description a {
    color: var(--white) !important;
    font-weight: 700;
    line-height: 28px
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table {
    border: 0;
    border-collapse: separate
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table th {
    background-color: var(--bdo-wealth-rich-gold-200);
    color: #2e2e2e
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table td,
.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table th,
.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr {
    color: #2e2e2e
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:nth-child(odd) {
    background-color: var(--white)
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:nth-child(2n) {
    background-color: var(--bdo-wealth-mariana-100)
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table td,
.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table th {
    border-bottom: 1px solid var(--bdo-wealth-rich-gold-500);
    border-right: 1px solid var(--bdo-wealth-rich-gold-500)
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table td:first-child,
.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table th:first-child {
    border-left: 1px solid var(--bdo-wealth-rich-gold-500)
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:first-child th:first-child {
    border-top-left-radius: 8px
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:first-child th:last-child {
    border-top-right-radius: 8px
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:last-child td:first-child {
    border-bottom-left-radius: 8px
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.goldwealththeme .wealth-dark-gold-variant .richtext-section .subsidiary-container_description .bdo-table p {
    color: #2e2e2e
}

.container.remit_page {
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0 4px 8px hsla(60, 1%, 76%, .161);
    color: var(--bdo-black);
    font-weight: 600;
    margin-bottom: 96px;
    padding-left: 64px;
    padding-right: 64px;
    text-align: center
}

.remit_text {
    display: flex;
    flex-direction: column
}

.remit_text .result-title {
    font-size: 30px
}

.remit_text .result-time {
    font-size: 16px !important;
    font-weight: 400;
    margin-top: 10px !important
}

.remit_text a {
    color: var(--bdo-blue) !important;
    font-size: var(--font-normal);
    padding-top: 16px
}

.remit_text .result-desc {
    padding-top: 8px
}

.remit_text .result-desc p {
    font-weight: 400;
    line-height: 28px
}

.remit_text .result-desc a {
    font-weight: 700
}

.img-container {
    padding-bottom: 32px;
    padding-top: 40px
}

.remit_text span.bdo-font-large {
    font-size: var(--font-xl-nxt);
    padding-bottom: 8px
}

.remit_text span label {
    font-size: 24px
}

.remit_text span.remit_refnum {
    font-size: 20px
}

.remit_text p {
    font-size: var(--font-normal);
    margin-top: 14px
}

.remit_button {
    letter-spacing: .25px;
    margin-bottom: 48px !important;
    margin-top: 24px !important;
    padding: 12px 16px !important
}

@media(max-width:599px) {
    .remit {
        padding: 0 24px
    }

    .remit_text span.bdo-font-large {
        font-size: var(--font-lg);
        padding-bottom: 34px
    }

    .remit_text p {
        font-size: var(--font-md-nxt);
        margin-top: 16px
    }

    .container.remit_page {
        margin: 0 16px;
        padding-left: 16px;
        padding-right: 16px;
        width: auto
    }

    .remit_text p,
    .remit_text span.remit_refnum {
        font-weight: 400
    }
}

@media(max-width:359px) {
    .remit_button {
        padding: 12px !important
    }
}

@media only screen and (min-width:600px)and (max-width:991px) {
    .container.remit_page {
        padding-left: 24px;
        padding-right: 24px
    }
}

.append-remit-data .img-container {
    padding-bottom: 34px;
    padding-top: 48px
}

.append-remit-data .img-container .img-fluid {
    height: 100px;
    width: 100px
}

.goldwealththeme.grey-variant .why-bdo {
    background-color: var(--bdo-wealth-mariana-100) !important
}

.goldwealththeme.grey-variant .why-bdo h2 {
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.grey-variant .why-bdo .left-arrow,
.goldwealththeme.grey-variant .why-bdo .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-valuepropositions/right-arrow-white.svg) !important
}

.goldwealththeme.grey-variant .why-bdo .left-arrow:hover,
.goldwealththeme.grey-variant .why-bdo .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-valuepropositions/right-arrow-gold.svg) !important
}

.goldwealththeme.grey-variant .why-bdo .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme.grey-variant .why-bdo .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme.grey-variant .why-bdo .carousel-indicators {
    padding: 16px
}

.goldwealththeme.grey-variant .why-bdo .card .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme.grey-variant .why-bdo .card .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme.grey-variant .why-bdo .card .bdo-primary.disabled,
.goldwealththeme.grey-variant .why-bdo .card .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme.grey-variant .why-bdo .card .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.grey-variant .why-bdo .card .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.grey-variant .why-bdo .card .bdo-secondary.disabled,
.goldwealththeme.grey-variant .why-bdo .card .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme.grey-variant .why-bdo .card .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme.grey-variant .why-bdo .card .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme.grey-variant .why-bdo .card .pmu-btn.primaryBtn.disabled,
.goldwealththeme.grey-variant .why-bdo .card .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme.grey-variant .why-bdo .card .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.grey-variant .why-bdo .card .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.grey-variant .why-bdo .card .pmu-btn.secondaryBtn.disabled,
.goldwealththeme.grey-variant .why-bdo .card .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme.grey-variant .why-bdo .card .why-bdo__link,
.goldwealththeme.grey-variant .why-bdo .card .why-bdo__link:hover {
    color: var(--bdo-wealth-rich-gold-600) !important
}

.goldwealththeme.grey-variant .why-bdo .card .nonwealth-icon {
    display: none !important
}

.goldwealththeme.grey-variant .why-bdo .card .wealth-icon {
    display: inline-block !important
}

.goldwealththeme.white-variant .why-bdo {
    background-color: var(--white) !important
}

.goldwealththeme.white-variant .why-bdo h2 {
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.white-variant .why-bdo .left-arrow,
.goldwealththeme.white-variant .why-bdo .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-valuepropositions/right-arrow-grey.svg) !important
}

.goldwealththeme.white-variant .why-bdo .left-arrow:hover,
.goldwealththeme.white-variant .why-bdo .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-valuepropositions/right-arrow-dark-gold.svg) !important
}

.goldwealththeme.white-variant .why-bdo .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme.white-variant .why-bdo .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme.white-variant .why-bdo .carousel-indicators {
    padding: 16px
}

.goldwealththeme.white-variant .why-bdo .card .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme.white-variant .why-bdo .card .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme.white-variant .why-bdo .card .bdo-primary.disabled,
.goldwealththeme.white-variant .why-bdo .card .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme.white-variant .why-bdo .card .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.white-variant .why-bdo .card .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme.white-variant .why-bdo .card .bdo-secondary.disabled,
.goldwealththeme.white-variant .why-bdo .card .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme.white-variant .why-bdo .card .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme.white-variant .why-bdo .card .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme.white-variant .why-bdo .card .pmu-btn.primaryBtn.disabled,
.goldwealththeme.white-variant .why-bdo .card .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme.white-variant .why-bdo .card .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.white-variant .why-bdo .card .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme.white-variant .why-bdo .card .pmu-btn.secondaryBtn.disabled,
.goldwealththeme.white-variant .why-bdo .card .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme.white-variant .why-bdo .card .why-bdo__link,
.goldwealththeme.white-variant .why-bdo .card .why-bdo__link:hover {
    color: var(--bdo-wealth-rich-gold-600) !important
}

.goldwealththeme.white-variant .why-bdo .card .nonwealth-icon {
    display: none !important
}

.goldwealththeme.white-variant .why-bdo .card .wealth-icon {
    display: inline-block !important
}

.goldwealththeme .grey-variant .why-bdo {
    background-color: var(--bdo-wealth-mariana-100) !important
}

.goldwealththeme .grey-variant .why-bdo h2 {
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .grey-variant .why-bdo .left-arrow,
.goldwealththeme .grey-variant .why-bdo .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-valuepropositions/right-arrow-white.svg) !important
}

.goldwealththeme .grey-variant .why-bdo .left-arrow:hover,
.goldwealththeme .grey-variant .why-bdo .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-valuepropositions/right-arrow-gold.svg) !important
}

.goldwealththeme .grey-variant .why-bdo .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme .grey-variant .why-bdo .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme .grey-variant .why-bdo .carousel-indicators {
    padding: 16px
}

.goldwealththeme .grey-variant .why-bdo .card .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .grey-variant .why-bdo .card .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .grey-variant .why-bdo .card .bdo-primary.disabled,
.goldwealththeme .grey-variant .why-bdo .card .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .grey-variant .why-bdo .card .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .grey-variant .why-bdo .card .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .grey-variant .why-bdo .card .bdo-secondary.disabled,
.goldwealththeme .grey-variant .why-bdo .card .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .grey-variant .why-bdo .card .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme .grey-variant .why-bdo .card .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme .grey-variant .why-bdo .card .pmu-btn.primaryBtn.disabled,
.goldwealththeme .grey-variant .why-bdo .card .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme .grey-variant .why-bdo .card .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .grey-variant .why-bdo .card .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .grey-variant .why-bdo .card .pmu-btn.secondaryBtn.disabled,
.goldwealththeme .grey-variant .why-bdo .card .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme .grey-variant .why-bdo .card .why-bdo__link,
.goldwealththeme .grey-variant .why-bdo .card .why-bdo__link:hover {
    color: var(--bdo-wealth-rich-gold-600) !important
}

.goldwealththeme .grey-variant .why-bdo .card .nonwealth-icon {
    display: none !important
}

.goldwealththeme .grey-variant .why-bdo .card .wealth-icon {
    display: inline-block !important
}

.goldwealththeme .white-variant .why-bdo {
    background-color: var(--white) !important
}

.goldwealththeme .white-variant .why-bdo h2 {
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .white-variant .why-bdo .left-arrow,
.goldwealththeme .white-variant .why-bdo .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-valuepropositions/right-arrow-grey.svg) !important
}

.goldwealththeme .white-variant .why-bdo .left-arrow:hover,
.goldwealththeme .white-variant .why-bdo .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-valuepropositions/right-arrow-dark-gold.svg) !important
}

.goldwealththeme .white-variant .why-bdo .carousel-indicators li.active {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border-radius: 100px;
    height: 6px !important;
    width: 24px !important
}

.goldwealththeme .white-variant .why-bdo .carousel-indicators [data-bs-target] {
    border: none
}

.goldwealththeme .white-variant .why-bdo .carousel-indicators {
    padding: 16px
}

.goldwealththeme .white-variant .why-bdo .card .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .white-variant .why-bdo .card .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .white-variant .why-bdo .card .bdo-primary.disabled,
.goldwealththeme .white-variant .why-bdo .card .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .white-variant .why-bdo .card .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .white-variant .why-bdo .card .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .white-variant .why-bdo .card .bdo-secondary.disabled,
.goldwealththeme .white-variant .why-bdo .card .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .white-variant .why-bdo .card .pmu-btn.primaryBtn {
    background-color: var(--bdo-wealth-mariana-700) !important;
    border: 1px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--white) !important
}

.goldwealththeme .white-variant .why-bdo .card .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-600) !important;
    border: 1px solid var(--bdo-wealth-mariana-600) !important;
    color: var(--white) !important
}

.goldwealththeme .white-variant .why-bdo .card .pmu-btn.primaryBtn.disabled,
.goldwealththeme .white-variant .why-bdo .card .pmu-btn.primaryBtn:disabled {
    background-color: var(--bdo-wealth-mariana-400) !important;
    border: 1px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--white) !important;
    cursor: none
}

.goldwealththeme .white-variant .why-bdo .card .pmu-btn.secondaryBtn {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .white-variant .why-bdo .card .pmu-btn.secondaryBtn:hover {
    background-color: var(--bdo-wealth-mariana-200) !important;
    border: 2px solid var(--bdo-wealth-mariana-700) !important;
    color: var(--bdo-wealth-mariana-700) !important
}

.goldwealththeme .white-variant .why-bdo .card .pmu-btn.secondaryBtn.disabled,
.goldwealththeme .white-variant .why-bdo .card .pmu-btn.secondaryBtn:disabled {
    background-color: transparent !important;
    border: 2px solid var(--bdo-wealth-mariana-400) !important;
    color: var(--bdo-wealth-mariana-400) !important;
    cursor: none
}

.goldwealththeme .white-variant .why-bdo .card .why-bdo__link,
.goldwealththeme .white-variant .why-bdo .card .why-bdo__link:hover {
    color: var(--bdo-wealth-rich-gold-600) !important
}

.goldwealththeme .white-variant .why-bdo .card .nonwealth-icon {
    display: none !important
}

.goldwealththeme .white-variant .why-bdo .card .wealth-icon {
    display: inline-block !important
}

.uitf-form .textcolor-green {
    color: #009d12 !important
}

.uitf-form .textcolor-red {
    color: #ff3700 !important
}

.uitf-form .show-block {
    display: block
}

.uitf-form .hide-block {
    display: none !important
}

.uitf-form .uitf-main {
    background: #e5f5ff;
    padding: 24px 0
}

.uitf-form .uitf-readtext h4 {
    color: #2e2e2e;
    font-size: 20px;
    font-weight: 700
}

.uitf-form .content-section,
.uitf-form .form-section {
    margin-bottom: 48px
}

.uitf-form .content-section {
    word-break: break-word
}

.uitf-form .sub-component-section-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    gap: 0;
    justify-content: flex-start;
    max-width: 1184px;
    position: relative;
    width: 100%
}

.uitf-form .content-group {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--gap-gap-8, 8px);
    justify-content: center;
    position: relative
}

.uitf-form .title {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    gap: 0;
    justify-content: flex-start;
    position: relative
}

.uitf-form .section-title {
    color: var(--text-neutral-color-text-primary, #2e2e2e);
    flex: 1;
    font-size: var(--text-5xl-semibold-font-size, 40px);
    font-weight: var(--text-5xl-semibold-font-weight, 600);
    line-height: var(--text-5xl-semibold-line-height, 48px);
    position: relative;
    text-align: left
}

.uitf-form .sub-title {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    gap: 0;
    justify-content: flex-start;
    position: relative
}

.uitf-form .section-sub-title {
    color: var(--text-neutral-color-text-primary, #2e2e2e);
    flex: 1;
    font-size: var(--text-lg-normal-font-size, 18px);
    font-weight: var(--text-lg-normal-font-weight, 400);
    line-height: var(--text-lg-normal-line-height, 28px);
    position: relative;
    text-align: left
}

.uitf-form .section-sub-title ol,
.uitf-form .section-sub-title p,
.uitf-form .section-sub-title ul {
    margin-bottom: 0 !important
}

.uitf-form .uitf-form-section {
    align-items: flex-start;
    background: var(--background-neutral-color-bg-white, #fff);
    border-radius: var(--radius-base, 8px);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 0;
    justify-content: flex-start;
    position: relative
}

.uitf-form .uitf-form-section form {
    width: 100%
}

.uitf-form .title2 {
    align-items: flex-start;
    align-self: stretch;
    background: #0072d8;
    border-radius: 8px 8px 0 0;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 10px;
    justify-content: flex-start;
    overflow: hidden;
    padding: 24px;
    position: relative
}

.uitf-form .fill-out-details {
    align-self: stretch;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    text-align: left
}

.uitf-form .form-fields {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: var(--gap-gap-24, 24px);
    justify-content: flex-start;
    padding: var(--padding-padding-24, 24px);
    position: relative
}

.uitf-form .note {
    align-self: stretch;
    color: var(--text-neutral-color-text-primary, #2e2e2e);
    font-size: var(--text-lg-normal-font-size, 18px);
    font-weight: var(--text-lg-normal-font-weight, 400);
    line-height: var(--text-lg-normal-line-height, 28px);
    position: relative;
    text-align: left
}

.uitf-form .dropdown-field {
    align-items: flex-start;
    flex-direction: column
}

.uitf-form .dropdown-field,
.uitf-form .sub-component-input-label {
    align-self: stretch;
    display: flex;
    flex-shrink: 0;
    gap: var(--gap-gap-8, 8px);
    justify-content: flex-start;
    position: relative
}

.uitf-form .sub-component-input-label {
    align-items: center;
    flex-direction: row
}

.uitf-form .label {
    color: var(--text-neutral-color-text-primary, #2e2e2e);
    font-size: var(--text-base-normal-font-size, 16px);
    font-weight: var(--text-base-normal-font-weight, 400);
    line-height: var(--text-base-normal-line-height, 24px);
    position: relative;
    text-align: left
}

.uitf-form .sub-component-input-text-container {
    align-self: stretch;
    background: var(--background-neutral-color-bg-white, #fff);
    border-color: var(--border-colored-color-border-primary, #99c1e7);
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    flex-shrink: 0;
    gap: 0;
    min-width: 200px;
    padding: var(--padding-padding-14, 14px) var(--padding-padding-16, 16px) var(--padding-padding-14, 14px) var(--padding-padding-16, 16px)
}

.uitf-form .sub-component-input-properties,
.uitf-form .sub-component-input-text-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative
}

.uitf-form .sub-component-input-properties {
    flex: 1;
    gap: var(--gap-gap-8, 8px)
}

.uitf-form .place-holder {
    align-items: center;
    flex: 1;
    flex-direction: row
}

.uitf-form .icon-caret-small,
.uitf-form .place-holder {
    display: flex;
    gap: 0;
    justify-content: flex-start;
    position: relative
}

.uitf-form .icon-caret-small {
    align-items: flex-start;
    flex-direction: row;
    flex-shrink: 0
}

.uitf-form .group-fields {
    gap: 24px
}

.uitf-form .datepicker-field,
.uitf-form .group-fields {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: flex-start;
    position: relative
}

.uitf-form .datepicker-field {
    gap: var(--gap-gap-8, 8px)
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown.dropdown-menu {
    border: 1px solid var(--bdo-lightblue-2);
    border-radius: 8px;
    box-shadow: 0 1px 2px -1px rgba(46, 46, 46, .1), 0 1px 3px 0 rgba(46, 46, 46, .1);
    padding: 8px;
    transform: translateY(5px);
    width: 100%;
    z-index: 9 !important
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown:after,
.uitf-form .datepicker-field .field-container .datepicker-dropdown:before {
    display: none
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table {
    border-collapse: separate;
    border-spacing: 0 10px;
    position: relative;
    width: 100%
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tfoot,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table thead tr:first-child {
    display: none
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table .datepicker-switch {
    font-size: 14px;
    font-weight: 400
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th {
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    line-height: normal
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td .disabled,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th .disabled {
    color: #919191 !important
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td {
    position: relative
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.new.day,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.old.day {
    visibility: hidden
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.day,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.dow {
    width: 40px
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.dow {
    padding-top: 10px
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.day:hover {
    background: transparent;
    color: var(--white)
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.day:hover:after {
    display: block
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.day:after {
    background: var(--bdo-blue);
    border-radius: 24px;
    bottom: 0;
    content: "";
    display: none;
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    z-index: -1
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.disabled {
    cursor: not-allowed
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.disabled:hover {
    color: #999
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.disabled:hover:after {
    display: none
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.active {
    background: transparent;
    position: relative
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.active:after {
    background: var(--bdo-blue);
    border-radius: 24px;
    bottom: 0;
    content: "";
    display: block;
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    z-index: -1
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td .month.active,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td .year.active {
    background: var(--bdo-blue)
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td .month.disabled:hover {
    cursor: not-allowed
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td .year.new,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td .year.old {
    color: #212529
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td .year.disabled:hover {
    cursor: not-allowed
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td .century.active,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td .decade.active {
    background: var(--bdo-blue);
    color: var(--white) !important
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td .century.new,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td .century.old,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td .decade.new,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td .decade.old {
    display: none
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th.next,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th.prev {
    font-size: 0;
    margin-top: -2px
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th.next.disabled,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th.prev.disabled {
    cursor: default;
    opacity: .61;
    pointer-events: none;
    visibility: visible
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th.next.disabled:hover,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th.prev.disabled:hover {
    cursor: default
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th.prev {
    left: 4px;
    right: auto
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th.next {
    left: auto;
    margin-top: 2px;
    right: 4px
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th:hover {
    background: transparent
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th.next:after,
.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th.prev:after {
    background-image: url(clientlib-custom/resources/images/calendar-button.svg);
    background-position: 50%;
    content: "";
    display: block;
    height: 24px;
    position: static;
    transform: rotate(180deg);
    width: 22px
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr th.prev {
    transform: rotate(180deg)
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.today {
    background: transparent;
    color: var(--white);
    position: relative
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr td.today:after {
    background: var(--bdo-blue);
    border-radius: 24px;
    bottom: 0;
    content: "";
    display: block;
    height: 24px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    z-index: -1
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown table tr:last-child td {
    border: none
}

.uitf-form .datepicker-field .field-container .datepicker-dropdown .datepicker-days table tr th.next,
.uitf-form .datepicker-field .field-container .datepicker-dropdown .datepicker-days table tr th.prev {
    position: absolute
}

.uitf-form .sub-component-input-text-container2 {
    align-items: center;
    align-self: stretch;
    background: var(--background-neutral-color-bg-gray-faint, #f6f6f6);
    border-color: var(--border-neutral-color-border-disabled, #a0a0a0);
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    gap: 0;
    justify-content: flex-start;
    min-width: 200px;
    padding: var(--padding-padding-14, 14px) var(--padding-padding-16, 16px) var(--padding-padding-14, 14px) var(--padding-padding-16, 16px);
    position: relative
}

.uitf-form .icon-calendar,
.uitf-form .icon-calendar2 {
    flex-shrink: 0;
    height: 24px;
    overflow: visible;
    position: relative;
    width: 24px
}

.uitf-form .input-field {
    align-items: flex-start;
    flex-direction: column
}

.uitf-form .form-label,
.uitf-form .input-field {
    align-self: stretch;
    display: flex;
    flex-shrink: 0;
    gap: var(--gap-gap-8, 8px);
    justify-content: flex-start;
    position: relative
}

.uitf-form .form-label {
    align-items: center;
    flex-direction: row;
    margin: 0
}

.uitf-form .tooltip2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 0;
    height: auto;
    justify-content: center;
    overflow: visible;
    position: relative
}

.uitf-form .field-container {
    align-items: center;
    position: relative;
    width: 100%
}

.uitf-form .field-container span.input-group-append {
    position: absolute;
    right: 14px;
    top: 16px
}

.uitf-form input#fundName_select2 {
    padding-right: 41px
}

.uitf-form .field-container .default {
    display: none
}

.uitf-form .field-container.disabled-state .default {
    display: block
}

.uitf-form .field-container.disabled-state .active {
    display: none
}

.uitf-form .field-input,
.uitf-form .select2-selection.select2-selection--single {
    align-items: center;
    align-self: stretch;
    background: var(--background-neutral-color-bg-white, #fff);
    border-color: var(--border-colored-color-border-primary, #99c1e7);
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    gap: 0;
    justify-content: flex-start;
    min-height: 56px;
    padding: var(--padding-padding-14, 14px) var(--padding-padding-16, 16px) var(--padding-padding-14, 14px) var(--padding-padding-16, 16px);
    position: relative
}

.uitf-form .field-input {
    font-size: 18px;
    font-weight: 400
}

.uitf-form .field-input:active,
.uitf-form .field-input:focus {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #0072d8;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 114, 216, .322);
    color: #2e2e2e;
    opacity: 1;
    outline: 0
}

.uitf-form .field-input.error {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #ff3700;
    border-radius: 8px;
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 400;
    opacity: 1
}

.uitf-form .field-input.error:active,
.uitf-form .field-input.error:focus {
    box-shadow: 0 0 8px hsla(0, 67%, 69%, .38)
}

.uitf-form .form-content {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: var(--gap-gap-8, 8px);
    justify-content: flex-start;
    position: relative
}

.uitf-form .button-container {
    align-self: stretch;
    background: #fff;
    border-radius: 0 0 8px 8px;
    flex-shrink: 0;
    gap: var(--gap-gap-24, 24px);
    justify-content: center;
    overflow: hidden;
    padding: var(--padding-padding-16, 16px) var(--padding-padding-24, 24px) var(--padding-padding-24, 24px) var(--padding-padding-24, 24px)
}

.uitf-form .button-container,
.uitf-form .cta-groups-buttons {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    position: relative
}

.uitf-form .cta-groups-buttons {
    flex: 1;
    gap: var(--gap-gap-16, 16px);
    justify-content: flex-start
}

.uitf-form .cta-component-button-properties {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    gap: var(--gap-gap-8, 8px);
    justify-content: flex-start;
    position: relative
}

.uitf-form .submit {
    color: var(--text-neutral-color-text-white, #fff)
}

.uitf-form .submit,
.uitf-form .submit2 {
    font-size: var(--text-lg-bold-font-size, 18px);
    font-weight: var(--text-lg-bold-font-weight, 700);
    line-height: var(--text-lg-bold-line-height, 28px);
    position: relative;
    text-align: left
}

.uitf-form .submit2 {
    color: var(--text-link-color-link-disabled, #a0a0a0)
}

.uitf-form .right-col {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    position: relative
}

.uitf-form .results {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 0;
    justify-content: flex-start;
    position: relative
}

.uitf-form .results2 {
    align-self: stretch;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    text-align: left
}

.uitf-form .results-body {
    background: var(--background-neutral-color-bg-white, #fff);
    border-radius: 0 0 var(--radius-base, 8px) var(--radius-base, 8px);
    gap: var(--gap-gap-24, 24px);
    overflow: hidden;
    padding: var(--padding-padding-24, 24px)
}

.uitf-form .results-body,
.uitf-form .uitf-results-table {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: flex-start;
    position: relative
}

.uitf-form .uitf-results-table {
    gap: 0
}

.uitf-form .uitf-results-table .mobile-view.originTooltip {
    display: none
}

@media(max-width:767px) {
    .uitf-form .uitf-results-table .originTooltip {
        display: none
    }

    .uitf-form .uitf-results-table .mobile-view.originTooltip {
        display: inline-flex
    }
}

.uitf-form .table-row {
    align-items: flex-start;
    background: var(--background-neutral-color-bg-white, #fff);
    flex-shrink: 0;
    gap: var(--gap-gap-0, 0);
    word-break: break-word
}

.uitf-form .table-row,
.uitf-form .table-title {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative
}

.uitf-form .table-title {
    align-items: center;
    background: var(--background-colored-color-bg-brand-bold, #004ea8);
    border-color: var(--border-colored-color-border-primary, #99c1e7);
    border-style: solid;
    border-width: 1px 0 0 1px;
    flex: 1;
    gap: var(--gap-gap-6, 6px);
    padding: var(--gap-gap-16, 16px) var(--padding-padding-16, 16px) var(--gap-gap-16, 16px) var(--padding-padding-16, 16px)
}

.uitf-form .table-head {
    color: var(--text-neutral-color-text-white, #fff);
    font-size: var(--text-base-bold-font-size, 16px);
    font-weight: var(--text-base-bold-font-weight, 700);
    line-height: var(--text-base-bold-line-height, 24px);
    position: relative;
    text-align: left
}

.uitf-form .table-head .originTooltip {
    margin: 4px 0 0 6px;
    position: absolute
}

.uitf-form .table-cell {
    align-items: center;
    align-self: stretch;
    border-color: var(--border-colored-color-border-primary, #99c1e7);
    border-style: solid;
    border-width: 1px 1px 0;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: var(--gap-gap-8, 8px);
    justify-content: flex-start;
    padding: var(--padding-padding-16, 16px);
    position: relative
}

.uitf-form .result-data-label {
    color: var(--text-neutral-color-text-primary, #2e2e2e);
    font-size: var(--text-base-normal-font-size, 16px);
    font-weight: var(--text-base-normal-font-weight, 400);
    line-height: var(--text-base-normal-line-height, 24px);
    position: relative;
    text-align: left
}

@media(max-width:767px) {
    .uitf-form .result-data-label {
        font-weight: 600
    }
}

.uitf-form .table-cell2 {
    align-items: center;
    align-self: stretch;
    background: var(--background-neutral-color-bg-gray-faint, #f6f6f6);
    border-color: var(--border-colored-color-border-primary, #99c1e7);
    border-style: solid;
    border-width: 1px 1px 0;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: var(--gap-gap-8, 8px);
    justify-content: flex-start;
    padding: var(--padding-padding-16, 16px);
    position: relative
}

.uitf-form .php {
    color: var(--text-neutral-color-text-primary, #2e2e2e);
    font-size: var(--text-base-normal-font-size, 16px);
    font-weight: var(--text-base-normal-font-weight, 400);
    line-height: var(--text-base-normal-line-height, 24px);
    position: relative;
    text-align: left;
    width: 48px
}

.uitf-form .table-cell3 {
    align-items: center;
    background: var(--background-neutral-color-bg-white, #fff);
    border-color: var(--border-colored-color-border-primary, #99c1e7);
    border-style: solid;
    border-width: 1px;
    flex: 1;
    flex-direction: row;
    gap: var(--gap-gap-8, 8px);
    padding: var(--padding-padding-16, 16px)
}

.uitf-form .table-cell3,
.uitf-form .table-row2 {
    align-self: stretch;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.uitf-form .table-row2 {
    align-items: flex-start;
    background: var(--background-neutral-color-bg-gray-faint, #f6f6f6);
    flex-direction: row;
    flex-shrink: 0;
    gap: var(--gap-gap-0, 0)
}

.uitf-form .result-data-label2 {
    font-weight: var(--text-base-bold-font-weight, 700)
}

.uitf-form .bottom-table-cell {
    border-radius: 0 0 8px 0;
    border-width: 1px
}

.uitf-form ._159-800-002 {
    color: var(--text-neutral-color-text-primary, #2e2e2e);
    font-size: var(--text-base-bold-font-size, 16px);
    font-weight: var(--text-base-bold-font-weight, 700);
    line-height: var(--text-base-bold-line-height, 24px);
    position: relative;
    text-align: center
}

.uitf-form .value-status {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-shrink: 1;
    gap: var(--gap-gap-8, 8px);
    justify-content: flex-start;
    position: relative
}

.uitf-form ._0-00 {
    color: var(--text-neutral-color-text-primary, #2e2e2e);
    font-size: var(--text-base-normal-font-size, 16px);
    font-weight: var(--text-base-normal-font-weight, 400);
    line-height: var(--text-base-normal-line-height, 24px);
    position: relative;
    text-align: left
}

.uitf-form .top-table-title {
    border-radius: 8px 0 0 0
}

.uitf-form .top-table-cell {
    border-radius: 0 8px 0 0
}

.uitf-form .bottom-table-title {
    border-radius: 0 0 0 8px;
    border-width: 1px 0 1px 1px
}

.uitf-form .error-field {
    color: var(--text-colored-text-color-text-danger, #ff3700);
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    text-align: left
}

.uitf-form .info-field {
    color: #a0a0a0;
    font-size: 14px;
    font-weight: 400
}

.uitf-form .primary {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--gap-gap-0, 0);
    justify-content: center;
    position: relative
}

.uitf-form .button-primary {
    background: #0072d8;
    border: 0;
    border-radius: 8px;
    color: #fff !important;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    min-height: 56px;
    padding: 10px 16px;
    white-space: nowrap
}

.uitf-form .button-primary:hover {
    background: #004ea8
}

.uitf-form .button-primary:disabled {
    background: #a0a0a0;
    color: #fff;
    cursor: not-allowed
}

.uitf-form .secondary {
    align-items: center;
    border-color: var(--border-neutral-color-border-disabled, #0072d8);
    border-style: solid;
    border-width: 2px;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--gap-gap-0, 0);
    justify-content: center;
    position: relative
}

.uitf-form .button-secondary {
    background: #fff;
    border-radius: 8px;
    color: #0072d8;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    min-height: 56px;
    padding: 10px 16px;
    white-space: nowrap
}

.uitf-form .button-secondary:disabled {
    border-color: #a0a0a0 !important;
    color: #a0a0a0
}

.uitf-form .button-secondary:hover {
    border-color: #004ea8
}

.uitf-form .originTooltip {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    position: relative
}

.uitf-form .originTooltip .hover-svg {
    display: none
}

.uitf-form .originTooltip:hover .tooltip-text {
    word-break: break-word
}

.uitf-form .originTooltip.clicked .default-svg,
.uitf-form .originTooltip:hover .default-svg {
    display: none
}

.uitf-form .originTooltip.clicked .hover-svg,
.uitf-form .originTooltip:hover .hover-svg {
    display: block
}

.uitf-form .originTooltip .tooltip-text {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px -4px rgba(46, 46, 46, .1), 0 10px 15px -3px rgba(46, 46, 46, .1);
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 400;
    margin-left: 18px;
    opacity: 0;
    padding: 8px 12px;
    position: absolute;
    text-align: center;
    text-align: start;
    top: -30%;
    transition: opacity .3s;
    visibility: hidden;
    width: 176px;
    word-break: break-word;
    z-index: 9
}

.uitf-form .originTooltip:hover .tooltip-text {
    background-color: #fff;
    opacity: 1;
    visibility: visible
}

.uitf-form .para-container a.more-link {
    color: #0072d8 !important
}

@media(max-width:767px) {

    .uitf-form .content-section,
    .uitf-form .form-section {
        margin-bottom: 36px;
        padding: 0 9px
    }

    .uitf-form .section-title {
        font-size: var(--text-5xl-semibold-font-size, 24px);
        font-weight: var(--text-5xl-semibold-font-weight, 600);
        line-height: var(--text-5xl-semibold-line-height, 32px)
    }

    .uitf-form .section-sub-title {
        font-size: var(--text-lg-normal-font-size, 16px)
    }

    .uitf-form .uitf-results-table {
        border-color: transparent;
        border-width: 0
    }

    .uitf-form .table-row {
        flex-direction: column;
        margin-bottom: 16px
    }

    .uitf-form .table-title {
        background: var(--background-colored-color-bg-brand-bold, #fff);
        border-color: transparent;
        border-width: 0;
        margin-bottom: 4px;
        padding: 0
    }

    .uitf-form .table-head {
        color: var(--text-neutral-color-text-white, #656565);
        font-weight: var(--text-base-bold-font-weight, 400)
    }

    .uitf-form .table-cell {
        border: 0 solid transparent;
        padding: 0
    }

    .uitf-form .table-cell2,
    .uitf-form .table-cell3 {
        background: var(--background-neutral-color-bg-gray-faint, #fff);
        border: 0 solid transparent;
        padding: 0
    }

    .uitf-form ._159-800-00,
    .uitf-form .php {
        color: var(--text-neutral-color-text-primary, #2e2e2e);
        font-weight: var(--text-base-normal-font-weight, 600)
    }

    .uitf-form .form-section .col-md-5 {
        margin-bottom: 32px
    }

    .uitf-form .dt-orderable-asc .originTooltip,
    .uitf-form .dt-type-numeric .originTooltip {
        position: absolute;
        right: -40px;
        top: 26%
    }

    .uitf-form .button-primary,
    .uitf-form .button-secondary {
        font-size: 16px;
        min-height: 48px
    }
}

.uitf-form-body .autocomplete {
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(46, 46, 46, .102);
    z-index: 8
}

.uitf-form-body .autocomplete::-webkit-scrollbar {
    height: 5px;
    width: 5px
}

.uitf-form-body .autocomplete::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    -webkit-border-radius: 10px
}

.uitf-form-body .autocomplete::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-left: -150px
}

.uitf-form-body .autocomplete::-webkit-scrollbar-thumb:hover {
    background: #555
}

.uitf-form-body .autocomplete>div {
    font-size: 16px;
    min-height: 40px;
    padding: 8px 16px
}

.uitf-form-body .autocomplete>div.selected {
    font-weight: 700
}

.uitf-form-body .autocomplete>div:hover:not(.group) {
    background: #e5f5ff;
    cursor: pointer;
    font-weight: 600
}

.uitf-form-body .autocomplete>div.selected {
    background: transparent;
    cursor: pointer;
    font-weight: inherit
}

.uitf-form-body .autocomplete>div>strong {
    font-weight: bolder
}

.uitf-form-body .uitf-form-section input[type=text]:read-only,
.uitf-form-body .uitf-form-section input[type=text][disabled],
.uitf-form-body .uitf-form-section input[type=text][read-only] {
    background-color: #f6f6f6 !important;
    border-color: #a0a0a0 !important;
    box-shadow: none;
    -webkit-opacity: 1;
    opacity: 1 !important;
    -webkit-text-fill-color: #919191;
    font-weight: 400
}

.uitf-form-body .daterangepicker {
    border-radius: 8px;
    color: #2e2e2e;
    font-size: 16px;
    width: 100%;
    z-index: 9
}

.uitf-form-body .daterangepicker .calendar-table {
    width: 100%
}

@media(max-width:767px) {
    .uitf-form-body .daterangepicker .calendar-table table {
        border-collapse: separate;
        border-spacing: 10px
    }

    .uitf-form-body .daterangepicker td.in-range {
        background-color: #e5f5ff
    }
}

@media(max-width:480px) {
    .uitf-form-body .daterangepicker .calendar-table {
        width: 100%
    }

    .uitf-form-body .daterangepicker .calendar-table table {
        border-spacing: 0
    }
}

.uitf-form-body .daterangepicker select.monthselect,
.uitf-form-body .daterangepicker select.yearselect {
    border: 1px solid #99c1e7;
    border-radius: 4px;
    color: #2e2e2e;
    font-size: 16px
}

.uitf-form-body .daterangepicker .drp-buttons {
    background-color: #f6f6f6;
    border-top: none;
    padding: 16px
}

.uitf-form-body .daterangepicker .drp-buttons .btn {
    border-radius: 8px;
    font-size: 16px;
    height: auto;
    line-height: 24px;
    margin: 0;
    padding: 10px 16px
}

.uitf-form-body .daterangepicker .drp-buttons .btn.applyBtn {
    background-color: #0072d8
}

.uitf-form-body .daterangepicker .drp-calendar {
    max-width: none;
    width: 100%
}

.uitf-form-body .daterangepicker .drp-calendar table td,
.uitf-form-body .daterangepicker .drp-calendar table th {
    font-size: 16px;
    font-weight: 400;
    height: 30px
}

@media(min-width:768px) {

    .uitf-form-body .daterangepicker td.active,
    .uitf-form-body .daterangepicker td.active:hover {
        background-color: #0072d8 !important
    }

    .uitf-form-body .daterangepicker td.active.end-date,
    .uitf-form-body .daterangepicker td.end-date,
    .uitf-form-body .daterangepicker td.start-date {
        background-color: #0072d8;
        border-radius: 50% !important;
        height: 28px;
        margin: 0 auto;
        width: 24px
    }

    .uitf-form-body .daterangepicker td.in-range {
        background-color: #e5f5ff
    }

    .uitf-form-body .daterangepicker .off.ends.active {
        background-color: #fff
    }

    .uitf-form-body .daterangepicker .calendar-table table {
        border-collapse: separate;
        border-spacing: 0 12px
    }

    .uitf-form-body .daterangepicker .drp-selected {
        font-size: 14px;
        font-weight: 400;
        padding-right: 16px
    }

    .uitf-form-body .daterangepicker .cancelBtn.btn.btn-sm.btn-default {
        border: 2px solid #0072d8;
        border-radius: 8px;
        color: #0072d8;
        margin-right: 16px !important;
        padding-left: 16px
    }

    .uitf-form-body .daterangepicker .applyBtn,
    .uitf-form-body .daterangepicker .cancelBtn {
        min-width: 104px;
        padding: 8px 16px !important
    }

    .uitf-form-body .daterangepicker .drp-calendar.right {
        padding: 0 16px 16px 18px
    }

    .uitf-form-body .daterangepicker .drp-calendar.left {
        padding: 12px 8px
    }

    .uitf-form-body .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 0
    }

    .uitf-form-body .daterangepicker .drp-calendar.right .calendar-table {
        margin-left: 28px;
        margin-right: 16px;
        position: absolute;
        width: 266px
    }

    .uitf-form-body .daterangepicker .drp-calendar.left .calendar-table {
        width: 100%
    }
}

.uitf-form-body .daterangepicker option.disabled,
.uitf-form-body .daterangepicker td.disabled {
    text-decoration: none
}

@media(max-width:767px) {

    .uitf-form-body .daterangepicker td.active.end-date,
    .uitf-form-body .daterangepicker td.end-date,
    .uitf-form-body .daterangepicker td.start-date {
        background-color: #0072d8;
        border-radius: 50% !important
    }

    .uitf-form-body .daterangepicker .cancelBtn.btn.btn-sm.btn-default {
        border: 2px solid #0072d8;
        border-radius: 8px;
        color: #0072d8;
        margin-left: 6px;
        margin-right: 12px !important;
        padding-left: 12px
    }

    .uitf-form-body .daterangepicker .drp-buttons .btn {
        padding: 10px 14px
    }

    .uitf-form-body .daterangepicker .drp-selected {
        padding-right: 0 !important
    }
}

.uitf-form-body .daterangepicker:after,
.uitf-form-body .daterangepicker:before {
    content: none !important
}

@media(max-width:424px) {

    .uitf-form #uitfFormContainer .dropdown-field .originTooltip .tooltip-text,
    .uitf-form #uitfFormContainer .group-fields .originTooltip .tooltip-text {
        margin-left: 0;
        margin-top: 18px;
        right: -100px;
        top: 0
    }

    .uitf-form #uitfFormContainer .group-fields .input-field .originTooltip .tooltip-text {
        margin-left: 0;
        margin-top: -2px;
        right: -100px;
        top: 0;
        transform: translateY(-100%)
    }

    .uitf-form .results .uitf-results-table .table-row .originTooltip .tooltip-text {
        margin-left: 0;
        margin-top: 18px;
        right: -100px;
        top: 0
    }

    .uitf-form .results .uitf-results-table .table-row:nth-child(10) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(5) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(7) .originTooltip .tooltip-text {
        right: 0
    }

    .uitf-form .results .uitf-results-table .table-row:nth-child(10) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(8) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(9) .originTooltip .tooltip-text {
        margin-left: 0;
        margin-top: -2px;
        right: -100px;
        top: 0;
        transform: translateY(-100%)
    }

    .uitf-form .results .uitf-results-table .table-row:nth-child(10) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(8) .originTooltip .tooltip-text {
        right: 0
    }
}

@media(min-width:425px)and (max-width:1023px) {

    .uitf-form #uitfFormContainer .dropdown-field .originTooltip .tooltip-text,
    .uitf-form #uitfFormContainer .group-fields .originTooltip .tooltip-text {
        margin-top: -8px
    }

    .uitf-form #uitfFormContainer .input-field .originTooltip .tooltip-text {
        margin-top: 26px;
        top: 0;
        transform: translateY(-100%)
    }

    .uitf-form .results .uitf-results-table .table-row .originTooltip .tooltip-text {
        margin-left: 114%;
        margin-left: 0;
        margin-top: 18px;
        right: -100px;
        top: 0
    }

    .uitf-form .results .uitf-results-table .table-row:nth-child(10) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(7) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(8) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(9) .originTooltip .tooltip-text {
        margin-left: 0;
        margin-top: -2px;
        right: -100px;
        top: 0;
        transform: translateY(-100%)
    }

    .uitf-form .results .uitf-results-table .table-row:nth-child(10) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(5) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(7) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(8) .originTooltip .tooltip-text {
        right: -50px
    }
}

@media(min-width:768px)and (max-width:1023px) {

    .uitf-form .results .uitf-results-table .table-row:nth-child(10) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(5) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(7) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(8) .originTooltip .tooltip-text {
        right: -100px
    }
}

@media(min-width:1024px) {
    .uitf-form .results .uitf-results-table .table-row:last-child .originTooltip .tooltip-text {
        margin-top: 32px;
        top: 0;
        transform: translateY(-100%)
    }

    .uitf-form .results .uitf-results-table .table-row:nth-child(6) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(7) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(8) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(9) .originTooltip .tooltip-text {
        margin-top: 24px;
        top: 0;
        transform: translateY(-82%)
    }

    .uitf-form .results .uitf-results-table .table-row:nth-child(3) .originTooltip .tooltip-text,
    .uitf-form .results .uitf-results-table .table-row:nth-child(4) .originTooltip .tooltip-text {
        top: 0;
        transform: translateY(-20%)
    }

    .uitf-form .results .uitf-results-table .table-row:nth-child(5) .originTooltip .tooltip-text {
        margin-top: -5px;
        top: 0;
        transform: translateY(-10%)
    }

    .uitf-form #uitfFormContainer .datepicker-field:nth-child(2) .originTooltip .tooltip-text,
    .uitf-form #uitfFormContainer .input-field .originTooltip .tooltip-text {
        margin-top: 24px;
        top: 0;
        transform: translateY(-82%)
    }
}

.travel-stepper {
    background-color: #fff;
    padding-bottom: 80px;
    padding-top: 80px;
    position: relative
}

.travel-stepper--header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 48px
}

.travel-stepper--header .title {
    color: #2e2e2e;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 0
}

.travel-stepper .cardexclusivecarousel {
    height: auto !important
}

.travel-stepper .swiper-wrapper {
    align-items: baseline;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: space-between
}

.travel-stepper .swiper-wrapper .swiper-slide {
    height: 100%;
    position: relative
}

.travel-stepper .swiper-wrapper .swiper-slide .carousel-card {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex: 0 1 calc(25% - 92px);
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: center;
    min-height: fit-content;
    padding-left: 16px;
    padding-right: 16px
}

.travel-stepper .swiper-wrapper .swiper-slide .carousel-card--count {
    color: #2e2e2e;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px
}

.travel-stepper .swiper-wrapper .swiper-slide .carousel-card--image {
    position: relative;
    text-align: center;
    width: 100%
}

.travel-stepper .swiper-wrapper .swiper-slide .carousel-card--image img {
    background-color: #fff;
    border-radius: 1000px;
    height: 120px;
    padding: 12px;
    width: 120px
}

.travel-stepper .swiper-wrapper .swiper-slide .carousel-card--image .icon {
    bottom: 12px;
    display: block;
    height: 16px;
    position: absolute;
    right: -30px;
    width: 60px;
    z-index: 1
}

.travel-stepper .swiper-wrapper .swiper-slide .carousel-card--image .icon svg {
    border-radius: unset;
    height: 100%;
    padding: unset;
    width: 68px
}

.travel-stepper .swiper-wrapper .swiper-slide .carousel-card--content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: flex-start
}

.travel-stepper .swiper-wrapper .swiper-slide .carousel-card--content .title {
    align-items: center;
    color: #2e2e2e;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    text-align: center
}

.travel-stepper .swiper-wrapper .swiper-slide .carousel-card--content .text {
    color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    width: 199px
}

.travel-stepper .swiper-wrapper .swiper-slide .carousel-card--content .text a {
    color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    text-decoration: underline !important;
    text-underline-offset: 4px
}

.travel-stepper .swiper-wrapper .swiper-slide:last-child .carousel-card--image .icon {
    display: none
}

.travel-stepper .modify-position .swiper-wrapper .swiper-slide .carousel-card--image .icon {
    right: -120px
}

.travel-stepper .swiper-pagination {
    margin-top: 48px;
    position: static
}

.travel-stepper .swiper-pagination-bullet {
    background-color: #99c1e7;
    border-radius: 100px;
    height: 6px;
    opacity: 1;
    outline: none;
    width: 6px
}

.travel-stepper .swiper-pagination-bullet-active {
    background-color: #fdb913;
    outline: none;
    width: 24px
}

.travel-stepper .arrow-container {
    position: absolute;
    top: 50%
}

.travel-stepper .arrow-container .swiper-button-disabled {
    display: none
}

.travel-stepper .arrow-container .swiper-button-next,
.travel-stepper .arrow-container .swiper-button-prev {
    background-color: #e5f5ff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 32px 32px;
    border-radius: 8px;
    height: 44px;
    padding: 0;
    top: unset;
    width: 44px;
    z-index: 8
}

.travel-stepper .arrow-container .swiper-button-next svg,
.travel-stepper .arrow-container .swiper-button-prev svg {
    height: unset;
    width: unset
}

.travel-stepper .arrow-container .swiper-button-next:after,
.travel-stepper .arrow-container .swiper-button-prev:after,
.travel-stepper .arrow-container .swiper-rtl .swiper-button-next:after,
.travel-stepper .arrow-container .swiper-rtl .swiper-button-prev:after {
    content: unset
}

.travel-stepper .arrow-container .swiper-button-prev {
    left: -60px
}

.travel-stepper .arrow-container .swiper-button-next {
    right: -60px
}

.travel-stepper .light-blue-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide .carousel-card--content {
    background-color: #fff
}

.travel-stepper .light-blue-variant .travel-quicktoolcarousel .swiper-wrapper .swiper-slide:last-child .carousel-card--image:after {
    display: none
}

.travel-stepper .light-blue-variant .travel-quicktoolcarousel .arrow-container .swiper-button-next,
.travel-stepper .light-blue-variant .travel-quicktoolcarousel .arrow-container .swiper-button-prev {
    background-color: #fff
}

.travel-stepper .full-height-slide {
    align-items: flex-start
}

.white-variant .travel-stepper {
    background-color: #fff
}

.light-blue-variant .travel-stepper,
.white-variant .travel-stepper .swiper-wrapper .swiper-slide .carousel-card--image img {
    background-color: #e5f5ff
}

.light-blue-variant .travel-stepper .arrow-container .swiper-button-next,
.light-blue-variant .travel-stepper .arrow-container .swiper-button-prev,
.light-blue-variant .travel-stepper .swiper-wrapper .swiper-slide .carousel-card--image img {
    background-color: #fff
}

.dark-blue-variant .travel-stepper {
    background-color: #0072d8
}

.dark-blue-variant .travel-stepper .swiper-wrapper .swiper-slide .carousel-card--count,
.dark-blue-variant .travel-stepper--header .title {
    color: #fff
}

.dark-blue-variant .travel-stepper .swiper-wrapper .swiper-slide .carousel-card--image img {
    background-color: #e5f5ff
}

.dark-blue-variant .travel-stepper .swiper-wrapper .swiper-slide .carousel-card--content .text,
.dark-blue-variant .travel-stepper .swiper-wrapper .swiper-slide .carousel-card--content .title {
    color: #fff
}

.dark-blue-variant .travel-stepper .arrow-container .swiper-button-next,
.dark-blue-variant .travel-stepper .arrow-container .swiper-button-prev {
    background-color: #fff
}

.grey-variant .travel-stepper {
    background-color: #f6f6f6
}

.grey-variant .travel-stepper .arrow-container .swiper-button-next,
.grey-variant .travel-stepper .arrow-container .swiper-button-prev,
.grey-variant .travel-stepper .swiper-wrapper .swiper-slide .carousel-card--image img {
    background-color: #fff
}

@media(max-width:767px) {
    .travel-stepper {
        padding-bottom: 48px;
        padding-top: 48px
    }

    .travel-stepper .container {
        padding-right: 0
    }

    .travel-stepper--header .title {
        font-size: 24px;
        line-height: 32px
    }

    .travel-stepper .swiper-wrapper .swiper-slide .carousel-card {
        gap: 16px;
        padding-left: 8px;
        padding-right: 8px
    }

    .travel-stepper .swiper-wrapper .swiper-slide .carousel-card--content {
        gap: 16px
    }

    .travel-stepper .swiper-wrapper .swiper-slide .carousel-card--content .title {
        font-size: 18px;
        font-weight: 600;
        line-height: 28px
    }

    .travel-stepper .swiper-wrapper .swiper-slide .carousel-card--content .text {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .travel-stepper .swiper-wrapper .swiper-slide .carousel-card--content .text a {
        font-size: 16px;
        line-height: 24px
    }

    .travel-stepper .modify-position .swiper-wrapper .swiper-slide .carousel-card--image .icon {
        right: -30px
    }

    .travel-stepper .arrow-container {
        display: none
    }
}

.para-container {
    background: var(--Background-Neutral-color-bg-white, #fff);
    border: 1px solid #99c1e7;
    border-radius: var(--radius-base, 8px);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding: 16px
}

.para-container .read-more-content {
    display: none
}

.para-container .read-more-ellipsis {
    display: inline
}

.para-container a {
    color: #0072d8 !important;
    font-weight: 700
}

.para-container p {
    color: #2e2e2e;
    margin-bottom: 0;
    word-break: break-word
}

.para-container .read-more-btn {
    color: blue;
    cursor: pointer;
    font-weight: 700
}

.para-container b,
.para-container p b,
.para-container strong {
    font-size: 20px
}

.para-container-disable-show-more {
    background: var(--Background-Neutral-color-bg-white, #fff);
    border: 1px solid #99c1e7;
    border-radius: var(--radius-base, 8px);
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding: 16px
}

.para-container-disable-show-more a {
    color: #004ea8 !important;
    font-weight: 700
}

.para-container-disable-show-more p {
    color: #2e2e2e;
    margin-bottom: 0;
    word-break: break-word
}

.goldwealththeme .quicklinkscarousel {
    background: linear-gradient(180deg, var(--bdo-wealth-mariana-100) 0, var(--bdo-wealth-rich-gold-200) 100%)
}

.goldwealththeme .quicklinkscarousel .quicklinkscontainer .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-quicklinkscard/right-arrow-white.svg)
}

.goldwealththeme .quicklinkscarousel .quicklinkscontainer .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-quicklinkscard/right-arrow-gold.svg)
}

.goldwealththeme .quicklinkscarousel .quicklinkscontainer .left-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-quicklinkscard/right-arrow-white.svg)
}

.goldwealththeme .quicklinkscarousel .quicklinkscontainer .left-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-quicklinkscard/right-arrow-gold.svg)
}

.goldwealththeme .quicklinkscarousel .quicklinkscontainer .carousel-control-next {
    right: -6% !important;
    width: 5%
}

.goldwealththeme .quicklinkscarousel .quicklinkscontainer .carousel-control-prev {
    left: -6% !important
}

.goldwealththeme .quicklinkscarousel .quicklinkscontainer .carousel-indicators li.active {
    border: none
}

.teaser-container .teaser-container {
    position: relative
}

.teaser-container .teaser-container .img-fluid {
    height: 500px;
    object-fit: cover;
    width: 100%
}

.teaser-container .teaser_block {
    background-color: var(--white);
    border-radius: 8px !important;
    opacity: .9;
    padding: 40px;
    position: absolute;
    top: 80px;
    width: 588px
}

.teaser-container .teaser-container.corporate-profile .teaser_block .teaser-section__block {
    background: var(--white);
    border-radius: 8px;
    padding: 24px
}

.teaser-container .teaser-title {
    color: var(--bdo-black);
    font-size: var(--font-xxl)
}

.teaser-container .teaser-text {
    color: var(--bdo-black);
    font-size: var(--font-normal)
}

.teaser-container .d-mobile {
    display: none
}

.teaser-container .d-desktop {
    display: block
}

.teaser-container .teaser-container .btn-primary {
    background-color: #0072d8
}

.teaser-container .teaser-container .corporate-logo {
    height: 54px
}

.teaser-container .coltrl-cmp .teaser-container.corporate-profile .teaser_block,
.teaser-container .teaser-container.corporate-profile .teaser_block {
    background-color: transparent;
    bottom: 0;
    left: 0;
    padding: 32px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.teaser-container .teaser-container .corporate-description,
.teaser-container .teaser-container.corporate-profile .btn,
.teaser-container .teaser-container.corporate-profile .overview-description {
    display: none
}

.teaser-container .teaser-container.corporate-profile .corporate-description {
    display: block;
    margin-top: 16px
}

.teaser-container .coltrl-cmp .teaser-container.corporate-profile .img-fluid.d-desktop {
    height: 857px;
    object-fit: cover;
    width: 100%
}

.teaser-container .teaser-container .corporate-logo {
    display: none
}

.teaser-container .teaser-container.corporate-profile .corporate-logo {
    display: block
}

.teaser-container .coltrl-cmp .teaser-container.corporate-profile .teaser_block .teaser-section__block {
    background: var(--white);
    border-radius: 8px;
    padding: 24px
}

.teaser-container .coltrl-cmp .teaser-container.corporate-profile .teaser_block .teaser-section__block::-webkit-scrollbar {
    height: 0;
    width: 0
}

@media only screen and (min-width:600px)and (max-width:1400px) {
    .teaser-container .teaser-container .d-desktop {
        display: block
    }

    .teaser-container .teaser-container .d-mobile {
        display: none
    }
}

@media only screen and (min-width:320px)and (max-width:599.9px) {
    .teaser-container .teaser_block {
        width: 87% !important
    }

    .teaser-container .teaser-container.corporate-profile .teaser_block {
        width: 100% !important
    }
}

@media only screen and (min-width:320px)and (max-width:480px) {
    .teaser-container .coltrl-cmp .teaser-container.corporate-profile .img-fluid.d-mobile {
        height: 1235px !important
    }

    .teaser-container .teaser-title {
        font-size: 16px !important
    }

    .teaser-container .unorderedlist-bdo ul li .list-content {
        font-size: 14px
    }
}

@media(max-width:599.9px) {
    .teaser-container .teaser-container.corporate-profile .teaser_block {
        padding: 24px
    }

    .teaser-container .d-mobile {
        display: block
    }

    .teaser-container .teaser-container .img-fluid.d-mobile {
        width: 100%
    }

    .teaser-container .d-desktop {
        display: none
    }

    .teaser-container .coltrl-cmp .teaser-container.corporate-profile .img-fluid.d-desktop {
        object-fit: cover;
        width: 100%
    }

    .teaser-container .coltrl-cmp .teaser-container.corporate-profile .teaser_block {
        background-color: transparent;
        bottom: 0;
        left: 0;
        padding: 24px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100% !important
    }

    .teaser-container .teaser-text {
        font-size: var(--font-md-nxt);
        margin-bottom: 24px
    }

    .teaser-container .teaser-container .corporate-logo {
        height: 32px;
        object-fit: contain
    }

    .teaser-container .teaser_block {
        left: 50%;
        padding: 32px;
        position: absolute;
        right: auto;
        top: 64px;
        transform: translateX(-50%);
        width: 312px
    }

    .teaser-container .teaser-title {
        font-size: var(--font-lg) !important
    }

    .teaser-container .teaser-container.corporate-profile .teaser_block {
        background-color: transparent;
        right: 0;
        top: 0;
        transform: unset;
        width: 100%
    }

    .teaser-container .teaser-container.corporate-profile .teaser_block .teaser-section__block {
        background: var(--white);
        padding: 16px
    }

    .teaser-container .coltrl-cmp .teaser-container.corporate-profile .img-fluid.d-mobile {
        height: 966px
    }
}

@media only screen and (min-width:600px)and (max-width:767px) {
    .teaser-container .coltrl-cmp .d-mobile {
        height: 800px;
        width: 100%
    }

    .teaser-container .d-desktop {
        display: none
    }

    .teaser-container .coltrl-cmp .teaser-container.corporate-profile .img-fluid.d-desktop {
        height: 100%
    }

    .teaser-container .teaser_block {
        background-color: var(--white);
        border-radius: 8px !important;
        left: 40px;
        opacity: .9;
        padding: 40px;
        position: absolute;
        top: 80px;
        width: 500px
    }
}

@media only screen and (min-width:768px)and (max-width:1024px) {
    .teaser-container .teaser-container .img-fluid {
        height: 500px;
        width: 100%
    }

    .teaser-container .teaser_block {
        background-color: var(--white);
        border-radius: 8px !important;
        left: 40px;
        opacity: .9;
        padding: 40px 40px 10px;
        position: absolute;
        top: 80px;
        width: 500px
    }
}

@media only screen and (min-width:1024px)and (max-width:1200px) {
    .teaser-container .teaser-container .img-fluid {
        height: 500px;
        width: 100%
    }

    .teaser-container .coltrl-cmp .teaser-container.corporate-profile .img-fluid.d-desktop {
        height: 750px
    }
}

@media only screen and (min-width:768px)and (max-width:1023.9px) {
    .teaser-container .teaser-container .img-fluid {
        height: 500px;
        width: 100%
    }
}

@media only screen and (min-width:600px)and (max-width:1023.9px) {
    .teaser-container .coltrl-cmp .teaser-container.corporate-profile .img-fluid {
        height: 1074px !important
    }
}

.goldwealththeme .teaser-container .teaser-title {
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .teaser-container .bdo-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .teaser-container .bdo-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .teaser-container .bdo-primary.disabled,
.goldwealththeme .teaser-container .bdo-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none
}

.goldwealththeme .teaser-container .bdo-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .teaser-container .bdo-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .teaser-container .bdo-secondary.disabled,
.goldwealththeme .teaser-container .bdo-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.goldwealththeme .teaser-container .btn-primary {
    background-color: var(--bdo-wealth-mariana-700);
    border: 1px solid var(--bdo-wealth-mariana-700);
    color: var(--white)
}

.goldwealththeme .teaser-container .btn-primary:hover {
    background-color: var(--bdo-wealth-mariana-600);
    border: 1px solid var(--bdo-wealth-mariana-600);
    color: var(--white)
}

.goldwealththeme .teaser-container .btn-primary.disabled,
.goldwealththeme .teaser-container .btn-primary:disabled {
    background-color: var(--bdo-wealth-mariana-400);
    border: 1px solid var(--bdo-wealth-mariana-400);
    color: var(--white);
    cursor: none;
    pointer-events: none
}

.goldwealththeme .teaser-container .btn-secondary {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .teaser-container .btn-secondary:hover {
    background-color: var(--bdo-wealth-mariana-200);
    border: 2px solid var(--bdo-wealth-mariana-700);
    color: var(--bdo-wealth-mariana-700)
}

.goldwealththeme .teaser-container .btn-secondary.disabled,
.goldwealththeme .teaser-container .btn-secondary:disabled {
    background-color: transparent;
    border: 2px solid var(--bdo-wealth-mariana-400);
    color: var(--bdo-wealth-mariana-400);
    cursor: none
}

.af-productListing,
.hd-productListing,
.pmu-productListing,
.travel-productListing {
    background-color: #e5f5ff;
    padding-bottom: 80px;
    padding-top: 80px
}

.af-productListing--header,
.hd-productListing--header,
.pmu-productListing--header,
.travel-productListing--header {
    margin-bottom: 48px
}

.af-productListing--header .title,
.hd-productListing--header .title,
.pmu-productListing--header .title,
.travel-productListing--header .title {
    color: #2e2e2e;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 0;
    word-break: break-word
}

.af-productListing--search input[type=text],
.hd-productListing--search input[type=text],
.pmu-productListing--search input[type=text],
.travel-productListing--search input[type=text] {
    background-color: #fff;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    height: 50px;
    outline: none;
    padding: 10px 16px;
    width: 100%
}

.af-productListing--search input[type=text]::placeholder,
.hd-productListing--search input[type=text]::placeholder,
.pmu-productListing--search input[type=text]::placeholder,
.travel-productListing--search input[type=text]::placeholder {
    color: #919191;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.af-productListing--wrapper,
.hd-productListing--wrapper,
.pmu-productListing--wrapper,
.travel-productListing--wrapper {
    display: flex;
    gap: 24px
}

.af-productListing--filter,
.hd-productListing--filter,
.pmu-productListing--filter,
.travel-productListing--filter {
    background-color: #fff;
    border-radius: 8px;
    height: fit-content;
    min-width: 400px;
    position: sticky;
    width: 400px
}

.af-productListing--filter .title,
.hd-productListing--filter .title,
.pmu-productListing--filter .title,
.travel-productListing--filter .title {
    background-color: #f6f6f6;
    color: #2e2e2e;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    padding: 32px 16px
}

.af-productListing--filter form .row,
.hd-productListing--filter form .row,
.pmu-productListing--filter form .row,
.travel-productListing--filter form .row {
    border-bottom: 1px solid #c2c2c1;
    margin: 0;
    width: 100%
}

.af-productListing--filter form .rowlast-child,
.hd-productListing--filter form .rowlast-child,
.pmu-productListing--filter form .rowlast-child,
.travel-productListing--filter form .rowlast-child {
    border-bottom: none
}

.af-productListing--filter form .row .accordion,
.hd-productListing--filter form .row .accordion,
.pmu-productListing--filter form .row .accordion,
.travel-productListing--filter form .row .accordion {
    display: flex;
    justify-content: space-between;
    padding: 24px 16px;
    position: relative
}

.af-productListing--filter form .row .accordion .left,
.af-productListing--filter form .row .accordion .right,
.hd-productListing--filter form .row .accordion .left,
.hd-productListing--filter form .row .accordion .right,
.pmu-productListing--filter form .row .accordion .left,
.pmu-productListing--filter form .row .accordion .right,
.travel-productListing--filter form .row .accordion .left,
.travel-productListing--filter form .row .accordion .right {
    align-items: center;
    display: flex;
    gap: 16px
}

.af-productListing--filter form .row .accordion .left .icon,
.hd-productListing--filter form .row .accordion .left .icon,
.pmu-productListing--filter form .row .accordion .left .icon,
.travel-productListing--filter form .row .accordion .left .icon {
    align-items: center;
    background-color: #e5f5ff;
    border-radius: 8px;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 6px;
    width: 40px
}

.af-productListing--filter form .row .accordion .left .label,
.hd-productListing--filter form .row .accordion .left .label,
.pmu-productListing--filter form .row .accordion .left .label,
.travel-productListing--filter form .row .accordion .left .label {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.af-productListing--filter form .row .accordion .right .arrow,
.hd-productListing--filter form .row .accordion .right .arrow,
.pmu-productListing--filter form .row .accordion .right .arrow,
.travel-productListing--filter form .row .accordion .right .arrow {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    position: static;
    transform: none;
    width: 24px
}

.af-productListing--filter form .row .accordion .right .counter,
.hd-productListing--filter form .row .accordion .right .counter,
.pmu-productListing--filter form .row .accordion .right .counter,
.travel-productListing--filter form .row .accordion .right .counter {
    align-items: center;
    border-radius: 12px;
    color: #fff;
    display: none;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    padding: 10px 7px
}

.af-productListing--filter form .row .accordion .right .counter.show,
.hd-productListing--filter form .row .accordion .right .counter.show,
.pmu-productListing--filter form .row .accordion .right .counter.show,
.travel-productListing--filter form .row .accordion .right .counter.show {
    background-color: #00a995;
    display: flex
}

.af-productListing--filter form .row .panel,
.hd-productListing--filter form .row .panel,
.pmu-productListing--filter form .row .panel,
.travel-productListing--filter form .row .panel {
    background-color: #fff;
    display: none;
    overflow: hidden;
    padding: 0 16px 12px;
    transition: max-height .2s ease-out
}

.af-productListing--filter form .row .panel .showLess,
.af-productListing--filter form .row .panel .showMore,
.hd-productListing--filter form .row .panel .showLess,
.hd-productListing--filter form .row .panel .showMore,
.pmu-productListing--filter form .row .panel .showLess,
.pmu-productListing--filter form .row .panel .showMore,
.travel-productListing--filter form .row .panel .showLess,
.travel-productListing--filter form .row .panel .showMore {
    align-items: center;
    color: #0072d8;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    gap: 4px;
    line-height: 24px
}

.af-productListing--filter form .row .panel input[type=checkbox],
.hd-productListing--filter form .row .panel input[type=checkbox],
.pmu-productListing--filter form .row .panel input[type=checkbox],
.travel-productListing--filter form .row .panel input[type=checkbox] {
    appearance: none;
    border: 1px solid #99c1e7;
    border-radius: 4px;
    height: 24px;
    min-height: 24px;
    min-width: 24px;
    position: relative;
    width: 24px
}

.af-productListing--filter form .row .panel input[type=checkbox]:checked,
.hd-productListing--filter form .row .panel input[type=checkbox]:checked,
.pmu-productListing--filter form .row .panel input[type=checkbox]:checked,
.travel-productListing--filter form .row .panel input[type=checkbox]:checked {
    background-color: #0072d8;
    border: 1px solid #0072d8;
    border-radius: 4px
}

.af-productListing--filter form .row .panel input[type=checkbox]:after,
.hd-productListing--filter form .row .panel input[type=checkbox]:after,
.pmu-productListing--filter form .row .panel input[type=checkbox]:after,
.travel-productListing--filter form .row .panel input[type=checkbox]:after {
    background-color: #0072d8;
    border-bottom: 2px solid #fff;
    border-radius: 2px;
    border-right: 2px solid #fff;
    content: "";
    height: 13px;
    left: 7px;
    position: absolute;
    top: 2px;
    transform: translate(-50%, -50%);
    transform: rotate(41deg);
    visibility: hidden;
    width: 8px
}

.af-productListing--filter form .row .panel input[type=checkbox]:checked:after,
.hd-productListing--filter form .row .panel input[type=checkbox]:checked:after,
.pmu-productListing--filter form .row .panel input[type=checkbox]:checked:after,
.travel-productListing--filter form .row .panel input[type=checkbox]:checked:after {
    visibility: visible
}

.af-productListing--filter form .row .panel input[type=radio],
.hd-productListing--filter form .row .panel input[type=radio],
.pmu-productListing--filter form .row .panel input[type=radio],
.travel-productListing--filter form .row .panel input[type=radio] {
    appearance: none;
    border: 1px solid #0072d8;
    border-radius: 100px;
    height: 24px;
    position: relative;
    width: 24px
}

.af-productListing--filter form .row .panel input[type=radio]:checked,
.hd-productListing--filter form .row .panel input[type=radio]:checked,
.pmu-productListing--filter form .row .panel input[type=radio]:checked,
.travel-productListing--filter form .row .panel input[type=radio]:checked {
    background-color: #fff
}

.af-productListing--filter form .row .panel input[type=radio]:after,
.hd-productListing--filter form .row .panel input[type=radio]:after,
.pmu-productListing--filter form .row .panel input[type=radio]:after,
.travel-productListing--filter form .row .panel input[type=radio]:after {
    background-color: #0072d8;
    border: 2px solid #0072d8;
    border-radius: 100px;
    content: "";
    height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    width: 16px
}

.af-productListing--filter form .row .panel input[type=radio]:checked:after,
.hd-productListing--filter form .row .panel input[type=radio]:checked:after,
.pmu-productListing--filter form .row .panel input[type=radio]:checked:after,
.travel-productListing--filter form .row .panel input[type=radio]:checked:after {
    visibility: visible
}

.af-productListing--filter form .row .panel-container,
.hd-productListing--filter form .row .panel-container,
.pmu-productListing--filter form .row .panel-container,
.travel-productListing--filter form .row .panel-container {
    display: flex;
    flex-direction: column
}

.af-productListing--filter form .row .panel-container .options-container,
.hd-productListing--filter form .row .panel-container .options-container,
.pmu-productListing--filter form .row .panel-container .options-container,
.travel-productListing--filter form .row .panel-container .options-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px
}

.af-productListing--filter form .row .panel-container label,
.hd-productListing--filter form .row .panel-container label,
.pmu-productListing--filter form .row .panel-container label,
.travel-productListing--filter form .row .panel-container label {
    display: flex
}

.af-productListing--filter form .row .panel-container span,
.hd-productListing--filter form .row .panel-container span,
.pmu-productListing--filter form .row .panel-container span,
.travel-productListing--filter form .row .panel-container span {
    background-color: #f6f6f6;
    border-radius: 8px;
    color: #2e2e2e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 10px 16px
}

.af-productListing--filter form .row .panel-container input[type=checkbox]:checked+span,
.hd-productListing--filter form .row .panel-container input[type=checkbox]:checked+span,
.pmu-productListing--filter form .row .panel-container input[type=checkbox]:checked+span,
.travel-productListing--filter form .row .panel-container input[type=checkbox]:checked+span {
    background-color: #fdb913;
    font-weight: 700
}

.af-productListing--filter form .row .panel .searchInput,
.hd-productListing--filter form .row .panel .searchInput,
.pmu-productListing--filter form .row .panel .searchInput,
.travel-productListing--filter form .row .panel .searchInput {
    align-items: center;
    align-self: stretch;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    display: flex;
    gap: 4px;
    margin-bottom: 16px;
    padding: 10px 16px
}

.af-productListing--filter form .row .panel .searchInput input,
.hd-productListing--filter form .row .panel .searchInput input,
.pmu-productListing--filter form .row .panel .searchInput input,
.travel-productListing--filter form .row .panel .searchInput input {
    border: none;
    color: #919191;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    outline: none;
    width: 100%
}

.af-productListing--filter form .row .panel .searchInput .icon,
.hd-productListing--filter form .row .panel .searchInput .icon,
.pmu-productListing--filter form .row .panel .searchInput .icon,
.travel-productListing--filter form .row .panel .searchInput .icon {
    align-items: center;
    display: flex;
    height: 24px;
    width: 24px
}

.af-productListing--filter form .row .panel .options-container .options,
.hd-productListing--filter form .row .panel .options-container .options,
.pmu-productListing--filter form .row .panel .options-container .options,
.travel-productListing--filter form .row .panel .options-container .options {
    margin-bottom: 16px
}

.af-productListing--filter form .row .panel .options-container .options .option,
.hd-productListing--filter form .row .panel .options-container .options .option,
.pmu-productListing--filter form .row .panel .options-container .options .option,
.travel-productListing--filter form .row .panel .options-container .options .option {
    border-bottom: 1px solid #99c1e7;
    display: flex;
    gap: 16px;
    padding: 16px 8px
}

.af-productListing--filter form .row .panel .options-container .options .option:first-child,
.hd-productListing--filter form .row .panel .options-container .options .option:first-child,
.pmu-productListing--filter form .row .panel .options-container .options .option:first-child,
.travel-productListing--filter form .row .panel .options-container .options .option:first-child {
    padding-top: 0
}

.af-productListing--filter form .row .panel .options-container .options .option:last-child,
.hd-productListing--filter form .row .panel .options-container .options .option:last-child,
.pmu-productListing--filter form .row .panel .options-container .options .option:last-child,
.travel-productListing--filter form .row .panel .options-container .options .option:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.af-productListing--filter form .row .panel .options-container .options .option label,
.hd-productListing--filter form .row .panel .options-container .options .option label,
.pmu-productListing--filter form .row .panel .options-container .options .option label,
.travel-productListing--filter form .row .panel .options-container .options .option label {
    color: #2e2e2e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.af-productListing--filter form .row .panel .options-container .options input[type=checkbox]:checked+label,
.hd-productListing--filter form .row .panel .options-container .options input[type=checkbox]:checked+label,
.pmu-productListing--filter form .row .panel .options-container .options input[type=checkbox]:checked+label,
.travel-productListing--filter form .row .panel .options-container .options input[type=checkbox]:checked+label {
    font-weight: 700
}

.af-productListing--filter form .row .panel .price-range #price-slider,
.hd-productListing--filter form .row .panel .price-range #price-slider,
.pmu-productListing--filter form .row .panel .price-range #price-slider,
.travel-productListing--filter form .row .panel .price-range #price-slider {
    margin: 10px auto;
    width: calc(100% - 16px)
}

.af-productListing--filter form .row .panel .price-range .price-input--container,
.hd-productListing--filter form .row .panel .price-range .price-input--container,
.pmu-productListing--filter form .row .panel .price-range .price-input--container,
.travel-productListing--filter form .row .panel .price-range .price-input--container {
    align-items: center;
    display: flex;
    gap: 16px;
    padding-top: 16px
}

.af-productListing--filter form .row .panel .price-range .price-input--max,
.af-productListing--filter form .row .panel .price-range .price-input--min,
.hd-productListing--filter form .row .panel .price-range .price-input--max,
.hd-productListing--filter form .row .panel .price-range .price-input--min,
.pmu-productListing--filter form .row .panel .price-range .price-input--max,
.pmu-productListing--filter form .row .panel .price-range .price-input--min,
.travel-productListing--filter form .row .panel .price-range .price-input--max,
.travel-productListing--filter form .row .panel .price-range .price-input--min {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px
}

.af-productListing--filter form .row .panel .price-range .price-input--max input,
.af-productListing--filter form .row .panel .price-range .price-input--min input,
.hd-productListing--filter form .row .panel .price-range .price-input--max input,
.hd-productListing--filter form .row .panel .price-range .price-input--min input,
.pmu-productListing--filter form .row .panel .price-range .price-input--max input,
.pmu-productListing--filter form .row .panel .price-range .price-input--min input,
.travel-productListing--filter form .row .panel .price-range .price-input--max input,
.travel-productListing--filter form .row .panel .price-range .price-input--min input {
    border: 1px solid #99c1e7;
    border-radius: 8px;
    outline: none;
    padding: 8px 16px;
    width: 100%
}

.af-productListing--filter form .row .panel .price-range .ui-slider .ui-slider-handle,
.hd-productListing--filter form .row .panel .price-range .ui-slider .ui-slider-handle,
.pmu-productListing--filter form .row .panel .price-range .ui-slider .ui-slider-handle,
.travel-productListing--filter form .row .panel .price-range .ui-slider .ui-slider-handle {
    background-color: #fff;
    border: 9px solid #007bff;
    border-radius: 100%;
    box-shadow: 0 3px 4px 0 rgba(0, 114, 216, .302);
    cursor: pointer;
    height: 11px;
    width: 11px
}

.af-productListing--filter form .row .panel .price-range .ui-widget.ui-widget-content,
.hd-productListing--filter form .row .panel .price-range .ui-widget.ui-widget-content,
.pmu-productListing--filter form .row .panel .price-range .ui-widget.ui-widget-content,
.travel-productListing--filter form .row .panel .price-range .ui-widget.ui-widget-content {
    background-color: #f6f6f6;
    border: none
}

.af-productListing--filter form .row .panel .price-range .ui-slider-horizontal .ui.ui-slider-handle,
.hd-productListing--filter form .row .panel .price-range .ui-slider-horizontal .ui.ui-slider-handle,
.pmu-productListing--filter form .row .panel .price-range .ui-slider-horizontal .ui.ui-slider-handle,
.travel-productListing--filter form .row .panel .price-range .ui-slider-horizontal .ui.ui-slider-handle {
    margin-top: -9px
}

.af-productListing--filter form .row .panel .price-range .ui-slider-horizontal,
.hd-productListing--filter form .row .panel .price-range .ui-slider-horizontal,
.pmu-productListing--filter form .row .panel .price-range .ui-slider-horizontal,
.travel-productListing--filter form .row .panel .price-range .ui-slider-horizontal {
    height: 4px
}

.af-productListing--filter form .row .panel .price-range .ui-slider-range,
.hd-productListing--filter form .row .panel .price-range .ui-slider-range,
.pmu-productListing--filter form .row .panel .price-range .ui-slider-range,
.travel-productListing--filter form .row .panel .price-range .ui-slider-range {
    background-color: #fdb913
}

.af-productListing--filter form .row .panel .price-range .slider-labels,
.hd-productListing--filter form .row .panel .price-range .slider-labels,
.pmu-productListing--filter form .row .panel .price-range .slider-labels,
.travel-productListing--filter form .row .panel .price-range .slider-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 5px
}

.af-productListing--filter form .row .panel .price-range .slider-labels span,
.hd-productListing--filter form .row .panel .price-range .slider-labels span,
.pmu-productListing--filter form .row .panel .price-range .slider-labels span,
.travel-productListing--filter form .row .panel .price-range .slider-labels span {
    text-align: center
}

.af-productListing--filter form .row.nestedCheckbox .panel .options,
.hd-productListing--filter form .row.nestedCheckbox .panel .options,
.pmu-productListing--filter form .row.nestedCheckbox .panel .options,
.travel-productListing--filter form .row.nestedCheckbox .panel .options {
    margin-bottom: 0
}

.af-productListing--filter form .row.nestedCheckbox .panel .options .option,
.hd-productListing--filter form .row.nestedCheckbox .panel .options .option,
.pmu-productListing--filter form .row.nestedCheckbox .panel .options .option,
.travel-productListing--filter form .row.nestedCheckbox .panel .options .option {
    border-bottom: none;
    flex-direction: column;
    gap: 0;
    padding: 0
}

.af-productListing--filter form .row.nestedCheckbox .panel .options .option .main-option,
.hd-productListing--filter form .row.nestedCheckbox .panel .options .option .main-option,
.pmu-productListing--filter form .row.nestedCheckbox .panel .options .option .main-option,
.travel-productListing--filter form .row.nestedCheckbox .panel .options .option .main-option {
    border-bottom: 1px solid #99c1e7;
    display: flex;
    gap: 16px;
    padding: 16px 8px
}

.af-productListing--filter form .row.nestedCheckbox .panel .options .option .main-option div,
.hd-productListing--filter form .row.nestedCheckbox .panel .options .option .main-option div,
.pmu-productListing--filter form .row.nestedCheckbox .panel .options .option .main-option div,
.travel-productListing--filter form .row.nestedCheckbox .panel .options .option .main-option div {
    display: flex;
    gap: 16px
}

.af-productListing--filter form .row.nestedCheckbox .panel .options .option .sub-option,
.hd-productListing--filter form .row.nestedCheckbox .panel .options .option .sub-option,
.pmu-productListing--filter form .row.nestedCheckbox .panel .options .option .sub-option,
.travel-productListing--filter form .row.nestedCheckbox .panel .options .option .sub-option {
    padding-left: 40px
}

.af-productListing--filter form .row.nestedCheckbox .panel .options .option .sub-option ul,
.hd-productListing--filter form .row.nestedCheckbox .panel .options .option .sub-option ul,
.pmu-productListing--filter form .row.nestedCheckbox .panel .options .option .sub-option ul,
.travel-productListing--filter form .row.nestedCheckbox .panel .options .option .sub-option ul {
    margin-bottom: 0
}

.af-productListing--filter form .row.nestedCheckbox .panel .options .option .sub-option ul li,
.hd-productListing--filter form .row.nestedCheckbox .panel .options .option .sub-option ul li,
.pmu-productListing--filter form .row.nestedCheckbox .panel .options .option .sub-option ul li,
.travel-productListing--filter form .row.nestedCheckbox .panel .options .option .sub-option ul li {
    border-bottom: 1px solid #99c1e7;
    display: flex;
    gap: 16px;
    padding: 16px 8px
}

.af-productListing--filter form .row.nestedCheckbox .panel .main-option,
.hd-productListing--filter form .row.nestedCheckbox .panel .main-option,
.pmu-productListing--filter form .row.nestedCheckbox .panel .main-option,
.travel-productListing--filter form .row.nestedCheckbox .panel .main-option {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.af-productListing--filter form .row.nestedCheckbox .panel .main-option icon svg,
.hd-productListing--filter form .row.nestedCheckbox .panel .main-option icon svg,
.pmu-productListing--filter form .row.nestedCheckbox .panel .main-option icon svg,
.travel-productListing--filter form .row.nestedCheckbox .panel .main-option icon svg {
    height: 24px;
    width: 24px
}

.af-productListing--filter form .row.nestedCheckbox .panel .sub-option,
.hd-productListing--filter form .row.nestedCheckbox .panel .sub-option,
.pmu-productListing--filter form .row.nestedCheckbox .panel .sub-option,
.travel-productListing--filter form .row.nestedCheckbox .panel .sub-option {
    display: none
}

.af-productListing--filter form .row.nestedCheckbox .panel .sub-option ul,
.hd-productListing--filter form .row.nestedCheckbox .panel .sub-option ul,
.pmu-productListing--filter form .row.nestedCheckbox .panel .sub-option ul,
.travel-productListing--filter form .row.nestedCheckbox .panel .sub-option ul {
    list-style: none;
    padding: 0
}

.af-productListing--filter form .row.customPrice .panel .options-container .options .option,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.af-productListing--filter form .row.customPrice .panel .options-container .options .option div,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option div,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option div,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option div {
    display: flex;
    gap: 16px
}

.af-productListing--filter form .row.customPrice .panel .options-container .options .option div:first-child,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option div:first-child,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option div:first-child,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option div:first-child {
    padding-top: 0
}

.af-productListing--filter form .row.customPrice .panel .options-container .options .option div:last-child,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option div:last-child,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option div:last-child,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option div:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.af-productListing--filter form .row.customPrice .panel .options-container .options .option div label,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option div label,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option div label,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option div label {
    color: #2e2e2e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.af-productListing--filter form .row.customPrice .panel .options-container .options .option div input[type=radio]:checked+label,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option div input[type=radio]:checked+label,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option div input[type=radio]:checked+label,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option div input[type=radio]:checked+label {
    font-weight: 700
}

.af-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-top: 8px
}

.af-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .max,
.af-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .min,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .max,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .min,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .max,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .min,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .max,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .min {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: flex-start;
    width: 47%
}

.af-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .max p,
.af-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .min p,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .max p,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .min p,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .max p,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .min p,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .max p,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .min p {
    color: #2e2e2e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px
}

.af-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .max input,
.af-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .min input,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .max input,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .min input,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .max input,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .min input,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .max input,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .min input {
    align-items: center;
    align-self: stretch;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    outline: none;
    padding: 10px 16px
}

.af-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .middle,
.hd-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .middle,
.pmu-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .middle,
.travel-productListing--filter form .row.customPrice .panel .options-container .options .option .customSelection .middle {
    color: #c2c2c1;
    margin-top: 34px
}

.af-productListing--filter form .row.modalFilter .panel .noResult,
.hd-productListing--filter form .row.modalFilter .panel .noResult,
.pmu-productListing--filter form .row.modalFilter .panel .noResult,
.travel-productListing--filter form .row.modalFilter .panel .noResult {
    align-items: center;
    background-color: #f6f6f6;
    color: #2e2e2e;
    display: flex;
    height: 100px;
    justify-content: center;
    margin-top: 12px;
    width: 100%
}

.af-productListing--filter form .filter-ctas,
.hd-productListing--filter form .filter-ctas,
.pmu-productListing--filter form .filter-ctas,
.travel-productListing--filter form .filter-ctas {
    background-color: #f6f6f6;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 24px 16px
}

.af-productListing--filter form .filter-ctas button,
.hd-productListing--filter form .filter-ctas button,
.pmu-productListing--filter form .filter-ctas button,
.travel-productListing--filter form .filter-ctas button {
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: 100%;
    width: 100%
}

.af-productListing--filter form .filter-ctas button.secondaryBtn,
.hd-productListing--filter form .filter-ctas button.secondaryBtn,
.pmu-productListing--filter form .filter-ctas button.secondaryBtn,
.travel-productListing--filter form .filter-ctas button.secondaryBtn {
    background-color: transparent
}

.af-productListing .filter-popup,
.af-productListing--mobile-filter,
.hd-productListing .filter-popup,
.hd-productListing--mobile-filter,
.pmu-productListing .filter-popup,
.pmu-productListing--mobile-filter,
.travel-productListing .filter-popup,
.travel-productListing--mobile-filter {
    display: none
}

.af-productListing--content,
.hd-productListing--content,
.pmu-productListing--content,
.travel-productListing--content {
    width: 100%
}

.af-productListing--content .sort-container,
.hd-productListing--content .sort-container,
.pmu-productListing--content .sort-container,
.travel-productListing--content .sort-container {
    display: flex;
    gap: 16px;
    justify-content: flex-end;
    padding-bottom: 24px;
    width: 100%
}

.af-productListing--content .sort-container .sortprice-dropdown,
.hd-productListing--content .sort-container .sortprice-dropdown,
.pmu-productListing--content .sort-container .sortprice-dropdown,
.travel-productListing--content .sort-container .sortprice-dropdown {
    display: inline-block;
    position: relative
}

.af-productListing--content .sort-container .sortprice-btn,
.hd-productListing--content .sort-container .sortprice-btn,
.pmu-productListing--content .sort-container .sortprice-btn,
.travel-productListing--content .sort-container .sortprice-btn {
    align-items: center;
    background-color: #fff;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    color: #2e2e2e;
    cursor: pointer;
    display: flex;
    gap: 8px;
    height: 44px;
    justify-content: space-between;
    padding: 14px 16px;
    width: fit-content
}

.af-productListing--content .sort-container .sortprice-btn p,
.hd-productListing--content .sort-container .sortprice-btn p,
.pmu-productListing--content .sort-container .sortprice-btn p,
.travel-productListing--content .sort-container .sortprice-btn p {
    color: #0072d8;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 0
}

.af-productListing--content .sort-container .sortprice-icon,
.hd-productListing--content .sort-container .sortprice-icon,
.pmu-productListing--content .sort-container .sortprice-icon,
.travel-productListing--content .sort-container .sortprice-icon {
    align-items: center;
    border-radius: 8px;
    display: flex;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    width: 24px
}

.af-productListing--content .sort-container .sortprice-dropdown--content,
.hd-productListing--content .sort-container .sortprice-dropdown--content,
.pmu-productListing--content .sort-container .sortprice-dropdown--content,
.travel-productListing--content .sort-container .sortprice-dropdown--content {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(46, 46, 46, .1), 0 1px 2px -1px rgba(46, 46, 46, .1);
    display: none;
    flex-direction: column;
    margin-top: 16px;
    min-width: 222px;
    padding: 16px 8px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.af-productListing--content .sort-container .sortprice-dropdown--content .option,
.hd-productListing--content .sort-container .sortprice-dropdown--content .option,
.pmu-productListing--content .sort-container .sortprice-dropdown--content .option,
.travel-productListing--content .sort-container .sortprice-dropdown--content .option {
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 16px
}

.af-productListing--content .sort-container .sortprice-dropdown--content .option:hover,
.hd-productListing--content .sort-container .sortprice-dropdown--content .option:hover,
.pmu-productListing--content .sort-container .sortprice-dropdown--content .option:hover,
.travel-productListing--content .sort-container .sortprice-dropdown--content .option:hover {
    font-weight: 700
}

.af-productListing--content .sort-container .sortprice-dropdown--show,
.hd-productListing--content .sort-container .sortprice-dropdown--show,
.pmu-productListing--content .sort-container .sortprice-dropdown--show,
.travel-productListing--content .sort-container .sortprice-dropdown--show {
    display: flex
}

.af-productListing--content .sort-container .sorttoggle,
.hd-productListing--content .sort-container .sorttoggle,
.pmu-productListing--content .sort-container .sorttoggle,
.travel-productListing--content .sort-container .sorttoggle {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 0;
    overflow: hidden;
    width: fit-content
}

.af-productListing--content .sort-container .sorttoggle label,
.hd-productListing--content .sort-container .sorttoggle label,
.pmu-productListing--content .sort-container .sorttoggle label,
.travel-productListing--content .sort-container .sorttoggle label {
    background-color: #fff;
    border: 1px solid #99c1e7;
    border-radius: 8px 0 0 8px;
    color: #2e2e2e;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 44px;
    line-height: 28px;
    overflow: hidden;
    padding: 8px
}

.af-productListing--content .sort-container .sorttoggle label:last-child,
.hd-productListing--content .sort-container .sorttoggle label:last-child,
.pmu-productListing--content .sort-container .sorttoggle label:last-child,
.travel-productListing--content .sort-container .sorttoggle label:last-child {
    border-radius: 0 8px 8px 0
}

.af-productListing--content .sort-container .sorttoggle input[type=radio]:checked+label,
.hd-productListing--content .sort-container .sorttoggle input[type=radio]:checked+label,
.pmu-productListing--content .sort-container .sorttoggle input[type=radio]:checked+label,
.travel-productListing--content .sort-container .sorttoggle input[type=radio]:checked+label {
    background-color: #0072d8;
    border: 1px solid #0072d8;
    color: #fff
}

.af-productListing--items,
.hd-productListing--items,
.pmu-productListing--items,
.travel-productListing--items {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.af-productListing--items .hidden,
.hd-productListing--items .hidden,
.pmu-productListing--items .hidden,
.travel-productListing--items .hidden {
    display: none
}

.af-productListing--items .row1,
.af-productListing--items .row2,
.hd-productListing--items .row1,
.hd-productListing--items .row2,
.pmu-productListing--items .row1,
.pmu-productListing--items .row2,
.travel-productListing--items .row1,
.travel-productListing--items .row2 {
    column-gap: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 24px
}

.af-productListing--items .ctas,
.hd-productListing--items .ctas,
.pmu-productListing--items .ctas,
.travel-productListing--items .ctas {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center
}

.af-productListing--items .ctas a,
.hd-productListing--items .ctas a,
.pmu-productListing--items .ctas a,
.travel-productListing--items .ctas a {
    align-items: center;
    display: flex;
    justify-content: center
}

.af-productListing--items .ctas .secondaryBtn,
.hd-productListing--items .ctas .secondaryBtn,
.pmu-productListing--items .ctas .secondaryBtn,
.travel-productListing--items .ctas .secondaryBtn {
    background-color: transparent
}

.af-productListing--items .item,
.hd-productListing--items .item,
.pmu-productListing--items .item,
.travel-productListing--items .item {
    background-color: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: fit-content;
    height: auto;
    margin: 0;
    overflow: hidden;
    position: relative
}

.af-productListing--items .item-image,
.hd-productListing--items .item-image,
.pmu-productListing--items .item-image,
.travel-productListing--items .item-image {
    background-color: transparent;
    height: 268px;
    max-height: 268px;
    min-height: 268px;
    width: 100%
}

.af-productListing--items .item-tags,
.hd-productListing--items .item-tags,
.pmu-productListing--items .item-tags,
.travel-productListing--items .item-tags {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    left: 16px;
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px
}

.af-productListing--items .item-tag,
.hd-productListing--items .item-tag,
.pmu-productListing--items .item-tag,
.travel-productListing--items .item-tag {
    border-radius: 80px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    padding: 6px 16px
}

.af-productListing--items .item-content,
.hd-productListing--items .item-content,
.pmu-productListing--items .item-content,
.travel-productListing--items .item-content {
    background-color: #40e0d0;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
    padding: 24px
}

.af-productListing--items .item-content .title,
.hd-productListing--items .item-content .title,
.pmu-productListing--items .item-content .title,
.travel-productListing--items .item-content .title {
    color: #2e2e2e;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px
}

.af-productListing--items .item-content--container,
.hd-productListing--items .item-content--container,
.pmu-productListing--items .item-content--container,
.travel-productListing--items .item-content--container {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.af-productListing--items .item-content--row,
.hd-productListing--items .item-content--row,
.pmu-productListing--items .item-content--row,
.travel-productListing--items .item-content--row {
    align-items: center;
    display: flex;
    gap: 8px
}

.af-productListing--items .item-content--row-icon,
.hd-productListing--items .item-content--row-icon,
.pmu-productListing--items .item-content--row-icon,
.travel-productListing--items .item-content--row-icon {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.af-productListing--items .item-content--row .city,
.af-productListing--items .item-content--row .mileage,
.af-productListing--items .item-content--row .price,
.af-productListing--items .item-content--row .year,
.hd-productListing--items .item-content--row .city,
.hd-productListing--items .item-content--row .mileage,
.hd-productListing--items .item-content--row .price,
.hd-productListing--items .item-content--row .year,
.pmu-productListing--items .item-content--row .city,
.pmu-productListing--items .item-content--row .mileage,
.pmu-productListing--items .item-content--row .price,
.pmu-productListing--items .item-content--row .year,
.travel-productListing--items .item-content--row .city,
.travel-productListing--items .item-content--row .mileage,
.travel-productListing--items .item-content--row .price,
.travel-productListing--items .item-content--row .year {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.af-productListing--items .item .ctas,
.hd-productListing--items .item .ctas,
.pmu-productListing--items .item .ctas,
.travel-productListing--items .item .ctas {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: flex-start
}

.af-productListing--items .item .ctas .pmu-btn,
.hd-productListing--items .item .ctas .pmu-btn,
.pmu-productListing--items .item .ctas .pmu-btn,
.travel-productListing--items .item .ctas .pmu-btn {
    margin-bottom: 0
}

.af-productListing--items .item-image+.item-content,
.hd-productListing--items .item-image+.item-content,
.pmu-productListing--items .item-image+.item-content,
.travel-productListing--items .item-image+.item-content {
    margin-top: -24px
}

.af-productListing--items .empty-result,
.hd-productListing--items .empty-result,
.pmu-productListing--items .empty-result,
.travel-productListing--items .empty-result {
    align-items: center;
    display: none;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    padding: 24px
}

.af-productListing--items .empty-result img,
.hd-productListing--items .empty-result img,
.pmu-productListing--items .empty-result img,
.travel-productListing--items .empty-result img {
    height: 180px;
    object-fit: contain;
    width: 180px
}

.af-productListing--items .empty-result p,
.hd-productListing--items .empty-result p,
.pmu-productListing--items .empty-result p,
.travel-productListing--items .empty-result p {
    color: #2e2e2e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.af-productListing .filter-ctas .pmu-btn,
.hd-productListing .filter-ctas .pmu-btn {
    font-size: 18px;
    line-height: 28px
}

.af-productListing--items .item-tags {
    flex-wrap: wrap
}

@media(min-width:1024px)and (max-width:1279px) {

    .af-productListing--filter,
    .hd-productListing--filter,
    .pmu-productListing--filter,
    .travel-productListing--filter {
        min-width: 293px;
        width: 293px
    }
}

@media(max-width:1023px) {

    .af-productListing,
    .hd-productListing,
    .pmu-productListing,
    .travel-productListing {
        padding-bottom: 36px;
        padding-top: 36px
    }

    .af-productListing--header .title,
    .hd-productListing--header .title,
    .pmu-productListing--header .title,
    .travel-productListing--header .title {
        color: #2e2e2e;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px
    }

    .af-productListing--filter,
    .hd-productListing--filter,
    .pmu-productListing--filter,
    .travel-productListing--filter {
        display: none
    }

    .af-productListing .filter-popup,
    .hd-productListing .filter-popup,
    .pmu-productListing .filter-popup,
    .travel-productListing .filter-popup {
        bottom: 8px;
        box-shadow: 0 8px 10px -6px rgba(46, 46, 46, .1), 0 20px 25px -5px rgba(46, 46, 46, .1);
        display: flex;
        position: fixed;
        right: 8px;
        z-index: 2
    }

    .af-productListing .filter-popup .icon,
    .hd-productListing .filter-popup .icon,
    .pmu-productListing .filter-popup .icon,
    .travel-productListing .filter-popup .icon {
        margin-right: 8px
    }

    .af-productListing--mobile-filter,
    .hd-productListing--mobile-filter,
    .pmu-productListing--mobile-filter,
    .travel-productListing--mobile-filter {
        background-color: rgba(46, 46, 46, .6);
        bottom: 0;
        display: none;
        height: 100vh;
        position: fixed;
        width: 100%;
        z-index: 1
    }

    .af-productListing--mobile-filter .pmu-productListing--filter,
    .af-productListing--mobile-filter .travel-productListing--filter,
    .hd-productListing--mobile-filter .pmu-productListing--filter,
    .hd-productListing--mobile-filter .travel-productListing--filter,
    .pmu-productListing--mobile-filter .pmu-productListing--filter,
    .pmu-productListing--mobile-filter .travel-productListing--filter,
    .travel-productListing--mobile-filter .pmu-productListing--filter,
    .travel-productListing--mobile-filter .travel-productListing--filter {
        background-color: #fff;
        border-radius: 8px;
        bottom: 8px;
        display: block;
        height: auto;
        margin-left: 8px;
        margin-right: 8px;
        min-width: calc(100% - 16px);
        overflow: hidden;
        position: absolute;
        top: unset !important;
        width: calc(100% - 16px)
    }

    .af-productListing--mobile-filter .pmu-productListing--filter .title,
    .af-productListing--mobile-filter .travel-productListing--filter .title,
    .hd-productListing--mobile-filter .pmu-productListing--filter .title,
    .hd-productListing--mobile-filter .travel-productListing--filter .title,
    .pmu-productListing--mobile-filter .pmu-productListing--filter .title,
    .pmu-productListing--mobile-filter .travel-productListing--filter .title,
    .travel-productListing--mobile-filter .pmu-productListing--filter .title,
    .travel-productListing--mobile-filter .travel-productListing--filter .title {
        background-color: #0072d8;
        color: #fff;
        display: flex;
        font-size: 18px;
        justify-content: space-between;
        line-height: 28px;
        padding: 16px
    }

    .af-productListing--mobile-filter .pmu-productListing--filter form .filter-ctas,
    .af-productListing--mobile-filter .travel-productListing--filter form .filter-ctas,
    .hd-productListing--mobile-filter .pmu-productListing--filter form .filter-ctas,
    .hd-productListing--mobile-filter .travel-productListing--filter form .filter-ctas,
    .pmu-productListing--mobile-filter .pmu-productListing--filter form .filter-ctas,
    .pmu-productListing--mobile-filter .travel-productListing--filter form .filter-ctas,
    .travel-productListing--mobile-filter .pmu-productListing--filter form .filter-ctas,
    .travel-productListing--mobile-filter .travel-productListing--filter form .filter-ctas {
        padding: 16px
    }

    .af-productListing--mobile-filter .pmu-productListing--filter .filterOptions,
    .af-productListing--mobile-filter .travel-productListing--filter .filterOptions,
    .hd-productListing--mobile-filter .pmu-productListing--filter .filterOptions,
    .hd-productListing--mobile-filter .travel-productListing--filter .filterOptions,
    .pmu-productListing--mobile-filter .pmu-productListing--filter .filterOptions,
    .pmu-productListing--mobile-filter .travel-productListing--filter .filterOptions,
    .travel-productListing--mobile-filter .pmu-productListing--filter .filterOptions,
    .travel-productListing--mobile-filter .travel-productListing--filter .filterOptions {
        height: calc(100vh - 320px);
        max-height: 400px;
        overflow-y: auto
    }

    .af-productListing--content .sort-container,
    .hd-productListing--content .sort-container,
    .pmu-productListing--content .sort-container,
    .travel-productListing--content .sort-container {
        flex-direction: column
    }

    .af-productListing--content .sort-container .sortprice-btn,
    .hd-productListing--content .sort-container .sortprice-btn,
    .pmu-productListing--content .sort-container .sortprice-btn,
    .travel-productListing--content .sort-container .sortprice-btn {
        height: fit-content;
        width: 100%
    }

    .af-productListing--content .sort-container .sorttoggle,
    .hd-productListing--content .sort-container .sorttoggle,
    .pmu-productListing--content .sort-container .sorttoggle,
    .travel-productListing--content .sort-container .sorttoggle {
        width: 100%
    }

    .af-productListing--content .sort-container .sorttoggle input,
    .af-productListing--content .sort-container .sorttoggle label,
    .hd-productListing--content .sort-container .sorttoggle input,
    .hd-productListing--content .sort-container .sorttoggle label,
    .pmu-productListing--content .sort-container .sorttoggle input,
    .pmu-productListing--content .sort-container .sorttoggle label,
    .travel-productListing--content .sort-container .sorttoggle input,
    .travel-productListing--content .sort-container .sorttoggle label {
        text-align: center;
        width: 100%
    }

    .af-productListing--content .sort-container .sorttoggle label,
    .hd-productListing--content .sort-container .sorttoggle label,
    .pmu-productListing--content .sort-container .sorttoggle label,
    .travel-productListing--content .sort-container .sorttoggle label {
        height: fit-content;
        padding: 10px 8px
    }

    .af-productListing--items .row1,
    .af-productListing--items .row2,
    .hd-productListing--items .row1,
    .hd-productListing--items .row2,
    .pmu-productListing--items .row1,
    .pmu-productListing--items .row2,
    .travel-productListing--items .row1,
    .travel-productListing--items .row2 {
        flex-direction: column
    }

    .af-productListing--items .item .ctas,
    .hd-productListing--items .item .ctas,
    .pmu-productListing--items .item .ctas,
    .travel-productListing--items .item .ctas {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 16px;
        justify-content: flex-start
    }

    .af-productListing--items .item .ctas.full-width .pmu-btn,
    .af-productListing--items .item .ctas.full-width a,
    .hd-productListing--items .item .ctas.full-width .pmu-btn,
    .hd-productListing--items .item .ctas.full-width a,
    .pmu-productListing--items .item .ctas.full-width .pmu-btn,
    .pmu-productListing--items .item .ctas.full-width a,
    .travel-productListing--items .item .ctas.full-width .pmu-btn,
    .travel-productListing--items .item .ctas.full-width a {
        max-width: 100%;
        width: 100%
    }
}

@media(min-width:768px)and (max-width:1023px) {

    .af-productListing--items .row1,
    .af-productListing--items .row2,
    .hd-productListing--items .row1,
    .hd-productListing--items .row2,
    .pmu-productListing--items .row1,
    .pmu-productListing--items .row2,
    .travel-productListing--items .row1,
    .travel-productListing--items .row2 {
        flex-direction: row
    }
}

.af-deals {
    background-color: #0072d8;
    padding-bottom: 80px;
    padding-top: 80px
}

.af-deals--header {
    margin-bottom: 48px
}

.af-deals--header .title {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 0;
    word-break: break-word
}

.af-deals--wrapper {
    align-items: center;
    display: flex;
    gap: 24px
}

.af-deals--wrapper .left {
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 32px 24px;
    width: 100%
}

.af-deals--wrapper .left span.openModal {
    color: #0072d8;
    cursor: pointer;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px
}

.af-deals--wrapper .left h6 {
    color: #2e2e2e;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 24px
}

.af-deals--wrapper .left h6:nth-child(2) {
    margin-bottom: 16px
}

.af-deals--wrapper .left ul {
    margin-bottom: 24px
}

.af-deals--wrapper .left ul:last-child {
    margin-bottom: 0
}

.af-deals--wrapper .left ul li {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.af-deals--wrapper .left p {
    margin-bottom: 24px
}

.af-deals--wrapper .left p strong {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px
}

.af-deals--wrapper .right {
    min-width: calc(50% - 12px);
    width: calc(50% - 12px)
}

.af-deals--wrapper .right img {
    height: 498px;
    width: 100%
}

@media only screen and (max-width:768px) {
    .af-deals--wrapper .left p strong {
        font-size: 18px;
        line-height: 28px
    }

    .af-deals--wrapper .left span.openModal {
        font-size: 16px;
        line-height: 24px
    }

    .af-deals--wrapper .left>:first-child {
        margin-bottom: 16px
    }
}

.hd-deals .af-deals--wrapper .right img {
    height: 440px
}

.af-dealsModal {
    background-color: rgba(46, 46, 46, .6) !important;
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

@media(max-width:1023px) {
    .af-dealsModal {
        padding: 0 16px
    }
}

.af-dealsModal-body {
    background-color: #fff;
    border-radius: 8px;
    margin: 15% auto;
    overflow: hidden;
    position: relative;
    width: 800px
}

@media(max-width:1023px) {
    .af-dealsModal-body {
        width: 100%
    }
}

.af-dealsModal-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 24px
}

.af-dealsModal-header h2 {
    color: #2e2e2e;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 0
}

.af-dealsModal-header {
    background-color: #0072d8
}

.af-dealsModal-header .close svg {
    cursor: pointer
}

.af-dealsModal-content {
    padding: 24px
}

.af-dealsModal-content .table-container {
    overflow-x: auto
}

.af-dealsModal-content .table-container::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.af-dealsModal-content .table-container::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 8px
}

.af-dealsModal-content .table-container::-webkit-scrollbar-thumb {
    background-color: #919191;
    border-radius: 120px
}

.af-dealsModal-content .table-container table {
    border-collapse: separate;
    border-radius: 8px;
    border-spacing: 0;
    overflow: hidden;
    width: 100%
}

.af-dealsModal-content .table-container table td,
.af-dealsModal-content .table-container table th {
    font-size: 16px;
    height: 128px;
    line-height: 24px;
    margin-bottom: 0;
    max-height: fit-content;
    min-height: 128px;
    padding: 16px;
    width: 33.33%
}

@media(max-width:767px) {

    .af-dealsModal-content .table-container table td,
    .af-dealsModal-content .table-container table th {
        min-width: 171px
    }
}

.af-dealsModal-content .table-container table th {
    border: 1px solid #004ea8;
    color: #fff;
    font-weight: 700;
    height: fit-content;
    min-height: fit-content
}

.af-dealsModal-content .table-container table td {
    border: 1px solid #99c1e7;
    color: #2e2e2e;
    font-weight: 400
}

@media(max-width:767px) {
    .af-dealsModal-content .table-container table td {
        min-height: 128px
    }
}

.af-dealsModal-content .table-container table tr:nth-child(odd) {
    background-color: #e5f5ff
}

.af-dealsModal-content .table-container table tr:first-child {
    background-color: #004ea8
}

.af-dealsModal-content .table-container table tr:first-child th {
    color: #fff
}

.af-dealsModal-content .table-container table tr:last-child td:first-child {
    border-bottom-left-radius: 8px
}

.af-dealsModal-content .table-container table tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.af-dealsModal-header h2 {
    color: #fff
}

#afDealsModalPopup table tbody tr:not(:last-child) td:not(:last-child) {
    border-bottom: 0;
    border-right: 0
}

#afDealsModalPopup table tbody tr td:not(:last-child) {
    border-right: 0
}

#afDealsModalPopup table tbody tr:not(:last-child) td:last-child {
    border-bottom: 0
}

@media(max-width:1023px) {
    .af-deals {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .af-deals--header {
        margin-bottom: 36px
    }

    .af-deals--header .title {
        font-size: 24px;
        line-height: 32px
    }

    .af-deals--wrapper {
        flex-direction: column
    }

    .af-deals--wrapper .left {
        order: 2;
        width: 100%
    }

    .af-deals--wrapper .left h6 {
        font-size: 18px;
        line-height: 28px
    }

    .af-deals--wrapper .left ul li {
        font-size: 16px;
        line-height: 24px
    }

    .af-deals--wrapper .left ul li span {
        font-weight: 700
    }

    .af-deals--wrapper .right {
        order: 1;
        width: 100%
    }

    .af-deals--wrapper .right img {
        height: 400px
    }

    .af-dealsModal {
        height: 100vh
    }

    .af-dealsModal-body {
        margin-bottom: 33%;
        margin-top: 18%;
        top: 0;
        transform: translateY(0)
    }
}

.grey-variant .af-deals {
    background-color: #f6f6f6
}

.grey-variant .af-deals--header .title {
    color: #2e2e2e
}

.grey-variant .af-deals--wrapper .left,
.grey-variant .af-dealsModal-body {
    background-color: #fff
}

.grey-variant .af-dealsModal-header {
    background-color: #f6f6f6
}

.white-variant .af-deals {
    background-color: #fff
}

.white-variant .af-deals--header .title {
    color: #2e2e2e
}

.white-variant .af-deals--wrapper .left,
.white-variant .af-dealsModal-body {
    background-color: #f6f6f6
}

.white-variant .af-dealsModal-header {
    background-color: #fff
}

.light-blue-variant .af-deals {
    background-color: #e5f5ff
}

.light-blue-variant .af-deals--header .title {
    color: #2e2e2e
}

.light-blue-variant .af-dealsModal-body {
    background-color: #fff
}

.light-blue-variant .af-dealsModal-header {
    background-color: #e5f5ff
}

.dark-blue-variant .af-deals {
    background-color: #0072d8
}

.dark-blue-variant .af-deals--header .title {
    color: #fff
}

@media(max-width:1023px) {
    .dark-blue-variant .af-deals .container {
        padding: 0 16px
    }
}

.dark-blue-variant .af-dealsModal-body {
    background-color: #fff
}

.dark-blue-variant .af-dealsModal-header {
    background-color: #0072d8
}

.dark-blue-variant .af-dealsModal-header h2 {
    color: #fff
}

.modal-open {
    overflow: hidden !important
}

.auto-loan-calculator .originTooltip {
    position: relative;
    transition-duration: .3s
}

.auto-loan-calculator .originTooltip .hover-svg,
.auto-loan-calculator .originTooltip .tooltip-text,
.auto-loan-calculator .originTooltip:hover .default-svg {
    display: none
}

.auto-loan-calculator .originTooltip:hover .hover-svg {
    display: inline-block
}

.auto-loan-calculator .originTooltip:hover .tooltip-text {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 5px #ccc;
    display: inline-block;
    left: 20px;
    min-width: 146px;
    padding: 6px;
    position: absolute;
    top: -10px;
    z-index: 99
}

.auto-loan-calculator .select-dropdown-btn {
    width: 100%
}

.auto-loan-calculator .field-container {
    align-items: center;
    position: relative;
    width: 100%
}

.auto-loan-calculator .field-container span.input-group-append {
    line-height: normal;
    margin-top: -12px;
    pointer-events: none;
    position: absolute;
    right: 14px;
    top: 50%
}

.auto-loan-calculator .field-input {
    align-items: center;
    align-self: stretch;
    background: var(--background-neutral-color-bg-white, #fff);
    border-color: var(--border-colored-color-border-primary, #99c1e7);
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    font-size: 18px;
    font-weight: 400;
    gap: 0;
    height: 52px;
    justify-content: flex-start;
    min-height: 52px;
    position: relative;
    width: 100%
}

.auto-loan-calculator .field-input:disabled {
    background-color: #f6f6f6;
    border-color: #a0a0a0;
    color: #a0a0a0
}

.auto-loan-calculator .field-input:active,
.auto-loan-calculator .field-input:focus {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #0072d8;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 114, 216, .322);
    color: #2e2e2e;
    opacity: 1;
    outline: 0
}

.auto-loan-calculator .field-input:disabled:active {
    background-color: #f6f6f6;
    border-color: #a0a0a0;
    box-shadow: unset;
    color: #a0a0a0
}

.auto-loan-calculator .field-input.error {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #ff3700;
    border-radius: 8px;
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 600;
    opacity: 1
}

.auto-loan-calculator .field-input.error+span {
    color: #ff3700;
    font-size: 14px
}

.auto-loan-calculator .hide-block {
    display: none !important
}

.auto-loan-calculator .originTooltip {
    display: flex !important
}

.auto-loan-calculator input,
.auto-loan-calculator select {
    border: 1px solid #ccc
}

.auto-loan-calculator select:focus {
    outline: none
}

.auto-loan-calculator .label-title,
.auto-loan-calculator .radio-label-title {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important
}

.auto-loan-calculator .label-alttitle,
.auto-loan-calculator .label-title {
    margin-top: 10px !important;
    word-break: break-word
}

.auto-loan-calculator .vehicle-title {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 8px
}

.auto-loan-calculator .vehicle-title .label-title {
    margin-bottom: 0;
    margin-top: 0 !important
}

.auto-loan-calculator .radio-label-title {
    font-size: 18px !important;
    line-height: 28px !important;
    word-break: break-word
}

.auto-loan-calculator-confirm-button {
    background-color: #0072d8 !important;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.auto-loan-calculator-confirm-button:hover {
    background-color: #004ea8 !important;
    border-color: #004ea8 !important
}

.auto-loan-calculator-confirm-button:disabled {
    background-color: #a0a0a0 !important;
    border-color: #919191 !important;
    cursor: not-allowed
}

.auto-loan-calculator-reset-button {
    background-color: #fff !important;
    border: 2px solid #0072d8 !important;
    color: #0072d8;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.auto-loan-calculator-reset-button:hover {
    border: 2px solid #004ea8 !important;
    color: #004ea8
}

.auto-loan-calculator-reset-button:disabled {
    background-color: #fff !important;
    border: 2px solid #a0a0a0 !important;
    color: #a0a0a0 !important;
    cursor: not-allowed
}

.auto-loan-calculator-row {
    display: flex;
    gap: 24px
}

@media(min-width:1024px) {
    .auto-loan-calculator-row .col-left {
        min-width: 373px;
        width: 373px
    }

    .auto-loan-calculator-row .col-right {
        width: calc(100% - 397px)
    }
}

@media(min-width:1440px) {
    .auto-loan-calculator-row .col-left {
        min-width: 432px;
        width: 432px
    }

    .auto-loan-calculator-row .col-right {
        width: calc(100% - 456px)
    }
}

.auto-loan-calculator-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 48px;
    padding-top: 12px;
    word-break: break-word
}

.auto-loan-calculator-text-field .text-field-label {
    align-items: center;
    display: flex;
    gap: 8px
}

.auto-loan-calculator-text-field .text-field-label p {
    margin-bottom: 8px
}

.auto-loan-calculator-text-field .form-text-field input {
    border: 1px solid #99c1e7;
    border-radius: 8px;
    height: 52px;
    padding: 12px 14px;
    width: 100%
}

.auto-loan-calculator-text-field .form-text-field input .error {
    border: 1px solid #ff3700
}

.auto-loan-calculator-text-field .form-text-field ::placeholder {
    color: #919191 !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.auto-loan-calculator-text-field :focus-visible {
    border: 1px solid #0072d8 !important
}

.auto-loan-calculator-form-container {
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    padding: 24px
}

@media(max-width:767px) {
    .auto-loan-calculator-form-container .originTooltip {
        position: unset
    }

    .auto-loan-calculator-form-container .originTooltip:hover .tooltip-text {
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 0 5px #ccc;
        display: inline-block;
        left: 0;
        margin-top: 25px;
        min-width: 146px;
        padding: 6px;
        position: absolute;
        right: 0;
        top: auto;
        width: 100%;
        z-index: 99
    }
}

.auto-loan-calculator-form-field-container {
    margin-bottom: 16px
}

.auto-loan-calculator-form-field-container:last-child {
    margin-bottom: 0
}

.auto-loan-calculator-form-radio-input .radio-input-container {
    display: flex;
    gap: 8px
}

.auto-loan-calculator-form-radio-input .radio-input-container .radio-input {
    align-items: center;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    height: 100% !important;
    justify-content: space-between;
    min-height: 52px;
    padding: 14px 12px;
    width: 50%
}

.auto-loan-calculator-form-radio-input .radio-input-container .radio-input .radio-label {
    pointer-events: none
}

.auto-loan-calculator-form-radio-input .radio-input-container .radio-input input {
    accent-color: #004ea8;
    height: auto;
    pointer-events: none;
    width: auto
}

.auto-loan-calculator-form-title {
    background-color: #0072d8;
    border-radius: 8px 8px 0 0;
    padding: 24px
}

.auto-loan-calculator-form-title p {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 32.74px;
    margin: 0;
    word-break: break-word
}

.auto-loan-calculator-form-radio-input .label-title p {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important
}

.auto-loan-calculator-form-container-row {
    display: flex;
    gap: 10px
}

.auto-loan-calculator-button-section {
    display: flex;
    gap: 8px;
    padding: 32px 0 0
}

.auto-loan-calculator-button-section .button-wid {
    width: 50%
}

.auto-loan-calculator-button-section .button-wid button {
    background-color: #fff;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    line-height: 1;
    min-height: 48px;
    padding: 10px 16px;
    text-align: center;
    width: 100%;
    word-break: break-word
}

.auto-loan-calculator-button .button-wid {
    width: 50%
}

.auto-loan-calculator-button .button-wid button {
    border: 1px solid #99c1e7;
    padding: 12px;
    text-align: center
}

.auto-loan-calculator-table-row {
    margin-bottom: 32px;
    position: relative
}

.auto-loan-calculator-table-row:after {
    background-color: #c2c2c1;
    bottom: 0;
    content: "";
    height: 1px;
    left: -12px;
    position: absolute;
    right: -12px;
    top: auto
}

@media screen and (min-width:1024px) {
    .auto-loan-calculator-table-row:after {
        left: 0;
        right: 0
    }
}

.auto-loan-calculator-table-row .ttitle,
.auto-loan-calculator-table-row .vtitle {
    margin-bottom: 12px;
    word-break: break-word
}

@media(min-width:1024px) {
    .auto-loan-calculator-table-row {
        margin: 0;
        padding: 24px 12px
    }

    .auto-loan-calculator-table-row .col-md-4 {
        padding: 0 12px
    }
}

.auto-loan-calculator-table-section {
    border-radius: 0 0 8px 8px
}

.auto-loan-calculator-table-section-table-buttons {
    display: flex;
    justify-content: end;
    padding: 10px
}

.auto-loan-calculator-table-title {
    background-color: #0072d8;
    border-radius: 8px 8px 0 0;
    padding: 24px
}

.auto-loan-calculator-table-title p {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 32.74px;
    margin: 0;
    word-break: break-word
}

.auto-loan-calculator-table-container {
    background-color: #fff;
    display: none;
    padding-bottom: 0
}

.auto-loan-calculator-table-container:first-child {
    display: block
}

.auto-loan-calculator-table-container .row .col-md-4 .loan-interest .price,
.auto-loan-calculator-table-container .row .col-md-4 .loan-tenure .price,
.auto-loan-calculator-table-container .row .col-md-4 .loan-title .price {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0
}

.auto-loan-calculator-table-notes {
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    padding: 32px 24px
}

.auto-loan-calculator-table-notes ol li {
    padding-bottom: 0;
    word-break: break-word
}

.auto-loan-calculator-table-notes p {
    margin-bottom: 0;
    word-break: break-word
}

.auto-loan-calculator-table-notes p:empty {
    line-height: 0;
    margin-bottom: 0
}

.auto-loan-calculator-result-table {
    overflow-x: auto;
    position: relative
}

.auto-loan-calculator-result-table::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.auto-loan-calculator-result-table::-webkit-scrollbar-track {
    background-color: #e4e4e4
}

.auto-loan-calculator-result-table::-webkit-scrollbar-thumb {
    background-color: #919191;
    border-radius: 120px
}

.auto-loan-calculator-result-table .table {
    border-collapse: separate;
    margin-bottom: 0
}

.auto-loan-calculator-result-table .table.oddBgColor tr:nth-child(odd) {
    background-color: #f6f6f6
}

.auto-loan-calculator-result-table .table.oddBgColor tr:nth-child(2n) {
    background-color: #fff
}

.auto-loan-calculator-result-table .table tr:nth-child(2n) {
    background-color: #f6f6f6
}

.auto-loan-calculator-result-table .table tr:first-child td {
    border-top: 1px solid #99c1e7
}

.auto-loan-calculator-result-table .table td,
.auto-loan-calculator-result-table .table th {
    border-bottom: 1px solid #99c1e7;
    border-right: 1px solid #99c1e7;
    padding: 16px
}

.auto-loan-calculator-result-table .table td:first-child,
.auto-loan-calculator-result-table .table th:first-child {
    left: 0;
    position: sticky
}

.auto-loan-calculator-result-table .table tr th {
    min-width: 200px
}

.auto-loan-calculator-result-table .table tr:first-child th {
    border-top-left-radius: 8px
}

.auto-loan-calculator-result-table .table tr:first-child td:last-child {
    border-top-right-radius: 8px
}

.auto-loan-calculator-result-table .table tr:last-child th {
    border-bottom-left-radius: 8px
}

.auto-loan-calculator-result-table .table tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.auto-loan-calculator-result-table .table tr td {
    min-width: 170px;
    vertical-align: middle
}

@media(max-width:420px) {
    .auto-loan-calculator-result-table .table tr td {
        max-width: 140px;
        min-width: 140px
    }
}

.auto-loan-calculator-result-table .table tr td p {
    color: #2e2e2e;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    margin: 0
}

.auto-loan-calculator-result-table .table tr td p.text-center {
    gap: 20px;
    justify-content: center
}

.auto-loan-calculator-result-table .table tr td p.text-right {
    justify-content: end
}

.auto-loan-calculator-result-table .result-fixed-column {
    background: #004ea8;
    color: #fff;
    width: 200px
}

.auto-loan-calculator-result-table .result-fixed-column p {
    margin: 0;
    word-break: break-word
}

@media only screen and (min-width:1024px) {
    .auto-loan-calculator-result-table {
        margin: 0 24px;
        padding: 32px 0 0
    }
}

.auto-loan-calculator .select-dropdown-cmp {
    position: relative
}

.auto-loan-calculator .select-dropdown-btn {
    align-items: center;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    display: flex;
    padding: 12px 14px;
    position: relative
}

.auto-loan-calculator .select-dropdown-btn .icon {
    position: absolute;
    right: 14px;
    top: 14px;
    transform: rotate(180deg)
}

.auto-loan-calculator .select-dropdown-options {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 4px #99c1e7;
    display: none;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    z-index: 99
}

.auto-loan-calculator .select-dropdown-options .option-text {
    padding: 14px
}

.auto-loan-calculator .select-dropdown-options .option-text p {
    margin-bottom: 0
}

.auto-loan-calculator .select-dropdown-options .option-text:hover {
    background-color: #99c1e7;
    cursor: pointer
}

.auto-loan-calculator .dropdown-open .select-dropdown-options {
    display: block
}

@media(min-width:641px) {
    .auto-loan-calculator .mobile-slide-count {
        display: none
    }
}

@media only screen and (max-width:1023px) {
    .field-input {
        height: 52px !important
    }

    .auto-loan-calculator-row {
        flex-direction: column
    }

    .auto-loan-calculator-row .col-left {
        min-width: unset;
        width: 100%
    }

    .auto-loan-calculator-row .col-right {
        width: 100%
    }

    .auto-loan-calculator-title {
        margin-bottom: 6%
    }

    .auto-loan-calculator-form-title,
    .auto-loan-calculator-title {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px
    }

    .auto-loan-calculator-text-field .text-field-label {
        align-items: center;
        display: flex;
        gap: 8px
    }

    .auto-loan-calculator-text-field .text-field-label p {
        margin-bottom: 8px
    }

    .auto-loan-calculator-text-field .form-text-field input {
        border-radius: 8px;
        padding: 12px 14px;
        width: 100%
    }

    .auto-loan-calculator-form-container {
        padding: 24px
    }

    .auto-loan-calculator-form-field-container {
        margin-bottom: 16px;
        position: relative
    }

    .auto-loan-calculator-form-field-container:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width:1023px)and (max-width:767px) {
    .auto-loan-calculator-form-radio-input .radio-input-container {
        flex-direction: column
    }
}

@media only screen and (max-width:1023px) {
    .auto-loan-calculator-form-radio-input .radio-input-container .radio-input {
        align-items: center;
        border: 1px solid #99c1e7;
        border-radius: 8px;
        display: flex;
        gap: 8px;
        justify-content: space-between;
        padding: 14px 12px;
        width: 100%
    }

    .auto-loan-calculator-form-radio-input .radio-input-container .radio-input.radio-disabled {
        border-color: #a0a0a0
    }

    .auto-loan-calculator-form-title {
        background-color: #0072d8;
        border-radius: 8px 8px 0 0;
        padding: 24px
    }

    .auto-loan-calculator-form-title p {
        color: #fff;
        font-size: 24px;
        line-height: 32.74px;
        margin: 0
    }

    .auto-loan-calculator-form-container-row {
        display: flex;
        gap: 10px
    }
}

@media only screen and (max-width:1023px)and (max-width:767px) {
    .auto-loan-calculator-button-section {
        flex-direction: column;
        gap: 16px
    }

    .auto-loan-calculator-button-section .button-wid {
        width: 100%
    }

    .auto-loan-calculator-button-section .button-wid button {
        background-color: #fff;
        border: 1px solid #99c1e7;
        border-radius: 8px;
        padding: 10px 16px;
        text-align: center;
        width: 100%
    }
}

@media only screen and (max-width:1023px) {
    .auto-loan-calculator-button .button-wid {
        width: 50%
    }

    .auto-loan-calculator-button .button-wid button {
        border: 1px solid #99c1e7;
        padding: 12px;
        text-align: center
    }

    .auto-loan-calculator-button .button-wid button:disabled {
        border-color: #a0a0a0
    }

    .auto-loan-calculator-table-section {
        background-color: transparent
    }

    .auto-loan-calculator-table-title {
        background-color: #0072d8;
        border-radius: 8px 8px 0 0;
        padding: 24px
    }

    .auto-loan-calculator-table-title p {
        color: #fff;
        font-size: 24px;
        line-height: 32.74px;
        margin: 0
    }

    .auto-loan-calculator-table-container {
        padding: 24px
    }

    .auto-loan-calculator-table-container .row .col-md-4 {
        margin-bottom: 24px;
        padding: 0 12px
    }

    .auto-loan-calculator-table-container .row .col-md-4 .loan-interest .price,
    .auto-loan-calculator-table-container .row .col-md-4 .loan-tenure .price,
    .auto-loan-calculator-table-container .row .col-md-4 .loan-title .price {
        font-size: 24px
    }

    .auto-loan-calculator-table-notes {
        padding: 8px 24px 32px
    }

    .auto-loan-calculator-table-notes ol li {
        padding-bottom: 0
    }

    .auto-loan-calculator-result-table {
        border-radius: 8px 0 0 8px;
        overflow-x: auto;
        position: relative
    }

    .auto-loan-calculator-result-table .table td,
    .auto-loan-calculator-result-table .table th {
        padding: 16px
    }

    .auto-loan-calculator-result-table .table td:first-child,
    .auto-loan-calculator-result-table .table th:first-child {
        left: 0;
        position: sticky
    }

    .auto-loan-calculator-result-table .table tr th {
        max-width: 150px;
        min-width: 150px
    }

    .auto-loan-calculator-result-table .table tr:first-child th {
        border-top-left-radius: 8px
    }

    .auto-loan-calculator-result-table .table tr:first-child td:last-child {
        border-top-right-radius: 8px
    }

    .auto-loan-calculator-result-table .table tr:last-child th {
        border-bottom-left-radius: 8px
    }

    .auto-loan-calculator-result-table .table tr:last-child td:last-child {
        border-bottom-right-radius: 8px
    }

    .auto-loan-calculator-result-table .table tr td p {
        display: flex;
        gap: 8px;
        justify-content: space-between;
        margin: 0
    }

    .auto-loan-calculator-result-table .result-fixed-column {
        background: #004ea8;
        color: #fff;
        width: 200px
    }

    .auto-loan-calculator-result-table .result-fixed-column p {
        margin: 0
    }
}

@media only screen and (max-width:767px) {

    .auto-loan-calculator-result-table .table td,
    .auto-loan-calculator-result-table .table th {
        height: 78px;
        vertical-align: middle
    }
}

@media only screen and (max-width:359px) {
    .auto-loan-calculator-result-table .table {
        font-size: 14px
    }

    .auto-loan-calculator-result-table .table td,
    .auto-loan-calculator-result-table .table th {
        padding: 10px
    }
}

@media only screen and (max-width:1023) {
    .auto-loan-calculator-row {
        flex-direction: column
    }

    .auto-loan-calculator-row .col-left {
        min-width: unset;
        width: 100%
    }

    .auto-loan-calculator-row .col-right {
        width: 100%
    }

    .auto-loan-calculator-row .result-fixed-column {
        min-width: 200px
    }

    .auto-loan-calculator-result-table .table tr td {
        min-width: 170px !important
    }
}

@media only screen and (max-width:480px) {
    .auto-loan-calculator-result-table table td p {
        flex-direction: column;
        gap: 0;
        text-align: right
    }
}

@media(max-width:430px) {
    .auto-loan-calculator-result-table .result-fixed-column p {
        word-break: unset
    }
}

body.auto-loan-calculator-body .select2-container {
    width: 100% !important;
    z-index: 2
}

body.auto-loan-calculator-body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #656565 transparent transparent;
    border-width: 6px 6px 0;
    height: 6px;
    margin-left: -6px;
    width: 12px
}

body.auto-loan-calculator-body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #656565;
    border-width: 0 6px 6px;
    height: 6px;
    width: 12px
}

body.auto-loan-calculator-body .select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-right: 14px;
    right: 0
}

body.auto-loan-calculator-body .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f6f6f6 !important;
    border-color: #a0a0a0 !important;
    box-shadow: none;
    -webkit-opacity: 1;
    opacity: 1 !important;
    -webkit-text-fill-color: #919191;
    border: 1px solid #a0a0a0;
    font-weight: 400
}

body.auto-loan-calculator-body .select2.select2-container--disabled.select2-container--focus {
    border: none !important;
    box-shadow: none !important
}

body.auto-loan-calculator-body .select2-container--open .select2-dropdown {
    margin-top: 8px
}

body.auto-loan-calculator-body .select2-dropdown {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1) !important
}

body.auto-loan-calculator-body .select2-container--open .select2-dropdown--above {
    border-radius: 8px !important
}

body.auto-loan-calculator-body .select2-container--default .select2-results>.select2-results__options {
    background: #fff;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    max-height: 136px
}

body.auto-loan-calculator-body .select2-container--open .select2-dropdown--below {
    font-weight: 400
}

body.auto-loan-calculator-body .select2-results__options li.select2-results__option {
    padding: 10px 12px
}

body.auto-loan-calculator-body .select2-container.select2-container--default .select2-results__option--selectable.select2-results__option--highlighted[aria-selected=true] {
    background-color: #e5f5ff !important;
    color: #2e2e2e
}

body.auto-loan-calculator-body .select2-container .select2-dropdown.select2-dropdown--above {
    border: none
}

body.auto-loan-calculator-body .select2-container.select2-container--default .select2-results__option--selected {
    background-color: transparent;
    color: inherit
}

body.auto-loan-calculator-body .select2-container.select2-container--default .select2-results>.select2-results__options {
    background: #fff;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    max-height: 136px
}

body.auto-loan-calculator-body .select2-container.select2-container--open .select2-dropdown--below {
    border: none
}

body.auto-loan-calculator-body .field-container .select2-container .select2-selection {
    align-items: center;
    align-self: stretch;
    background: var(--background-neutral-color-bg-white, #fff);
    border-color: var(--border-colored-color-border-primary, #99c1e7);
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    font-size: 18px;
    font-weight: 400;
    gap: 0;
    height: 52px;
    justify-content: flex-start;
    min-height: 52px;
    position: relative;
    width: 100%
}

body.auto-loan-calculator-body .field-container .select2-container .select2-selection:active,
body.auto-loan-calculator-body .field-container .select2-container .select2-selection:focus {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #0072d8;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 114, 216, .322);
    color: #2e2e2e;
    opacity: 1;
    outline: 0
}

body.auto-loan-calculator-body .field-container .select2-container .select2-selection__rendered {
    padding-left: 16px
}

body.auto-loan-calculator-body .field-container .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 24px;
    line-height: normal;
    margin: -12px 0 0 -12px;
    right: 16px;
    top: 50%;
    width: 24px
}

@media(max-width:767px) {
    body.auto-loan-calculator-body .field-container .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 14px
    }
}

body.auto-loan-calculator-body .field-container .select2-container.select2-container--disabled .select2-selection,
body.auto-loan-calculator-body .field-container .select2-container.select2-container--disabled .select2-selection:active {
    background-color: #f6f6f6;
    border-color: #a0a0a0;
    box-shadow: none;
    color: #a0a0a0
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div {
    background: var(--white);
    bottom: 0;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, .161);
    display: none;
    left: 0;
    margin-top: 0;
    padding: 48px 0;
    position: fixed;
    right: 0;
    z-index: 9999
}

@media(min-width:992px)and (max-width:1280px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .container {
        max-width: none
    }
}

@media(max-width:991px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div {
        display: flex;
        margin-top: 0 !important;
        padding: 0 !important
    }
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div.show {
    display: grid
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card {
    background: #e5f5ff;
    border-radius: 8px;
    gap: 16px;
    height: 100%;
    max-width: 310px;
    min-height: 112px;
    min-width: 310px;
    padding: 16px;
    position: relative;
    width: 310px
}

@media(min-width:992px)and (max-width:1199px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card {
        max-width: 260px;
        min-width: 260px;
        width: 260px
    }
}

@media(max-width:991px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card {
        flex-direction: column;
        height: 100%;
        max-width: calc(25% - 12px);
        min-width: calc(25% - 12px);
        padding: 16px;
        width: 100%;
        width: calc(25% - 12px)
    }
}

@media(max-width:768px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card {
        max-width: calc(50% - 12px);
        min-width: calc(50% - 12px);
        width: calc(50% - 12px)
    }
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card .bottom_cross_circel {
    content: unset;
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: -12px;
    top: -16px;
    width: 32px
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card .bottom_cross_circel svg {
    background-color: #fff;
    border: 2px solid #0072d8;
    border-radius: 100%;
    height: 32px;
    width: 32px
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card img {
    border-radius: 8px;
    height: 80px;
    max-height: 80px;
    min-height: 80px;
    min-width: 130px;
    width: 130px
}

@media(min-width:992px)and (max-width:1199px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card img {
        min-width: 100px;
        width: 100px
    }
}

@media(min-width:769px)and (max-width:991px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card img {
        height: 100px;
        max-height: 100px
    }
}

@media(max-width:991px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card img {
        min-width: 100%;
        width: 100%
    }
}

@media(min-width:641px)and (max-width:768px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card img {
        height: 160px;
        max-height: 160px
    }
}

@media(min-width:541px)and (max-width:640px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card img {
        height: 140px;
        max-height: 140px
    }
}

@media(min-width:480px)and (max-width:540px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card img {
        height: 100px;
        max-height: 100px
    }
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .add-card-last-box {
    grid-column-start: 2;
    grid-row-start: 1
}

@media(max-width:991px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .add-card-last-box {
        margin-top: 24px;
        order: 3;
        width: 100%
    }

    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .add-card-last-box a {
        width: 100%
    }

    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .add-card-last-box .compare_card_botton_card {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .add-card-last-box.add-compare-button {
    grid-row-start: 2
}

@media(max-width:991px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .add-card-last-box.add-compare-button {
        align-items: stretch !important;
        flex-grow: 1;
        height: auto;
        margin-top: 0;
        width: calc(50% - 12px)
    }
}

@media(max-width:991px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_container:has(.add-compare-button) {
        display: flex
    }
}

@media(max-width:991px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_container {
        align-items: stretch;
        column-gap: 24px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap
    }

    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_container svg {
        min-height: 21px;
        min-width: 21px
    }
}

@media(max-width:768px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_container {
        flex-wrap: wrap
    }
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_container .add-to-new-cart-text {
    align-items: center;
    display: flex
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_container .add-to-new-cart-text span {
    display: block
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_container .add-more-card {
    align-items: center;
    background: transparent;
    border: 1px dashed #0072d8;
    display: flex;
    justify-content: center;
    margin-right: 24px
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_container .add-more-card span {
    font-size: 18px;
    font-weight: 400;
    padding-left: .6rem;
    vertical-align: middle;
    width: 100%
}

@media(max-width:991px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_container .add-more-card span {
        padding-left: 16px;
        text-align: left
    }
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .close.bottom_cross_circel {
    content: unset;
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 10px;
    top: -18px;
    width: 30px;
    width: 32px
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .close.bottom_cross_circel svg {
    background-color: #fff;
    border: 2px solid #0072d8;
    border-radius: 100%;
    height: 32px;
    width: 32px
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare-card-text-bottom {
    display: unset;
    font-size: var(--font-normal);
    margin-bottom: 0
}

@media(max-width:991px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare-card-text-bottom {
        font-size: var(--font-md-nxt);
        margin-bottom: 0
    }
}

.af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_button {
    display: none;
    margin: 0 0 0 24px
}

@media(min-width:992px)and (max-width:1199px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_button {
        margin-left: auto
    }
}

@media(max-width:991px) {
    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_button {
        margin-left: 0;
        width: 100%
    }
}

.af-ComparePanel .d-flex.compare_card_botton_card:nth-child(2),
.af-ComparePanel .d-flex.compare_card_botton_card:nth-child(3),
.af-ComparePanel .d-flex.compare_card_botton_card:nth-child(4) {
    align-items: stretch;
    flex-grow: 1;
    height: 100%;
    height: auto;
    order: unset !important
}

.af-ComparePanel .compareWithOther {
    align-items: center;
    background-color: transparent;
    border: 2px solid var(--bdo-blue);
    color: var(--bdo-blue);
    display: flex;
    justify-content: center
}

.af-ComparePanel .feature-cards-compare {
    color: var(--bdo-black);
    padding: 0 0 96px
}

.af-ComparePanel .feature-cards-compare.cardListing-no-carousel {
    padding-bottom: 80px
}

@media(max-width:991px) {
    .af-ComparePanel .feature-cards-compare.cardListing-no-carousel {
        padding-bottom: 0
    }
}

.af-ComparePanel .feature-cards-compare .feature-card__item {
    border-radius: 8px
}

.af-ComparePanel .feature-cards-compare .feature-card__item.active {
    border: 2px solid #00a995
}

.af-ComparePanel .feature-cards-compare .feature-card__item.active:before {
    background: #00a995;
    border-radius: 50%;
    color: #fff;
    content: "✓";
    display: grid;
    height: 22px;
    place-items: center;
    position: absolute;
    right: -11px;
    top: -2%;
    width: 22px
}

.af-ComparePanel .feature-cards-compare .feature-cards-compare__desc {
    font-size: var(--font-normal);
    margin-bottom: 32px
}

.af-ComparePanel .feature-cards-compare .compare_card_cross_icon {
    cursor: pointer;
    position: absolute;
    right: -2px;
    top: -5px
}

.af-ComparePanel .feature-cards-compare .compare_card_container {
    display: flex;
    flex-direction: row-reverse;
    gap: 24px;
    justify-content: flex-end
}

@media(min-width:992px)and (max-width:1280px) {
    .af-ComparePanel .feature-cards-compare .compare_card_container {
        justify-content: center
    }
}

.af-ComparePanel .feature-cards-compare .compare_card_container .add-compare-button,
.af-ComparePanel .feature-cards-compare .compare_card_container .compare_card_botton_card {
    flex: 1
}

.af-ComparePanel .feature-cards-compare .add-to-new-cart-text {
    margin-bottom: 0
}

.af-ComparePanel .feature-cards-compare .carousel-control-next,
.af-ComparePanel .feature-cards-compare .carousel-control-prev {
    height: 50px;
    right: -6%;
    top: 200px;
    width: 6%
}

.af-ComparePanel .feature-cards-compare .carousel-control-prev {
    left: -80px
}

.af-ComparePanel .feature-cards-compare .carousel.slide .carousel-inner .row .col-lg-4 {
    width: 33%
}

.af-ComparePanel .card-button-for-change {
    background: none
}

.af-ComparePanel .feature-cards-compare .last-card .view-text {
    color: #0072d8 !important
}

.af-ComparePanel .dark-blue-variant .feature-cards-compare-subtitle {
    color: var(--white)
}

.af-ComparePanel .feature-cards-compare-title {
    padding-top: 80px
}

.af-ComparePanel .feature-cards-compare .feature-card__item .card-body .btn.btn-primary.fw-bold.bdo-font-medium {
    height: 100%;
    line-height: 1;
    padding: 9px 14px
}

@media(max-width:991px) {
    .af-ComparePanel .feature-cards-compare-title {
        padding-top: 40px
    }

    .af-ComparePanel .feature-cards-compare .feature-cards-compare-title {
        font-size: var(--font-lg)
    }

    .af-ComparePanel .feature-cards-compare-subtitle {
        font-size: var(--font-medium);
        margin-bottom: 40px !important;
        margin-top: 24px !important
    }

    .af-ComparePanel .feature-card__item {
        padding: 16px !important
    }

    .af-ComparePanel .feature-card__item .card-body {
        margin-top: 16px !important
    }

    .af-ComparePanel .feature-card__item .card-body .compare_card_title {
        font-size: var(--font-normal);
        margin-bottom: 8px !important
    }

    .af-ComparePanel .feature-card__item .card-body .feature-cards-compare__desc p {
        font-size: var(--font-md-nxt);
        margin-bottom: 0
    }

    .af-ComparePanel .feature-card__item .card-body .feature-cards-compare__desc {
        margin-bottom: 22px
    }

    .af-ComparePanel .feature-card__item .card-body .d-flex.mt-auto {
        gap: 24px
    }

    .af-ComparePanel .feature-card__item .btn.btn-primary.fw-bold.bdo-font-medium {
        font-size: var(--font-md-nxt)
    }

    .af-ComparePanel .feature-cards-compare .carousel.slide .carousel-inner .row {
        flex-wrap: nowrap;
        overflow: scroll
    }

    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .container {
        padding: 0
    }

    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .container .compare_card_container {
        padding: 48px 24px
    }

    .af-ComparePanel .feature-cards-compare .carousel.slide .carousel-inner .row .col-lg-4.col-md-4 {
        margin-top: 8px
    }

    .af-ComparePanel .card-button-for-change {
        font-size: var(--font-md-nxt) !important;
        padding-top: 20px !important
    }

    .af-ComparePanel .feature-cards-compare .bottom_cross_circel:first-child {
        display: none
    }

    .af-ComparePanel .feature-cards-compare .compare_card_botton_card .bottom_cross_circel {
        display: block;
        right: 0;
        top: -6px
    }

    .af-ComparePanel .feature-cards-compare .carousel.slide .carousel-inner .row .col-lg-4 {
        width: 83%
    }
}

@media only screen and (min-width:331px)and (max-width:400px) {
    .af-ComparePanel .feature-card__item .btn.btn-primary.fw-bold.bdo-font-medium {
        font-size: 12px;
        height: 38px;
        padding: 10px
    }

    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_container {
        grid-template-columns: 164px 165px !important
    }

    .af-ComparePanel .card-button-for-change {
        font-size: 13px !important;
        height: 40px !important;
        line-height: 1.8 !important;
        padding: 9px 16px !important
    }

    .af-ComparePanel .af-ComparePanel .d-flex.compare_card_botton_card:nth-child(3) {
        margin-left: 12px
    }
}

@media only screen and (min-width:300px)and (max-width:330px) {

    .af-ComparePanel .feature-card__item .btn.btn-primary.fw-bold.bdo-font-medium,
    .af-ComparePanel .feature-cards-compare .card-button-for-change {
        font-size: 12px !important
    }

    .af-ComparePanel .compare_card_botton_div .compare_card_botton_card {
        width: 130px !important
    }

    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_container {
        grid-template-columns: 138px 138px !important
    }
}

@media only screen and (min-width:320px)and (max-width:600px) {
    .af-ComparePanel .feature-cards-compare .card-button-for-change {
        line-height: .8 !important;
        padding: 15px 9px 9px !important
    }

    .af-ComparePanel .feature-cards-compare .feature-card__item .card-body .btn.btn-primary.fw-bold.bdo-font-medium {
        padding: 9px !important
    }
}

@media only screen and (min-width:1024px)and (max-width:1200px) {
    .af-ComparePanel .feature-cards-compare .card-button-for-change {
        padding: 18px 11px 11px
    }

    .af-ComparePanel .feature-cards-compare .compare_button {
        height: 65px;
        line-height: 1
    }
}

@media only screen and (min-width:600px)and (max-width:1024px) {
    .af-ComparePanel .compare_card_botton_div .compare_card_botton_card {
        gap: 8px;
        padding: 10px;
        width: 175px
    }

    .af-ComparePanel .feature-cards-compare .compare-card-text-bottom {
        font-size: 16px
    }

    .af-ComparePanel .compare_card_botton_div .bottom_cross_circel {
        height: 23px;
        width: 23px
    }

    .af-ComparePanel .cardListing .feature-cards-compare .feature-card__item .card-body .d-flex.mt-auto {
        flex-direction: column
    }

    .af-ComparePanel .cardListing .feature-cards-compare .feature-card__item .card-body .d-flex.mt-auto .fw-bold.bdo-font-medium {
        font-size: 13px;
        padding: 10px;
        width: 100%
    }

    .af-ComparePanel .feature-cards-compare .feature-card__item {
        padding: 12px !important
    }

    .af-ComparePanel .feature-cards-compare .feature-card__item .compare_card_title {
        font-size: 18px
    }

    .af-ComparePanel .feature-cards-compare .feature-card__item .feature-cards-compare__desc {
        font-size: 16px
    }

    .af-ComparePanel .feature-cards-compare .compare_button {
        font-size: 15px;
        line-height: 1;
        padding: 9px 16px
    }

    .af-ComparePanel .cardListing .feature-cards-compare .feature-card__item .card-body .d-flex.mt-auto .card-button-for-change {
        font-size: 13px;
        padding: 16px 10px 10px 0;
        text-align: center
    }

    .af-ComparePanel .feature-card__item .card-body .d-flex.mt-auto {
        gap: 0
    }
}

@media only screen and (min-width:600px)and (max-width:768px) {
    .af-ComparePanel .compare_card_botton_div .compare_card_botton_card {
        padding: 12px;
        width: 190px
    }

    .af-ComparePanel .feature-cards-compare .compare_card_botton_div .compare_card_botton_card img:nth-of-type(2) {
        width: 80px
    }

    .af-ComparePanel .feature-cards-compare .compare-card-text-bottom {
        font-size: 16px
    }
}

@media(max-width:768px) {
    .compare_card_container .compare_card_botton_card.add-more-card {
        margin-left: 0;
        margin-right: 0 !important
    }

    .af-ComparePanel .d-flex.compare_card_botton_card:nth-child(2) {
        margin-right: 0
    }

    .af-ComparePanel .d-flex.compare_card_botton_card:nth-child(3) {
        margin-left: 0
    }
}

.af-CompareFeature {
    background: #f6f6f6;
    overflow: visible;
    padding-bottom: 80px;
    padding-top: 80px
}

@media(max-width:768px) {
    .af-CompareFeature {
        padding-bottom: 48px;
        padding-top: 48px
    }
}

.af-CompareFeature .compare-feature--header {
    margin-bottom: 48px
}

.af-CompareFeature .compare-feature--header .title {
    color: #2e2e2e;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 0
}

@media(max-width:768px) {
    .af-CompareFeature .compare-feature--header .title {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }
}

.af-CompareFeature .card-list .column-header {
    font-size: var(--font-lg);
    top: 54px
}

.af-CompareFeature .card-list .card-data {
    color: #2e2e2e;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.af-CompareFeature .card-list .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: 25%
}

.af-CompareFeature .card-list .row .card-data {
    color: #2e2e2e;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.af-CompareFeature .compare-container .col-lg-4.mt-5 {
    margin-top: 36px !important
}

.af-CompareFeature .compare-container .card-container:last-of-type {
    margin-right: 0
}

.af-CompareFeature .compare-container .row {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: flex-start;
    row-gap: 24px
}

@media(max-width:768px) {
    .af-CompareFeature .compare-container .row {
        margin-bottom: 24px
    }
}

.af-CompareFeature .compare-container .card-container {
    display: flex;
    height: auto;
    margin-right: 24px;
    min-height: 457px;
    padding: 0;
    width: calc(33% - 24px)
}

@media(min-width:769px)and (max-width:991px) {
    .af-CompareFeature .compare-container .card-container {
        margin-right: 16px;
        width: calc(33% - 16px)
    }
}

.af-CompareFeature .compare-container .icon-close {
    background-color: #fff;
    border: 2px solid #0072d8;
    border-radius: 100%;
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: -16px;
    top: -16px;
    width: 32px
}

.af-CompareFeature .compare-container .btn-add-card {
    border: 1px dashed #0072d8 !important;
    border-radius: 8px;
    cursor: pointer
}

.af-CompareFeature .compare-container .btn-add-card .card-body {
    margin: 0 auto;
    width: 100%
}

.af-CompareFeature .compare-container .compare-all-cards {
    background: var(--bdo-lightblue);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 24px;
    position: relative;
    width: 100%
}

@media(min-width:769px)and (max-width:991px) {
    .af-CompareFeature .compare-container .compare-all-cards {
        padding: 16px
    }
}

.af-CompareFeature .compare-container .compare-all-cards .card-image {
    margin-bottom: 16px;
    width: 100%
}

.af-CompareFeature .compare-container .compare-all-cards .card-image img {
    border-radius: 10px;
    height: 161px;
    max-height: 161px;
    object-fit: cover;
    width: 100%
}

.af-CompareFeature .compare-container .compare-all-cards .card-body {
    display: flex;
    flex-direction: column;
    padding: 0
}

.af-CompareFeature .compare-container .compare-all-cards .card-body .title {
    color: #2e2e2e;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px
}

@media(max-width:768px) {
    .af-CompareFeature .compare-container .compare-all-cards .card-body .title {
        font-size: 18px;
        line-height: 28px
    }
}

.af-CompareFeature .compare-container .compare-all-cards .card-body .desc {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

@media(max-width:768px) {
    .af-CompareFeature .compare-container .compare-all-cards .card-body .desc {
        font-size: 16px;
        line-height: 24px
    }
}

.af-CompareFeature .compare-container .compare-all-cards .card-actions {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.af-CompareFeature .compare-container .compare-all-cards .card-actions .pmu-btn {
    font-size: 18px;
    line-height: 28px;
    max-width: 100%;
    width: 100%
}

@media(max-width:991px) {
    .af-CompareFeature .compare-container .compare-all-cards .card-actions .pmu-btn {
        font-size: 16px;
        line-height: 24px;
        padding: 8px 12px
    }
}

.af-CompareFeature .compare-container .compare-all-cards .card-actions .secondaryBtn {
    background-color: transparent
}

.af-CompareFeature .compare-container [data-allow-desktop=false] {
    display: none
}

.af-CompareFeature .compare-container [data-allow-desktop=true] {
    display: block
}

.af-CompareFeature .add-card-for-comparision {
    color: var(--bdo-blue)
}

.af-CompareFeature .card-list.stickyCompareCard .compare_card-img-top {
    display: none
}

.af-CompareFeature .card-list.stickyCompareCard .compare-all-cards {
    height: 100% !important
}

@media only screen and (min-width:1024px)and (max-width:1200px) {
    .af-CompareFeature .compare-all-cards .card-container .d-flex.mt-auto .btn {
        height: 100%;
        line-height: inherit
    }
}

@media only screen and (min-width:600px)and (max-width:1024px) {
    .af-CompareFeature .compare-container.card-list .row {
        flex-wrap: nowrap
    }

    .af-CompareFeature .compare-all-cards .card-container .d-flex.mt-auto {
        flex-direction: column
    }

    .af-CompareFeature .compare-container.card-list {
        top: 50px
    }

    .af-CompareFeature .compare-all-cards .card-body .card-title {
        font-size: 17px;
        min-height: 56px
    }
}

@media only screen and (min-width:601px)and (max-width:768px) {
    .af-CompareFeature .compare-container.card-list .row .col-lg-4.col-md-4.col-sm-12 {
        width: 33%
    }

    .af-CompareFeature .compare-all-cards .card-container .d-flex.mt-auto .btn {
        font-size: 10px !important;
        height: 30px
    }

    .af-CompareFeature .compare-all-cards .card-body .card-title {
        font-size: 14px
    }

    .af-CompareFeature .compare-all-cards {
        padding: 5px
    }

    .af-CompareFeature .compare-all-cards .icon-close {
        height: 21px;
        width: 21px
    }
}

@media(max-width:768px) {
    .af-CompareFeature .container {
        padding: 0 24px
    }

    .af-CompareFeature .card-container {
        height: 513px
    }

    .af-CompareFeature .card-container.position-relative {
        margin-right: 0;
        padding: 0;
        width: calc(50% - 12px)
    }

    .af-CompareFeature .card-container.position-relative:first-of-type {
        margin-right: 24px
    }

    .af-CompareFeature .card-container .compare-all-cards {
        padding: 24px 8px
    }

    .af-CompareFeature .card-container .compare-all-cards .card-body {
        height: auto;
        margin-top: 16px !important
    }

    .af-CompareFeature .card-container .compare-all-cards .card-body .card-desc {
        font-size: 16px;
        line-height: 24px
    }

    .af-CompareFeature .card-container .compare-all-cards .card-container .d-flex.mt-auto,
    .af-CompareFeature .card-container .compare-all-cards .compare-all-btn {
        flex-direction: column;
        gap: 8px
    }

    .af-CompareFeature .card-container .compare-all-cards .card-container .d-flex.mt-auto .btn {
        padding: 9px 16px
    }

    .af-CompareFeature .compare-container.card-list {
        top: 60px
    }

    .af-CompareFeature .compare-container .btn-add-card {
        border: unset !important
    }

    .af-CompareFeature .card-list .row {
        column-gap: 0;
        margin-left: 0;
        width: 100%
    }

    .af-CompareFeature .row .position-relative.mt-5 {
        margin-top: 26px !important;
        padding: 0 0 0 16px;
        width: 50%
    }

    .af-CompareFeature .col-lg-4.col-md-4.col-sm-12.position-relative.mt-5:first-child {
        padding-left: 0 !important
    }

    .af-CompareFeature .row .card-title {
        color: var(--bdo-black);
        font-size: var(--font-md-nxt)
    }

    .af-CompareFeature [data-allow-mobile=false] {
        display: none
    }

    .af-CompareFeature [data-allow-mobile=true] {
        display: inline-block !important
    }

    .af-CompareFeature .card-list .column-header {
        top: 0
    }

    .af-CompareFeature .card-list .column-header .card-data {
        color: var(--bdo-black);
        display: inline-block;
        font-size: var(--font-normal);
        padding: 16px 0 0;
        width: 100%
    }
}

@media(max-width:768px)and (max-width:768px) {
    .af-CompareFeature .card-list .column-header .card-data {
        margin-bottom: 24px;
        padding-top: 24px
    }
}

@media(max-width:380px) {
    .af-CompareFeature .compare-all-cards .card-container .d-flex.mt-auto .btn {
        height: 100%;
        padding: 12px 7px
    }

    .af-CompareFeature .compare-all-cards .card-container .d-flex.mt-auto .btn a {
        font-size: 13px
    }

    .af-CompareFeature .compare-all-cards [data-allow-mobile=false] {
        display: none !important
    }
}

.af-CompareFeature .table-data .table {
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed
}

.af-CompareFeature .table-data .card-data {
    color: #2e2e2e;
    font-size: 24px;
    line-height: 32px;
    padding: 0
}

.af-CompareFeature .table-data .card-data_desc {
    font-size: var(--font-normal);
    font-weight: 400;
    padding: 0
}

.af-CompareFeature .table-data .card-data_desc .content {
    font-weight: 400;
    line-height: 28px;
    width: 100%
}

@media(max-width:767px) {
    .af-CompareFeature .table-data .card-data_desc .content {
        padding-bottom: 24px
    }
}

.af-CompareFeature .table-data .card-data_desc .content .pair:first-of-type {
    padding-top: 0
}

.af-CompareFeature .table-data .card-data_desc .content .pair {
    padding-top: 4px
}

.af-CompareFeature .table-data .card-data_desc .content .pair .name {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

@media(max-width:768px) {
    .af-CompareFeature .table-data .card-data_desc .content .pair .name {
        font-size: 16px;
        line-height: 24px
    }
}

.af-CompareFeature .table-data .card-data_desc .content .pair .value {
    color: #004ea8;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px
}

@media(max-width:768px) {
    .af-CompareFeature .table-data .card-data_desc .content .pair .value {
        font-size: 16px;
        line-height: 24px
    }
}

.af-CompareFeature .table-data .card-data:last-child,
.af-CompareFeature .table-data .card-data_desc:last-child {
    margin-right: 0
}

.af-CompareFeature .table-data .card-data,
.af-CompareFeature .table-data .card-data_desc {
    border: none;
    display: inline-flex;
    margin-right: 24px;
    padding: 24px 0;
    width: calc(25% - 24px)
}

.af-CompareFeature .table-data .card-compare-tr {
    border-bottom: 1px solid #c2c2c1
}

@media only screen and (min-width:768px)and (max-width:1024px) {

    .af-CompareFeature .table-data .table .card-data,
    .af-CompareFeature .table-data .table .card-data_desc {
        font-size: 16px
    }
}

@media(max-width:768px) {
    .af-CompareFeature .table-data .table .card-data {
        color: var(--bdo-black);
        display: inline-block;
        font-size: var(--font-normal);
        padding: 24px 0 0;
        width: 100%
    }

    .af-CompareFeature .table-data .card-compare-tr {
        border-bottom: 1px solid #c2c2c1
    }

    .af-CompareFeature .table-data .table>:not(caption)>*>* {
        border-bottom: none
    }

    .af-CompareFeature .table-data .table .card-data_desc {
        color: #4b4b4b;
        display: inline-block;
        font-size: var(--font-md-nxt);
        font-weight: 400;
        margin-right: 0;
        padding: 16px 0 0 16px;
        width: 50%
    }

    .af-CompareFeature .table-data .table .card-data_desc:first-of-type {
        padding-right: 16px
    }

    .af-CompareFeature .table-data td.card-data_desc:nth-child(2) {
        padding-left: 0 !important;
        padding-right: 24px
    }

    .af-CompareFeature [data-allow-mobile=false] {
        display: none !important
    }
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui {
    align-items: center;
    background-color: hsla(0, 6%, 6%, .4);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    max-width: 960px;
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
    top: auto;
    z-index: 1
}

@media(max-width:767px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container {
        bottom: 0;
        margin: 0;
        padding: 0;
        top: 0
    }
}

@media(min-width:768px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container {
        margin: 0 auto
    }
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container .travel-productListing--wrapper {
    height: 600px;
    padding-bottom: 48px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--title {
    align-items: center;
    align-self: stretch;
    background: #0072d8;
    border-radius: 8px 8px 0 0;
    color: #fff;
    display: flex;
    font-weight: 600;
    height: 80px;
    justify-content: space-between;
    padding: 24px;
    text-align: left
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--title .close {
    cursor: pointer
}

@media(max-width:430px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--title {
        font-size: 18px;
        line-height: 28px
    }
}

@media(min-width:431px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--title {
        font-size: 24px;
        line-height: 32px
    }
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--search .traveltypedropdown-content {
    box-shadow: 0 1px 2px -1px rgba(46, 46, 46, .1), 0 1px 3px 0 rgba(46, 46, 46, .1);
    overflow: auto;
    padding: 8px 4px 8px 0;
    width: 100%
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--search .suggestion-dropdown-content {
    height: unset;
    max-height: calc(100vh - 260px)
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .optionContainer {
    height: auto;
    max-height: 210px;
    min-height: auto;
    overflow-y: auto
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .optionContainer::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .optionContainer::-webkit-scrollbar-track:vertical {
    background-color: #f6f6f6
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .optionContainer::-webkit-scrollbar-thumb:vertical {
    background-color: #a0a0a0;
    border-radius: 120px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items {
    gap: 0;
    height: 100%;
    height: calc(100vh - 340px);
    max-height: 562px;
    min-width: unset;
    overflow: auto
}

@media only screen and (min-width:768px)and (max-width:1023px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items {
        max-height: calc(100vh - 600px)
    }
}

@media(max-width:767px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items {
        height: calc(100vh - 600px);
        min-width: unset
    }
}

@media(max-width:767px)and (max-height:950px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items {
        height: calc(100vh - 520px);
        min-width: unset
    }
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .item--labels {
    flex-wrap: wrap
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .ctas {
    margin-top: 16px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .ctas.ios-safari {
    margin-bottom: 48px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .item {
    flex: 0 1 calc(33% - 17px)
}

@media(max-width:767px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .item {
        flex: 1
    }
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .item--image img {
    min-height: 268px;
    min-width: 100%;
    object-fit: cover
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .item .item--image+.item--content {
    background-color: #e5f5ff;
    border-radius: 8px;
    gap: 0
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .item .item--image+.item--content .ctas .pmu-btn.primaryBtn {
    display: block
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .item .item--content .ctas {
    flex-direction: column
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .item .item--content .text {
    margin-top: 10px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .item .item--content .pmu-btn {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    max-width: unset
}

@media(max-width:1023px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .item .item--content .pmu-btn {
        font-size: 16px;
        line-height: 24px
    }
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items::-webkit-scrollbar {
    width: 4px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items::-webkit-scrollbar-track {
    background-color: #f6f6f6;
    border-radius: 120px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items::-webkit-scrollbar-thumb {
    background-color: #a0a0a0;
    border-radius: 120px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .item--content--row .item--content--row-icon {
    margin-right: 8px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .item--content--row {
    align-items: normal;
    display: flex;
    font-size: 18px;
    line-height: 28px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .showMore {
    display: none
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--items .empty-result {
    display: flex
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--content .sort-container {
    border-bottom: 1px solid #c2c2c1;
    padding-bottom: 12px
}

@media(max-width:1023px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--content .sort-container {
        flex-direction: column
    }
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--content .sort-container .sortprice-btn {
    height: 48px;
    min-width: 175px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--content .sort-container .sortprice-icon {
    border-radius: unset;
    display: flex;
    height: unset;
    min-width: unset;
    width: unset
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--content .sort-container .sorttoggle label {
    cursor: pointer;
    height: 48px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body .travel-productListing--content .sortprice-dropdown--content {
    min-width: 100%
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body a {
    font-size: 18px;
    line-height: 28px;
    width: 100%
}

@media(max-width:430px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body a {
        font-size: 16px;
        line-height: 20px
    }
}

@media(min-width:431px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body a {
        font-size: 18px;
        line-height: normal
    }
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body {
    background-color: #fff;
    height: 792px;
    height: calc(100% - 105px);
    max-height: 792px;
    overflow: hidden
}

@media(max-width:430px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body {
        height: calc(100% - 80px);
        max-height: unset;
        padding: 24px
    }
}

@media(min-width:431px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body {
        padding: 24px
    }
}

@media(max-width:767px)and (min-height:960px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body {
        max-height: calc(100vh - 180px)
    }
}

@media only screen and (min-width:768px)and (max-width:1023px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body {
        max-height: calc(100vh - 180px)
    }
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body--title {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 10px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body ul li {
    font-style: normal;
    font-weight: 400
}

@media(max-width:430px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body ul li {
        font-size: 14px;
        line-height: 20px
    }
}

@media(min-width:431px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui-container--body ul li {
        font-size: 16px;
        line-height: normal
    }
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui.without-footer .modal-dialog-ui-container--body {
    border-radius: 0 0 8px 8px
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui.without-footer .modal-dialog-ui-container--body .container {
    min-width: 869px;
    padding: 0 0 24px
}

@media(max-width:767px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui.without-footer .modal-dialog-ui-container--body .container {
        min-width: 100%
    }
}

@media(min-width:576px)and (max-width:1023px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui.without-footer .modal-dialog-ui-container--body .container {
        min-width: 382px
    }
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui.without-footer .modal-dialog-ui-container--body .container .btn.pmu-btn.primaryBtn {
    line-height: 24px;
    max-width: 100%;
    width: 100%
}

@media(min-width:1023px) {
    .af-CompareFeature .modal-wrapper .modal-dialog-ui.without-footer .modal-dialog-ui-container--body .container .btn.pmu-btn.primaryBtn {
        display: none
    }
}

.af-CompareFeature .modal-wrapper .modal-dialog-ui.without-footer .modal-dialog-ui-container--footer {
    display: none
}

.af-CompareFeature .travel-productListing--search {
    margin-bottom: 0;
    margin-top: 12px
}

@media(max-width:1023px) {
    .af-CompareFeature .travel-productListing--search {
        margin-bottom: 0
    }
}

@media(max-width:1024px) {
    .af-CompareFeature .travel-productListing--search .traveltypedropdown {
        margin-bottom: 16px;
        width: 100%
    }
}

.af-CompareFeature .travel-productListing--search .traveltypedropdown .traveltypeBtn {
    width: 192px
}

@media(max-width:1024px) {
    .af-CompareFeature .travel-productListing--search .traveltypedropdown .traveltypeBtn {
        width: 100%
    }
}

.af-CompareFeature .travel-productListing--search .suggestion-dropdown,
.af-CompareFeature .travel-productListing--search .suggestion-dropdown-content {
    width: 100%
}

.af-CompareFeature .travel-productListing--search .pmu-btn.primaryBtn {
    height: fit-content;
    min-width: 108px
}

@media(max-width:768px) {
    .af-CompareFeature .travel-productListing--search .pmu-btn.primaryBtn {
        min-width: fit-content;
        width: fit-content
    }
}

.af-CompareFeature .travel-productListing--search .pmu-btn.primaryBtn:hover {
    background-color: var(--bdo-darkblue) !important;
    border: 2px solid var(--bdo-darkblue) !important;
    color: var(--white) !important
}

.af-CompareFeature .travel-productListing--search .pmu-btn.primaryBtn .icon {
    display: none
}

@media(max-width:768px) {
    .af-CompareFeature .travel-productListing--search .pmu-btn.primaryBtn .icon {
        display: block;
        width: fit-content
    }

    .af-CompareFeature .travel-productListing--search .pmu-btn.primaryBtn {
        border: 0
    }
}

@media(max-width:1023px) {
    .af-CompareFeature .travel-productListing--search .pmu-btn.primaryBtn {
        border: 0;
        bottom: 18px;
        line-height: unset;
        padding: 10px;
        position: absolute;
        right: 0;
        width: unset
    }
}

.af-CompareFeature .travel-productListing--search .pmu-btn.primaryBtn:hover {
    background-color: #0072d8;
    border: 0;
    color: var(--white)
}

.goldwealththeme .subsidiary-container {
    background-color: var(--bdo-wealth-rich-gold-100) !important
}

.goldwealththeme .subsidiary-container img.nonwealth-icon {
    display: none
}

.goldwealththeme .subsidiary-container img.wealth-icon {
    display: inline-block
}

.subsidiary-container {
    margin-top: 0
}

.subsidiary-container .subsidiary-logo-wrapper {
    padding-top: 84px
}

.subsidiary-container .subsidiary-logo {
    height: 48px;
    object-fit: contain;
    width: 78px
}

@media(max-width:599.9px) {
    .subsidiary-container .subsidiary-logo-wrapper {
        margin-top: 41px;
        padding-top: 0
    }
}

.fund-performance-ctacontainer.fund-performance-card-padding {
    padding: 32px 0 0
}

.wrapper-container .carousel-indicators {
    margin-bottom: 0;
    margin-top: 48px;
    z-index: auto
}

.fund-performance-ctacontainer .card {
    background: var(--bdo-lightblue) 0 0 no-repeat padding-box;
    border-radius: 8px
}

.fund-performance-ctacontainer .col-lg-12 .card-body.withoutTitle {
    padding: 24px 0 !important
}

.fund-performance-ctacontainer .col-lg-12 .card-body .subtext {
    padding: 0 0 24px !important
}

.fund-performance-ctacontainer .col-lg-12 .card-body .card-title {
    font-size: var(--font-lg);
    padding: 0 0 16px !important;
    width: 60%
}

.fund-performance-ctacontainer .card-body.p-0 .description {
    margin-bottom: 16px
}

.ctamultifield.service-request .fund-performance-ctacontainer .left-arrow,
.ctamultifield.service-request .fund-performance-ctacontainer .right-arrow {
    top: 12px
}

.fund-performance-ctacontainer .left-arrow,
.fund-performance-ctacontainer .right-arrow {
    background-image: url(clientlib-custom/resources/images/Arrow-lightBlue.svg) !important
}

.fund-performance-ctacontainer .left-arrow {
    transform: rotate(180deg)
}

.image-background .fund-performance-ctacontainer .col-lg-3 .card,
.image-background .fund-performance-ctacontainer .col-lg-4 .card,
.image-background .fund-performance-ctacontainer .col-lg-6 .card {
    background-image: url(clientlib-custom/resources/images/card-background.svg);
    background-size: cover
}

.image-background .fund-performance-ctacontainer .col-lg-12 .card {
    background-image: url(clientlib-custom/resources/images/card-background-one.svg);
    background-size: cover
}

.fund-performance-ctacontainer .col-lg-12 .subtext {
    align-items: baseline;
    flex-direction: row;
    justify-content: space-between
}

.fund-performance-ctacontainer .col-lg-3 .btn-class,
.fund-performance-ctacontainer .col-lg-4 .btn-class {
    margin-right: auto
}

.searchFinancials .col-lg-3 .btn-class,
.searchFinancials .col-lg-4 .btn-class,
.searchFinancials .col-lg-6 .btn-class {
    margin: 0 auto 24px 24px
}

.fund-performance-ctacontainer .col-lg-12 .subtext .btn {
    margin: 0
}

.fund-performance-ctacontainer .col-lg-12 .subtext {
    margin-bottom: 8px
}

.fund-performance-ctacontainer :not(.col-lg-12) .subtext {
    flex-direction: column
}

.fund-performance-ctacontainer .card-body {
    padding: 0
}

.fund-performance-ctacontainer .btn {
    background: var(--bdo-blue);
    color: #fff;
    font-size: var(--font-normal);
    margin: auto auto 0 0;
    padding: 8px 12px
}

.cmp-accordion__item .fund-performance-ctacontainer .col-lg-6.col-md-6.col-sm-12 .card-body .bdo-font-large p {
    color: #2e2e2e;
    font-size: var(--font-lg);
    font-weight: 600 !important
}

.fund-performance-ctacontainer .carousel-indicators {
    bottom: -96px
}

.fund-performance-ctacontainer .left-arrow,
.fund-performance-ctacontainer .right-arrow {
    border-radius: 4px;
    height: 66px;
    opacity: 1;
    top: 30%;
    width: 5%
}

.fund-performance-ctacontainer .right-arrow {
    right: -6% !important
}

.fund-performance-ctacontainer .left-arrow {
    left: -6% !important
}

.fund-performance-ctacontainer .carousel-inner .row::-webkit-scrollbar {
    width: 0
}

.fund-performance-ctacontainer .fund-performances_viewall {
    color: var(--bdo-blue);
    height: inherit;
    text-align: center
}

.fund-performance-ctacontainer .card-title {
    color: #4b4b4b
}

.top-title-variation .fund-performance-ctacontainer .card-top-title {
    border-bottom: 1px solid var(--bdo-lightgray);
    padding-bottom: 24px
}

.top-title-variation .fund-performance-ctacontainer .subtext {
    padding-top: 24px
}

.fund-performance-ctacontainer .description {
    margin: 0
}

table.stickyheader-left tbody tr {
    background-color: #fff
}

@media only screen and (min-width:767px)and (max-width:1023px) {
    .fund-performance-ctacontainer .btn {
        padding: 9px
    }

    table.stickyheader-left th {
        font-size: 15px;
        padding: 14px 7px
    }

    table.stickyheader-left td {
        font-size: 14px;
        padding: 10px
    }
}

@media(min-width:1024px)and (max-width:1200px) {
    .fund-performance-ctacontainer .carousel-control-next {
        right: -5% !important
    }

    .fund-performance-ctacontainer .carousel-control-prev {
        left: -5%
    }
}

@media(min-width:1200px)and (max-width:1250px) {
    .fund-performance-ctacontainer .carousel-control-next {
        right: -4% !important
    }

    .fund-performance-ctacontainer .carousel-control-prev {
        left: -4%
    }
}

.light-blue-variant .fund-performance-ctacontainer .card,
.light-blue-variant>.fund-performance-ctacontainer .card {
    background-color: var(--white) !important
}

.white-variant .fund-performance-ctacontainer .card {
    background-color: var(--bdo-lightblue)
}

.dark-blue-variant .fund-performance-ctacontainer .card-body,
.fund-performance-ctacontainer .carousel .carousel-inner .card .card-body .subtext h6 {
    color: var(--bdo-black)
}

.fund-performance-ctacontainer .col-lg-12 .withoutTitle .mb-1.bdo-font-large.semibold {
    margin-bottom: 0 !important;
    padding: 48px 40px !important
}

.fund-performance-ctacontainer .col-lg-12 .withoutTitle .mb-1.bdo-font-large.semibold p {
    margin-bottom: 0
}

.fund-performance-ctacontainer .col-lg-12 .withoutTitle .mt-auto.btn-class {
    top: 36% !important
}

.fund-performance-ctacontainer .col-lg-12 .withoutTitle {
    padding: 16px !important
}

.fund-performance-ctacontainer .col-lg-12 .withoutTitle .bdo-font-large.card-title {
    margin-bottom: 0 !important
}

.fund-performance-ctacontainer .col-lg-12 .withoutTitle .bdo-font-large.card-title p {
    font-size: var(--font-normal);
    font-weight: 400;
    margin-bottom: 0 !important
}

@media(max-width:768px) {
    .fund-performance-ctacontainer .container {
        padding: 0 24px
    }

    .fund-performance-ctacontainer .card-title {
        font-size: 18px !important;
        min-height: 86px
    }

    .fund-performance-ctacontainer .carousel-inner .carousel-card {
        margin-bottom: 8px
    }

    .fund-performance-ctacontainer .carousel-control-next {
        right: -22px
    }

    .fund-performance-ctacontainer .carousel-control-prev {
        left: -22px
    }
}

@media only screen and (min-width:320px)and (max-width:767px) {
    .faqtabs-component .tab-cont::-webkit-scrollbar {
        height: 2px;
        width: 1px
    }

    .fund-performance-ctacontainer .card-title {
        min-height: 70px !important
    }

    .fund-performance-ctacontainer .col-lg-12 .bdo-font-medium {
        font-size: var(--font-lg) !important
    }

    .wrapper-container .carousel-indicators {
        margin-bottom: 0;
        margin-top: 24px
    }

    .fund-performance-ctacontainer .bdo-font-medium,
    .fund-performance-ctacontainer button {
        font-size: var(--font-md-nxt) !important
    }

    .fund-performance-ctacontainer .carousel-item .row {
        flex-wrap: nowrap;
        overflow: auto
    }

    .fund-performance-ctacontainer .card-top-title,
    .fund-performance-ctacontainer .subtext {
        padding: 16px !important
    }

    .fund-performance-ctacontainer .subtext {
        padding-top: 0 !important
    }

    .fund-performance-ctacontainer .col-lg-12 .subtext {
        flex-direction: column
    }

    .top-title-variation .fund-performance-ctacontainer .subtext {
        padding-top: 16px !important
    }

    .fund-performance-ctacontainer .col-lg-3.col-md-3.col-sm-12.carousel-card {
        width: 85%
    }

    .top-title-variation .fund-performance-ctacontainer .card-top-title {
        padding-bottom: 16px !important
    }

    .fund-performance-ctacontainer .carousel .carousel-inner .card .card-body .subtext h6 {
        margin-bottom: 16px !important
    }
}

@media only screen and (min-width:768px)and (max-width:991px) {
    .fund-performance-ctacontainer .col-lg-4.col-md-4.col-sm-12 .card p.card-top-title {
        font-size: 16px !important;
        min-height: 55px
    }

    .fund-performance-ctacontainer .col-lg-12 .withoutTitle .mb-1.bdo-font-large.semibold {
        padding: 0 0 40px !important
    }

    .fund-performance-ctacontainer .col-lg-12 .card-body.withoutTitle {
        padding: 24px !important
    }

    .fund-performance-ctacontainer .col-lg-12 .card-body .card-title {
        width: auto
    }

    .fund-performance-ctacontainer .card-title {
        min-height: 75px
    }

    .fund-performance-ctacontainer .col-lg-12.col-lg-12.col-sm-12 .btn-class {
        margin: auto 0 0 40px;
        position: static !important
    }

    .fund-performance-ctacontainer .col-lg-12.col-lg-12.col-sm-12 .withoutTitle .btn-class {
        margin: 0
    }

    .fund-performance-ctacontainer .col-lg-4.col-lg-4.col-sm-12 .subtext {
        flex-direction: column
    }

    .fund-performance-ctacontainer .col-lg-4.col-lg-4.col-sm-12 .btn {
        font-size: 12px;
        height: 35px;
        padding: 5px
    }

    .fund-performance-ctacontainer .col-lg-4.col-lg-4.col-sm-12 .card-title {
        font-size: var(--font-normal)
    }
}

.fund-performance-ctacontainer .searchFinancials {
    color: var(--bdo-black);
    padding-bottom: 80px
}

.fund-performance-ctacontainer .searchFinancials .searchFinancials_title {
    font-size: var(--font-lg);
    padding-bottom: 32px
}

.fund-performance-ctacontainer .searchFinancials .bg-img {
    border-radius: 8px;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.fund-performance-ctacontainer .searchFinancials .box .description {
    margin: 0;
    padding: 24px 24px 0 !important
}

.fund-performance-ctacontainer .searchFinancials .box .bdo-font-large.semibold,
.fund-performance-ctacontainer .searchFinancials .box .mt-auto.me-auto {
    padding: 16px 24px 24px
}

.top-title-variation .fund-performance-ctacontainer .searchFinancials .box .bdo-font-large.semibold,
.top-title-variation .fund-performance-ctacontainer .searchFinancials .box .mt-auto.me-auto {
    padding: 0 24px 24px
}

.fund-performance-ctacontainer .searchFinancials .box hr {
    display: none
}

.top-title-variation .fund-performance-ctacontainer .searchFinancials .box hr {
    display: block
}

.fund-performance-ctacontainer .searchFinancials .box .card-body {
    color: #000;
    z-index: 2
}

.fund-performance-ctacontainer .searchFinancials .col-lg-6 .card {
    flex-direction: row
}

.fund-performance-ctacontainer .searchFinancials .col-lg-3 .box .text-center,
.fund-performance-ctacontainer .searchFinancials .col-lg-4 .box .text-center {
    flex: 0;
    z-index: 2
}

.dark-blue-variant .fund-performance-ctacontainer .dark-blue-variant-subtext {
    color: var(--white)
}

@media(max-width:599.9px) {
    .fund-performance-ctacontainer .searchFinancials .row::-webkit-scrollbar {
        width: 0
    }

    .fund-performance-ctacontainer .searchFinancials .box .bdo-font-large.semibold,
    .fund-performance-ctacontainer .searchFinancials .box .mt-auto.me-auto {
        padding: 16px
    }

    .fund-performance-ctacontainer .searchFinancials .box .description {
        padding: 16px 16px 0 !important
    }

    .searchFinancials .btn-class {
        margin: auto auto 16px 16px !important
    }

    .top-title-variation .fund-performance-ctacontainer .searchFinancials .box .bdo-font-large.semibold {
        padding: 16px 16px 0 !important
    }

    .fund-performance-ctacontainer .col-lg-12 .withoutTitle .mb-1.bdo-font-large.semibold {
        padding: 0 0 40px !important
    }

    .fund-performance-ctacontainer .col-lg-12 .card-body.withoutTitle {
        padding: 16px !important
    }

    .searchFinancials .col-lg-12 .btn-class {
        margin: auto auto 0 0
    }

    .fund-performance-ctacontainer .col-lg-12 .bdo-font-medium {
        font-size: var(--font-normal) !important
    }

    .cmp-accordion__item .fund-performance-ctacontainer .col-lg-6.col-md-6.col-sm-12 .card-body .bdo-font-large p {
        font-size: var(--font-normal)
    }

    .searchFinancials .col-lg-12 .btn-class {
        margin: 0 auto 24px 24px
    }

    .fund-performance-ctacontainer .searchFinancials .row {
        overflow-x: auto
    }

    .fund-performance-ctacontainer .searchFinancials .Financial-row .financial-col {
        width: 85%
    }

    .fund-performance-ctacontainer .searchFinancials_title {
        font-size: var(--font-lg);
        padding: 40px 0 24px !important
    }

    .fund-performance-ctacontainer .col-lg-6.col-md-6.col-sm-12 .card-body .description {
        color: #2e2e2e;
        font-weight: 600 !important
    }

    .fund-performance-ctacontainer .searchFinancials .col-lg-6 .card {
        flex-direction: column
    }

    .fund-performance-ctacontainer .searchFinancials .card-body .bdo-font-large {
        color: #2e2e2e;
        font-size: var(--font-normal) !important
    }

    .fund-performance-ctacontainer .searchFinancials .card-body .description {
        font-size: var(--font-md-nxt);
        margin-bottom: 24px
    }

    .fund-performance-ctacontainer .searchFinancials .row {
        flex-wrap: nowrap
    }

    .fund-performance-ctacontainer .withoutTitle .bdo-font-large p {
        font-size: var(--font-normal) !important;
        font-weight: 600 !important
    }
}

@media(min-width:768px) {

    .fund-performance-ctacontainer .col-lg-12 .btn-class,
    .searchFinancials .col-lg-12 .btn-class {
        position: absolute;
        right: 65px;
        top: 35%
    }
}

@media only screen and (min-width:600px)and (max-width:767.9px) {

    .fund-performance-ctacontainer .col-lg-3.col-md-3.col-sm-12.carousel-card,
    .fund-performance-ctacontainer .col-lg-6.col-md-6.col-sm-12.carousel-card {
        width: 50%
    }

    .fund-performance-ctacontainer .col-lg-12 .bdo-font-medium {
        font-size: var(--font-lg)
    }

    .fund-performance-ctacontainer .btn {
        font-size: 16px
    }

    .fund-performance-ctacontainer .col-lg-6.col-md-6.col-sm-12.mt-4.financial-col {
        width: 50%
    }

    table.stickyheader-left th {
        font-size: 15px;
        padding: 20px 12px
    }

    table.stickyheader-left td {
        font-size: 14px;
        padding: 12px
    }

    .fund-performance-ctacontainer .col-lg-12 .withoutTitle .mt-auto.btn-class {
        padding: 0 40px
    }
}

@media only screen and (min-width:320px)and (max-width:766.9px) {

    .faqtabs-component .faqtabs-sticky-container .leftarrow,
    .faqtabs-component .rightarrow {
        display: none !important
    }

    .faqtabs-component .tab-cont {
        overflow: auto !important
    }
}

@media only screen and (min-width:600px)and (max-width:1023.9px) {
    .cmp-accordion__item .fund-performance-ctacontainer .col-lg-6.col-md-6.col-sm-12 .card-body .description {
        font-weight: 400 !important
    }

    .faqtabs-component .tab-cont::-webkit-scrollbar {
        height: 0;
        width: 1px
    }
}

.dark-blue-variant .left-arrow,
.dark-blue-variant .right-arrow,
.light-blue-variant .left-arrow,
.light-blue-variant .right-arrow {
    background-image: url(clientlib-custom/resources/images/white-arrow-icon.svg) !important
}

.white-variant .left-arrow,
.white-variant .right-arrow {
    background-image: url(clientlib-custom/resources/images/Arrow-lightBlue.svg) !important
}

@media screen and (min-width:1024px) {
    .goldwealththeme .fund-performance-ctacontainer .carousel-item .carousel-card {
        margin-bottom: 20px;
        width: 302px
    }

    .goldwealththeme .fund-performance-ctacontainer .carousel-item .exploreMore-withIcon {
        width: 250px
    }

    .goldwealththeme .fund-performance-ctacontainer .carousel-item .exploreMore-withIcon .card-title {
        line-height: 28px
    }
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-ctacontainer {
    background-color: var(--bdo-wealth-rich-gold-100) !important
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-ctacontainer .card {
    background: var(--white) 0 0 no-repeat
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-ctacontainer .exploreMore-withIcon .card-title {
    color: #4e4e4e;
    font-size: 18px !important;
    font-weight: 600 !important
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-ctacontainer .exploreMore-withIcon .icon {
    background-color: unset
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-ctacontainer .exploreMore-withIcon {
    --svgtheme-color: var(--bdo-wealth-rich-gold-600);
    --svggrey-theme-color: var(--bdo-wealth-rich-gold-600);
    --svgblue-theme-color: var(--bdo-wealth-rich-gold-600)
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-ctacontainer .left-arrow,
.goldwealththeme.wealth-light-gold-variant .fund-performance-ctacontainer .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-white.svg) !important
}

.goldwealththeme.wealth-light-gold-variant .fund-performance-ctacontainer .left-arrow:hover,
.goldwealththeme.wealth-light-gold-variant .fund-performance-ctacontainer .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-gold.svg) !important
}

.goldwealththeme.white-variant .fund-performance-ctacontainer {
    background-color: var(--white) !important
}

.goldwealththeme.white-variant .fund-performance-ctacontainer .card {
    background: var(--bdo-wealth-rich-gold-100) 0 0 no-repeat
}

.goldwealththeme.white-variant .fund-performance-ctacontainer .exploreMore-withIcon .card-title {
    color: #4e4e4e;
    font-size: 18px !important;
    font-weight: 600 !important
}

.goldwealththeme.white-variant .fund-performance-ctacontainer .exploreMore-withIcon .icon {
    background-color: unset
}

.goldwealththeme.white-variant .fund-performance-ctacontainer .exploreMore-withIcon {
    --svgtheme-color: var(--bdo-wealth-rich-gold-600);
    --svggrey-theme-color: var(--bdo-wealth-rich-gold-600);
    --svgblue-theme-color: var(--bdo-wealth-rich-gold-600)
}

.goldwealththeme.white-variant .fund-performance-ctacontainer .left-arrow,
.goldwealththeme.white-variant .fund-performance-ctacontainer .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-grey.svg) !important
}

.goldwealththeme.white-variant .fund-performance-ctacontainer .left-arrow:hover,
.goldwealththeme.white-variant .fund-performance-ctacontainer .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-dark-gold.svg) !important
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-ctacontainer {
    background-color: var(--bdo-wealth-rich-gold-100) !important
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-ctacontainer .card {
    background: var(--white) 0 0 no-repeat
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-ctacontainer .exploreMore-withIcon .card-title {
    color: #4e4e4e;
    font-size: 18px !important;
    font-weight: 600 !important
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-ctacontainer .exploreMore-withIcon .icon {
    background-color: unset
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-ctacontainer .exploreMore-withIcon {
    --svgtheme-color: var(--bdo-wealth-rich-gold-600);
    --svggrey-theme-color: var(--bdo-wealth-rich-gold-600);
    --svgblue-theme-color: var(--bdo-wealth-rich-gold-600)
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-ctacontainer .left-arrow,
.goldwealththeme .wealth-light-gold-variant .fund-performance-ctacontainer .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-white.svg) !important
}

.goldwealththeme .wealth-light-gold-variant .fund-performance-ctacontainer .left-arrow:hover,
.goldwealththeme .wealth-light-gold-variant .fund-performance-ctacontainer .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-gold.svg) !important
}

.goldwealththeme .white-variant .fund-performance-ctacontainer {
    background-color: var(--white) !important
}

.goldwealththeme .white-variant .fund-performance-ctacontainer .card {
    background: var(--bdo-wealth-rich-gold-100) 0 0 no-repeat
}

.goldwealththeme .white-variant .fund-performance-ctacontainer .exploreMore-withIcon .card-title {
    color: #4e4e4e;
    font-size: 18px !important;
    font-weight: 600 !important
}

.goldwealththeme .white-variant .fund-performance-ctacontainer .exploreMore-withIcon .icon {
    background-color: unset
}

.goldwealththeme .white-variant .fund-performance-ctacontainer .exploreMore-withIcon {
    --svgtheme-color: var(--bdo-wealth-rich-gold-600);
    --svggrey-theme-color: var(--bdo-wealth-rich-gold-600);
    --svgblue-theme-color: var(--bdo-wealth-rich-gold-600)
}

.goldwealththeme .white-variant .fund-performance-ctacontainer .left-arrow,
.goldwealththeme .white-variant .fund-performance-ctacontainer .right-arrow {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-grey.svg) !important
}

.goldwealththeme .white-variant .fund-performance-ctacontainer .left-arrow:hover,
.goldwealththeme .white-variant .fund-performance-ctacontainer .right-arrow:hover {
    background-image: url(clientlib-custom/resources/images/wealth-quicktoolscarousel/right-arrow-dark-gold.svg) !important
}

.fund-performance-ctacontainer .carousel-inner .carousel-item .row .carousel-card .card-body .card-body--wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.af-verticalMultStack {
    padding-bottom: 80px;
    padding-top: 80px
}

.af-verticalMultStack--header {
    margin-bottom: 48px
}

.af-verticalMultStack--header .title {
    color: #2e2e2e;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 8px;
    word-break: break-word
}

.af-verticalMultStack--header .subtitle {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
    word-break: break-word
}

.af-verticalMultStack--cardWrapper {
    justify-content: center
}

.af-verticalMultStack--cardWrapper,
.af-verticalMultStack--cardWrapper .cardContainer {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.af-verticalMultStack--cardWrapper .cardContainer .card {
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px
}

.af-verticalMultStack--cardWrapper .cardContainer .card-content {
    display: flex;
    gap: 16px;
    justify-content: space-between
}

.af-verticalMultStack--cardWrapper .cardContainer .card-content .col {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.af-verticalMultStack--cardWrapper .cardContainer .card-content .col:first-child,
.af-verticalMultStack--cardWrapper .cardContainer .card-content .col:nth-child(2) {
    max-width: 313px;
    width: 313px
}

.af-verticalMultStack--cardWrapper .cardContainer .card-content .col:last-child {
    align-items: center;
    justify-content: center
}

.af-verticalMultStack--cardWrapper .cardContainer .card-content .col .title {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 0
}

.af-verticalMultStack--cardWrapper .cardContainer .card-content .col .details {
    color: #2e2e2e;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.af-verticalMultStack--cardWrapper .cardContainer .card-content .col .details .description {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.af-verticalMultStack--cardWrapper .cardContainer .card-content .col .details .category {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.af-verticalMultStack--cardWrapper .cardContainer .card-content .col .details .price {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.af-verticalMultStack--cardWrapper .cardContainer .card-content .col .details .note {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.af-verticalMultStack--cardWrapper .cardContainer .card-content .col .ctas {
    align-self: end;
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.af-verticalMultStack--cardWrapper .cardContainer .card-content .col .ctas .pmu-btn {
    font-size: 18px;
    line-height: 28px
}

.af-verticalMultStack--cardWrapper .cardContainer .card-content .col .ctas .pmu-btn a {
    width: 100%
}

.af-verticalMultStack--cardWrapper .cardContainer .card-promoOffer {
    border-top: 1px solid #c2c2c1;
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding: 16px 0
}

.af-verticalMultStack--cardWrapper .showMoreLess {
    display: flex;
    justify-content: center;
    width: 100%
}

.af-verticalMultStack--cardWrapper .showMoreLess .pmu-btn {
    background-color: transparent;
    font-size: 18px;
    line-height: 28px
}

.af-verticalMultStack--notice {
    margin-top: 24px
}

.af-verticalMultStack--notice .subtitle p,
.af-verticalMultStack--notice .title h6,
.af-verticalMultStack--notice .title p {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.af-verticalMultStack--notice .subtitle p {
    font-weight: 400;
    margin-bottom: 0
}

.hd-verticalMultStack .af-verticalMultStack--cardWrapper .card-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
    margin: 0;
    padding-left: 0
}

.hd-verticalMultStack .af-verticalMultStack--cardWrapper .card-pills li {
    border-radius: 80px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 6px 16px
}

@media screen and (min-width:1024px)and (max-width:1279px) {

    .af-verticalMultStack--cardWrapper .cardContainer .card-content .col:first-child,
    .af-verticalMultStack--cardWrapper .cardContainer .card-content .col:nth-child(2) {
        max-width: 185px;
        width: 185px
    }

    .af-verticalMultStack--cardWrapper .cardContainer .card-content .col:last-child {
        max-width: 478px;
        width: 478px
    }

    .af-verticalMultStack--cardWrapper .cardContainer .card-content .col .ctas {
        flex-wrap: nowrap
    }
}

@media screen and (min-width:768px)and (max-width:1023px) {
    .af-verticalMultStack--cardWrapper .cardContainer .card-content {
        flex-direction: column
    }

    .af-verticalMultStack--cardWrapper .cardContainer .card-content .col:last-child {
        align-items: flex-start;
        justify-content: flex-start
    }

    .af-verticalMultStack--cardWrapper .cardContainer .card-content .col .details .price {
        font-size: 20px;
        line-height: 28px
    }

    .af-verticalMultStack--cardWrapper .cardContainer .card-content .ctas {
        align-items: flex-start;
        width: 100%
    }
}

@media(max-width:767px) {
    .af-verticalMultStack {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .af-verticalMultStack--header {
        margin-bottom: 36px
    }

    .af-verticalMultStack--header .title {
        font-size: 24px;
        line-height: 32px
    }

    .af-verticalMultStack--header .subtitle {
        font-size: 16px;
        line-height: 24px
    }

    .af-verticalMultStack--cardWrapper {
        gap: 24px
    }

    .af-verticalMultStack--cardWrapper .cardContainer .card-content {
        flex-direction: column
    }

    .af-verticalMultStack--cardWrapper .cardContainer .card-content .col:first-child,
    .af-verticalMultStack--cardWrapper .cardContainer .card-content .col:nth-child(2) {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }

    .af-verticalMultStack--cardWrapper .cardContainer .card-content .col .details .price {
        font-size: 20px;
        line-height: 28px
    }

    .af-verticalMultStack--cardWrapper .cardContainer .card-content .col .ctas {
        flex-direction: column;
        width: 100%
    }

    .af-verticalMultStack--cardWrapper .cardContainer .card-content .col .ctas .pmu-btn,
    .af-verticalMultStack--cardWrapper .showMoreLess .pmu-btn {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%
    }

    .af-verticalMultStack--notice {
        padding: 0
    }
}

.white-variant .af-verticalMultStack--cardWrapper .cardContainer .card {
    background-color: var(--bdo-lightblue)
}

.light-blue-variant .af-verticalMultStack--cardWrapper .cardContainer .card {
    background-color: #fff
}

.dark-blue-variant .af-verticalMultStack--header .subtitle,
.dark-blue-variant .af-verticalMultStack--header .title {
    color: #fff
}

.dark-blue-variant .af-verticalMultStack--cardWrapper .cardContainer .card {
    background-color: #fff
}

.dark-blue-variant .af-verticalMultStack--notice .subtitle p,
.dark-blue-variant .af-verticalMultStack--notice .title h6,
.dark-blue-variant .af-verticalMultStack--notice .title p {
    color: #fff
}

.grey-variant .af-verticalMultStack--header .subtitle,
.grey-variant .af-verticalMultStack--header .title {
    color: #2e2e2e
}

.grey-variant .af-verticalMultStack--cardWrapper .cardContainer .card {
    background-color: #fff
}

.af-productListing--search {
    align-items: center;
    display: flex;
    gap: 16px;
    margin-bottom: 48px
}

.af-productListing--search input[type=text] {
    font-size: 18px;
    font-weight: 400;
    height: fit-content;
    line-height: 28px;
    max-height: 48px;
    padding: 10px 16px
}

.af-productListing--search input[type=text].highlighted {
    border: 1px solid var(--Border-Colored-color-border-brand, #0072d8);
    box-shadow: 0 0 8px 0 rgba(0, 114, 216, .32)
}

.af-productListing--search .pmu-btn {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    height: fit-content;
    line-height: 28px;
    max-height: 48px;
    min-width: fit-content;
    padding: 10px 16px;
    width: fit-content
}

.af-productListing--searchFilter {
    position: relative
}

.af-productListing .no-result-box,
.af-productListing .suggestion-box {
    background: var(--Background-Neutral-color-bg-white, #fff);
    border: 1px solid var(--Border-Neutral-color-border-faded-gray, #e4e4e4);
    border-radius: 8px;
    box-shadow: 0 1px 2px -1px rgba(46, 46, 46, .1), 0 1px 3px 0 rgba(46, 46, 46, .1);
    display: none;
    margin-top: 4px;
    padding: 16px 8px;
    position: absolute;
    top: 54px;
    width: calc(100% - 106px);
    z-index: 1
}

.af-productListing .no-result-box p,
.af-productListing .suggestion-box p {
    color: #2e2e2e;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 8px 16px;
    text-align: left
}

.af-productListing .suggestion-items {
    height: fit-content;
    max-height: 182px;
    min-height: fit-content;
    overflow-y: auto
}

.af-productListing .suggestion-items::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.af-productListing .suggestion-items::-webkit-scrollbar-track:vertical {
    background-color: #f6f6f6
}

.af-productListing .suggestion-items::-webkit-scrollbar-thumb:vertical {
    background-color: #a0a0a0;
    border-radius: 120px
}

.af-productListing .sortprice-btn .sortprice-icon .mobile-icon {
    display: none
}

.af-productListing--content {
    width: 100%
}

.af-productListing--content .sort-container .sortprice-btn {
    min-width: 200px;
    width: 247px
}

.af-productListing--content .sort-container #sortPriceDropdown {
    margin-top: 4px !important
}

.af-productListing--items .item {
    flex: 0 0 calc(33.33% - 16px)
}

.af-productListing--items .item-ctas {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start
}

.af-productListing--items .item .ctas .pmu-btn,
.af-productListing--items .item-ctas .pmu-btn {
    font-size: 18px;
    line-height: 28px
}

.af-productListing--items .item .ctas .pmu-btn.primaryBtn {
    color: var(--white) !important
}

.af-productListing .container .af-productListing--header .title {
    word-wrap: break-word
}

.af-productListing .af-productListing--filter+.af-productListing--content {
    width: calc(100% - 424px) !important
}

.af-productListing .af-productListing--filter+.af-productListing--content .af-productListing--items .item {
    flex: 0 0 calc(50% - 12px) !important
}

.af-productListing .af-productListing--content {
    width: 100%
}

.af-productListing .af-productListing--content .sort-container .sortprice-btn {
    min-width: 247px;
    width: fit-content
}

.af-partner .af-productListing--filter {
    display: none
}

.af-partner .af-productListing--items .item {
    flex: 0 0 calc(25% - 18px) !important;
    padding: 24px
}

.af-partner .af-productListing--items .item-image {
    background-color: transparent;
    height: 230px;
    margin-bottom: 24px;
    max-height: 230px;
    min-height: 230px;
    object-fit: contain;
    padding: 0
}

.af-partner .af-productListing--items .item--labels,
.af-partner .af-productListing--items .item--logoTag {
    display: none
}

.af-partner .af-productListing--items .item-content {
    gap: 0;
    padding: 0
}

.af-partner .af-productListing--items .item-content .title {
    margin-bottom: 0
}

.af-partner .af-productListing--items .item-content .subtitle,
.af-partner .af-productListing--items .item-content .text,
.af-partner .af-productListing--items .item-content .title .usd,
.af-partner .af-productListing--items .item-content--container,
.af-partner .af-productListing--items .item-content--row {
    display: none
}

.af-partner .af-productListing--items .item-content .ctas {
    display: flex;
    gap: 16px;
    margin-top: 16px
}

.af-partner .af-productListing--items .item-content .ctas .pmu-btn {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.af-partner .af-productListing--items .item-image+.item-content {
    margin-top: 0
}

.af-partner .af-productListing--content {
    width: 100% !important
}

@media(min-width:1024px)and (max-width:1279px) {
    .af-productListing .af-productListing--filter+.af-productListing--content {
        width: calc(100% - 317px) !important
    }
}

@media(max-width:1023px) {
    .af-productListing .sortprice-btn .sortprice-icon .desktop-icon {
        display: none !important
    }

    .af-productListing .sortprice-btn .sortprice-icon .mobile-icon {
        display: block
    }

    .af-productListing .af-productListing--filter+.af-productListing--content {
        width: 100% !important
    }

    .af-productListing .filter-popup {
        right: 24px
    }

    .af-productListing .af-productListing--content .sort-container .sortprice-btn {
        min-width: 100%;
        width: 100%
    }

    .af-productListing .af-productListing--items .ctas .pmu-btn {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }

    .af-partner .af-productListing--items .item {
        flex: 0 0 100% !important
    }

    .af-partner .af-productListing--items .ctas .pmu-btn {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }

    .af-partner .filter-popup {
        display: none
    }
}

@media(min-width:768px)and (max-width:1023px) {
    .af-productListing--filter+.af-productListing--content .af-productListing--items .item {
        flex: 0 0 100% !important;
        width: 100%
    }
}

.af-searchfilter {
    background-color: #fff;
    padding-bottom: 24px;
    padding-top: 24px
}

.af-searchfilter form {
    align-items: flex-start;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(46, 46, 46, .1), 0 4px 6px -4px rgba(46, 46, 46, .1);
    display: flex;
    gap: 24px;
    justify-content: flex-start;
    padding: 24px 16px;
    width: 100%
}

.af-searchfilter form .pmu-btn.primaryBtn {
    align-self: center;
    font-size: 18px;
    line-height: 28px
}

.af-searchfilter form .brandBtn,
.af-searchfilter form .pricerangeBtn,
.af-searchfilter form .vehicletypeBtn {
    align-items: center;
    background-color: #fff;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    color: #2e2e2e;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 28px;
    padding: 10px 16px;
    width: 100%
}

.af-searchfilter form .brandBtn.active,
.af-searchfilter form .pricerangeBtn.active,
.af-searchfilter form .vehicletypeBtn.active {
    border: 1px solid var(--svgtheme-color);
    box-shadow: 0 0 8px 0 rgba(0, 114, 216, .32)
}

.af-searchfilter form .brandBtn p,
.af-searchfilter form .pricerangeBtn p,
.af-searchfilter form .vehicletypeBtn p {
    margin: 0;
    word-break: break-word
}

.af-searchfilter form .brandBtn input,
.af-searchfilter form .pricerangeBtn input,
.af-searchfilter form .vehicletypeBtn input {
    border: none;
    outline: none;
    padding: 0;
    width: 100%
}

.af-searchfilter form .brandBtn input::placeholder {
    color: #2e2e2e !important
}

.af-searchfilter form .highlighted {
    border: 1px solid var(--Border-Colored-color-border-brand, #0072d8);
    box-shadow: 0 0 8px 0 rgba(0, 114, 216, .32)
}

.af-searchfilter form .vehicletypeBtn {
    width: 240px
}

.af-searchfilter form .branddropdown,
.af-searchfilter form .pricerangedropdown {
    width: calc(50% - 12px)
}

.af-searchfilter form .branddropdown,
.af-searchfilter form .pricerangedropdown,
.af-searchfilter form .vehicletypedropdown {
    display: inline-block;
    position: relative
}

.af-searchfilter form .branddropdown-content,
.af-searchfilter form .branddropdown-content--ontype,
.af-searchfilter form .pricerangedropdown-content,
.af-searchfilter form .vehicletypedropdown-content {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 0 1px 2px -1px rgba(46, 46, 46, .1), 0 1px 3px 0 rgba(46, 46, 46, .1);
    display: none;
    flex-direction: column;
    margin-top: 4px;
    padding: 8px 4px 8px 0;
    position: absolute;
    width: 100%;
    z-index: 9
}

.af-searchfilter form .branddropdown-content .mainoption,
.af-searchfilter form .branddropdown-content .suboption,
.af-searchfilter form .branddropdown-content--ontype .mainoption,
.af-searchfilter form .branddropdown-content--ontype .suboption,
.af-searchfilter form .pricerangedropdown-content .mainoption,
.af-searchfilter form .pricerangedropdown-content .suboption,
.af-searchfilter form .vehicletypedropdown-content .mainoption,
.af-searchfilter form .vehicletypedropdown-content .suboption {
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    word-break: break-word
}

.af-searchfilter form .branddropdown-content .mainoption.selected,
.af-searchfilter form .branddropdown-content .mainoption:active,
.af-searchfilter form .branddropdown-content .mainoption:hover,
.af-searchfilter form .branddropdown-content .suboption:active,
.af-searchfilter form .branddropdown-content .suboption:hover,
.af-searchfilter form .branddropdown-content--ontype .mainoption.selected,
.af-searchfilter form .branddropdown-content--ontype .mainoption:active,
.af-searchfilter form .branddropdown-content--ontype .mainoption:hover,
.af-searchfilter form .branddropdown-content--ontype .suboption:active,
.af-searchfilter form .branddropdown-content--ontype .suboption:hover,
.af-searchfilter form .pricerangedropdown-content .mainoption.selected,
.af-searchfilter form .pricerangedropdown-content .mainoption:active,
.af-searchfilter form .pricerangedropdown-content .mainoption:hover,
.af-searchfilter form .pricerangedropdown-content .suboption:active,
.af-searchfilter form .pricerangedropdown-content .suboption:hover,
.af-searchfilter form .vehicletypedropdown-content .mainoption.selected,
.af-searchfilter form .vehicletypedropdown-content .mainoption:active,
.af-searchfilter form .vehicletypedropdown-content .mainoption:hover,
.af-searchfilter form .vehicletypedropdown-content .suboption:active,
.af-searchfilter form .vehicletypedropdown-content .suboption:hover {
    background-color: var(--bdo-lightblue)
}

.af-searchfilter form .branddropdown-content .option,
.af-searchfilter form .branddropdown-content--ontype .option,
.af-searchfilter form .pricerangedropdown-content .option,
.af-searchfilter form .vehicletypedropdown-content .option {
    padding: 10px 16px;
    word-break: break-word
}

.af-searchfilter form .vehicletypedropdown-content {
    padding: 8px 4px 8px 0
}

.af-searchfilter form .pricerangedropdown-content .option:active,
.af-searchfilter form .pricerangedropdown-content .option:hover,
.af-searchfilter form .vehicletypedropdown-content .option:active,
.af-searchfilter form .vehicletypedropdown-content .option:hover,
.af-searchfilter form .vehicletypedropdown-content .optionContainer .option:active,
.af-searchfilter form .vehicletypedropdown-content .optionContainer .option:hover {
    background-color: var(--bdo-lightblue)
}

.af-searchfilter form .pricerangedropdown-content .option:hover,
.af-searchfilter form .vehicletypedropdown-content .option:hover {
    cursor: pointer
}

.af-searchfilter form .branddropdown-show,
.af-searchfilter form .branddropdownontype-show,
.af-searchfilter form .pricerangedropdown-show,
.af-searchfilter form .vehicletypedropdown-show {
    display: flex;
    flex-direction: column
}

.af-searchfilter form .branddropdown-content .optionContainer,
.af-searchfilter form .branddropdown-show .optionContainer,
.af-searchfilter form .branddropdownontype-show .optionContainer,
.af-searchfilter form .vehicletypedropdown-content .optionContainer {
    max-height: 210px;
    min-height: auto;
    overflow-y: auto
}

.af-searchfilter form .branddropdown-content .optionContainer::-webkit-scrollbar,
.af-searchfilter form .branddropdown-show .optionContainer::-webkit-scrollbar,
.af-searchfilter form .branddropdownontype-show .optionContainer::-webkit-scrollbar,
.af-searchfilter form .vehicletypedropdown-content .optionContainer::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.af-searchfilter form .branddropdown-content .optionContainer::-webkit-scrollbar-track:vertical,
.af-searchfilter form .branddropdown-show .optionContainer::-webkit-scrollbar-track:vertical,
.af-searchfilter form .branddropdownontype-show .optionContainer::-webkit-scrollbar-track:vertical,
.af-searchfilter form .vehicletypedropdown-content .optionContainer::-webkit-scrollbar-track:vertical {
    background-color: #f6f6f6
}

.af-searchfilter form .branddropdown-content .optionContainer::-webkit-scrollbar-thumb:vertical,
.af-searchfilter form .branddropdown-show .optionContainer::-webkit-scrollbar-thumb:vertical,
.af-searchfilter form .branddropdownontype-show .optionContainer::-webkit-scrollbar-thumb:vertical,
.af-searchfilter form .vehicletypedropdown-content .optionContainer::-webkit-scrollbar-thumb:vertical {
    background-color: #a0a0a0;
    border-radius: 120px
}

.af-searchfilter form .branddropdown-content .option {
    display: flex;
    flex-direction: column;
    padding: 0
}

.af-searchfilter form .branddropdown-content .option .mainoption {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 10px 16px
}

.af-searchfilter form .branddropdown-content .option .mainoption.active .close {
    display: none
}

.af-searchfilter form .branddropdown-content .option .mainoption.active .open {
    display: block
}

.af-searchfilter form .branddropdown-content .option .mainoption .open {
    display: none;
    transform: rotate(180deg)
}

.af-searchfilter form .branddropdown-content .option .suboption-container {
    display: none
}

.af-searchfilter form .branddropdown-content .option .suboption {
    padding: 10px 36px
}

.af-searchfilter form .branddropdown-content .option .suboption.selected,
.af-searchfilter form .branddropdown-content .option .suboption:active,
.af-searchfilter form .branddropdown-content .option .suboption:hover {
    background-color: var(--bdo-lightblue)
}

.af-searchfilter form .branddropdown-content .option .mainoption.active svg {
    transform: rotate(180deg)
}

.af-searchfilter form .branddropdown-content .option .mainoption.active+.suboption-container {
    display: flex;
    flex-direction: column
}

.af-searchfilter form .col2 {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    width: 100%
}

.af-searchfilter form .pricerangedropdown-content {
    padding: 16px
}

.af-searchfilter form .pricerangedropdown-content .option {
    padding: 8px 0
}

.af-searchfilter form .pricerangedropdown-content .option.customOption {
    background-color: #f6f6f6;
    font-weight: 700;
    margin-top: 8px;
    padding: 8px 16px
}

.af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection {
    align-items: center;
    display: flex;
    gap: 8px;
    padding: 8px 0
}

.af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection .max,
.af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection .min {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: flex-start;
    width: 47%
}

.af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection .max p,
.af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection .min p {
    color: #2e2e2e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px
}

.af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection .max input,
.af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection .min input {
    align-items: center;
    align-self: stretch;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    outline: none;
    padding: 10px 16px
}

.af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection .middle {
    color: #c2c2c1;
    margin-top: 34px
}

.af-searchfilter form .pricerangedropdown-content .option.customOption .ctas {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-top: 8px
}

.af-searchfilter form .pricerangedropdown-content .option.customOption .ctas button {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: center;
    line-height: 24px;
    max-width: 100%;
    width: 100%
}

.af-searchfilter form .pricerangedropdown-content .option.customOption .ctas button.secondaryBtn {
    background-color: transparent
}

.hd-searchfilter {
    padding-top: 24px
}

.hd-searchfilter form .vehicletypeBtn {
    width: 247px
}

.hd-searchfilter form .brandBtn div {
    align-items: center;
    display: flex;
    gap: 8px;
    width: 100%
}

.hd-searchfilter form .brandBtn .icon,
.hd-searchfilter form .brandBtn .search-icon {
    width: fit-content
}

.hd-searchfilter form .brandBtn .search-icon svg {
    height: 24px;
    width: 24px
}

.hd-searchfilter form .brandBtn,
.hd-searchfilter form .pricerangeBtn,
.hd-searchfilter form .vehicletypeBtn {
    gap: 8px;
    padding: 14px 16px
}

@media only screen and (min-width:1024px)and (max-width:1199px) {
    .af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection {
        flex-direction: column
    }

    .af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection .max,
    .af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection .min {
        width: 100%
    }

    .af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection .middle {
        display: none
    }

    .af-searchfilter form .pricerangedropdown-content .option.customOption .ctas {
        flex-direction: column
    }
}

@media only screen and (max-width:1023px) {
    .af-searchfilter form {
        align-items: flex-start;
        flex-direction: column;
        gap: 0
    }

    .af-searchfilter form .pmu-btn.primaryBtn {
        font-size: 16px;
        line-height: 24px
    }

    .af-searchfilter form .brandBtn,
    .af-searchfilter form .branddropdown-content,
    .af-searchfilter form .branddropdown-content--ontype,
    .af-searchfilter form .pricerangeBtn,
    .af-searchfilter form .pricerangedropdown-content,
    .af-searchfilter form .vehicletypeBtn,
    .af-searchfilter form .vehicletypedropdown-content {
        width: 100%
    }

    .af-searchfilter form .branddropdown,
    .af-searchfilter form .pricerangedropdown,
    .af-searchfilter form .vehicletypedropdown {
        margin-bottom: 24px;
        width: 100%
    }

    .af-searchfilter form .col2 {
        flex-direction: column;
        gap: 0
    }

    .hd-searchfilter form .brandBtn .search-icon svg {
        height: 18px;
        width: 18px
    }

    .hd-searchfilter form .brandBtn,
    .hd-searchfilter form .pricerangeBtn,
    .hd-searchfilter form .vehicletypeBtn {
        padding: 10px 16px
    }
}

@media only screen and (max-width:767px) {
    .af-searchfilter {
        padding-bottom: 24px;
        padding-top: 32px
    }

    .af-searchfilter form .pmu-btn {
        max-width: 100%;
        width: 100%
    }
}

@media only screen and (max-width:480px) {
    .af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection {
        flex-direction: column
    }

    .af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection .max,
    .af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection .min {
        width: 100%
    }

    .af-searchfilter form .pricerangedropdown-content .option.customOption .customSelection .middle {
        display: none
    }

    .af-searchfilter form .pricerangedropdown-content .option.customOption .ctas {
        flex-direction: column
    }
}

.white-variant .af-searchfilter {
    background-color: var(--white)
}

.white-variant .af-searchfilter form {
    background-color: var(--bdo-lightblue)
}

.grey-variant .af-searchfilter {
    background-color: var(--bdo-light-grey)
}

.light-blue-variant .af-searchfilter {
    background-color: var(--bdo-lightblue)
}

.dark-blue-variant .af-searchfilter {
    background-color: var(--bdo-blue)
}

.articleText .article-post_text.title h1,
.articleText .article-post_text.title h2,
.articleText .article-post_text.title h3,
.articleText .article-post_text.title h4,
.articleText .article-post_text.title h5,
.articleText .article-post_text.title h6 {
    font-weight: 400
}

.articleText .article-post_text.title {
    margin-bottom: 8px;
    margin-top: 8px
}

.articleText {
    margin-bottom: 32px
}

.articleText .article-post_text.titlewdesc p span.article-post_subtitle {
    display: inline-block;
    font-size: var(--font-lg);
    font-weight: 700
}

.articleText .article-post_text.titlewdesc p:not(:first-child) {
    margin-bottom: 32px
}

.articleText .article-post_text.titlewdesc p {
    font-size: var(--font-normal)
}

.articleText .article-post_text.titlewdesc p:last-child {
    margin-bottom: 0
}

.articleText .article-post_text.desc p {
    font-size: var(--font-normal);
    margin-bottom: 32px
}

.articleText .article-post_text.desc a {
    color: var(--bdo-blue) !important
}

.goldwealththeme .articleText .article-post_text.desc a {
    color: var(--bdo-rich-gold) !important
}

.articleText .article-post_text .unorderedlist-bdo ul,
.articleText .article-post_text.desc p:last-child {
    margin-bottom: 0
}

.articleText .article-post_text .unorderedlist-bdo ul li {
    font-size: var(--font-normal)
}

.articleText .article-post_text .unorderedlist-bdo ul li .list-content {
    margin-top: 16px;
    padding-left: 20px
}

.articleText .article-post_tiplabel {
    align-items: center;
    background: #004ea8 0 0 no-repeat padding-box !important;
    border-radius: 12px;
    color: var(--white);
    display: inline-flex;
    font-size: var(--font-md-nxt) !important;
    gap: 13px;
    margin: 24px 0 0 24px;
    padding: 8px !important;
    width: auto
}

.articleText .article-post_text.buttonwDesc {
    padding: 0 24px 24px
}

.articleText .article-post_text.buttonwDesc p {
    font-size: var(--font-medium);
    font-weight: 600;
    margin: 16px 0 24px
}

.articleText .article-post_text.buttonwDesc ol li {
    font-size: var(--font-normal);
    margin-left: 48px;
    padding-bottom: 16px
}

.articleText .article-post_text.buttonwDesc ol li:last-child {
    padding-bottom: 0
}

.articleText .article-post_text.buttonwDesc li:before {
    background: #004ea8;
    border-radius: 7px;
    color: #fff;
    content: counter(li);
    font-size: var(--font-md-nxt);
    margin-left: -3em;
    margin-right: 16px;
    padding: 5px 11px
}

.articleText .article-post_text.buttonwDesc ol {
    counter-reset: li;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.articleText .article-post_text.buttonwDesc li {
    counter-increment: li
}

.articleText .article-post_text.descwlistitem p span.article-post_subtitle {
    display: inline-block;
    font-size: var(--font-lg);
    font-weight: 700
}

.articleText .article-post_text.descwlistitem p {
    font-size: var(--font-normal)
}

.articleText .article-post_table-description {
    font-size: var(--font-default)
}

.articleText table.stickyheader-left,
table.bdo-table {
    margin-bottom: 16px
}

.articleText table.stickyheader-left td.highlight-td {
    font-weight: 600
}

.articleText table.bdo-table tr td,
.articleText table.stickyheader-left tr td {
    font-weight: 400
}

@media(max-width:599.9px) {

    .articleText .article-post_text.descwlistitem h6,
    .articleText .article-post_text.descwlistitem p span.article-post_subtitle,
    .articleText .article-post_text.titlewdesc h6 {
        font-size: var(--font-normal)
    }

    .articleText .article-post_text.desc p,
    .articleText .article-post_text.titlewdesc p {
        font-size: var(--font-md-nxt);
        margin-bottom: 24px
    }

    .articleText .article-post_text .unorderedlist-bdo ul li .list-content {
        font-size: var(--font-md-nxt);
        margin-top: 8px
    }

    .articleText {
        margin-bottom: 24px
    }

    .articleText .article-post_text.descwlistitem p {
        font-size: var(--font-md-nxt)
    }

    .articleText .article-post_tiplabel {
        font-size: var(--font-small) !important;
        margin: 16px 0 0 16px
    }

    .articleText .article-post_text.buttonwDesc {
        padding: 0 16px 16px
    }

    .articleText .article-post_text.buttonwDesc p {
        font-size: var(--font-normal);
        margin: 8px 0 19px
    }

    .articleText .article-post_text.buttonwDesc ol li {
        font-size: var(--font-md-nxt)
    }

    .articleText .article-post_text.titlewdesc p span.article-post_subtitle {
        font-size: var(--font-normal)
    }

    .articleText .article-post_text.titlewdesc p:first-child {
        margin-bottom: 16px
    }

    .articleText .article-post_text.titlewdesc p:not(:first-child) {
        margin-bottom: 24px
    }

    .articleText .article-post_text.titlewdesc p:last-child {
        margin-bottom: 0 !important
    }

    .articleText .article-post_text.title {
        margin-top: 0
    }
}

.dark-blue-variant .article-post_text {
    color: var(--white)
}

.cmp-cookieconsent {
    position: fixed;
    z-index: 2147483647
}

.cmp-cookieconsent--blue-variant .cmp-cookieconsent__header {
    background: var(--bdo-blue);
    color: var(--white)
}

.cmp-cookieconsent__block {
    background-color: var(--white);
    border-radius: 8px;
    bottom: 24px;
    box-shadow: 0 8px 10px -6px rgba(46, 46, 46, .1), 0 20px 25px -5px rgba(46, 46, 46, .1);
    color: var(--bdo-black);
    left: 24px;
    position: fixed;
    width: 430px
}

@media(max-width:480px) {
    .cmp-cookieconsent__block {
        bottom: 0;
        left: 0;
        margin: 24px;
        width: auto
    }
}

.cmp-cookieconsent--hide {
    display: none
}

.cmp-cookieconsent__header {
    border-bottom: 1px solid var(--bdo-lightgray);
    border-radius: 8px 8px 0 0;
    font-size: 18px;
    font-weight: 700;
    padding: 24px
}

.cmp-cookieconsent__body {
    align-items: center;
    justify-content: center;
    padding: 24px 24px 16px
}

.cmp-cookieconsent__body__buttons-container {
    display: flex;
    margin-top: 40px
}

@media(max-width:480px) {
    .cmp-cookieconsent__body__buttons-container {
        flex-direction: column
    }
}

.cmp-cookieconsent__body p {
    font-size: 16px;
    margin-bottom: unset
}

.cmp-cookieconsent__body p a {
    color: var(--bdo-blue) !important;
    font-weight: 700
}

.cmp-cookieconsent--margin-right {
    margin-right: 16px
}

.cmp-cookieconsent .bdo-primary {
    background-color: var(--bdo-blue);
    border: 1px solid var(--bdo-blue);
    border-radius: 8px;
    color: var(--white);
    font-size: var(--font-normal);
    margin-right: 16px;
    min-width: 104px
}

.cmp-cookieconsent .bdo-primary:hover {
    background-color: var(--bdo-darkblue);
    border: 1px solid var(--bdo-darkblue);
    color: var(--white)
}

@media(max-width:480px) {
    .cmp-cookieconsent .bdo-primary {
        font-size: var(--font-md-nxt);
        margin-left: unset;
        margin-right: 0;
        margin-top: 12px;
        width: 100%
    }
}

.cmp-cookieconsent .bdo-secondary {
    background: transparent !important;
    border: 2px solid var(--bdo-blue) !important;
    border-radius: 8px;
    color: var(--bdo-blue) !important;
    font-size: var(--font-normal);
    min-width: 104px;
    padding: 0 !important
}

.cmp-cookieconsent .bdo-secondary:hover {
    background-color: var(--bdo-lightblue) !important
}

@media(max-width:480px) {
    .cmp-cookieconsent .bdo-secondary {
        font-size: var(--font-md-nxt);
        margin-left: unset;
        margin-top: 16px;
        width: 100%
    }
}

.hd-productListing--search {
    align-items: center;
    display: flex;
    gap: 16px;
    margin-bottom: 48px
}

.hd-productListing--search input[type=text] {
    font-size: 18px;
    font-weight: 400;
    height: fit-content;
    line-height: 28px;
    padding: 10px 16px
}

.hd-productListing--search input[type=text].highlighted {
    border: 1px solid var(--Border-Colored-color-border-brand, #0072d8);
    box-shadow: 0 0 8px 0 rgba(0, 114, 216, .32)
}

.hd-productListing--search .pmu-btn {
    font-size: 18px;
    font-weight: 700;
    height: fit-content;
    line-height: 28px;
    min-width: fit-content;
    padding: 10px 16px;
    width: fit-content
}

.hd-productListing--searchFilter {
    position: relative
}

.hd-productListing .no-result-box,
.hd-productListing .suggestion-box {
    background: var(--Background-Neutral-color-bg-white, #fff);
    border: 1px solid var(--Border-Neutral-color-border-faded-gray, #e4e4e4);
    border-radius: 8px;
    box-shadow: 0 1px 2px -1px rgba(46, 46, 46, .1), 0 1px 3px 0 rgba(46, 46, 46, .1);
    display: none;
    padding: 8px 4px 8px 0;
    position: absolute;
    top: 54px;
    width: calc(100% - 106px);
    z-index: 1
}

.hd-productListing .no-result-box p,
.hd-productListing .suggestion-box p {
    color: #2e2e2e;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 8px 16px;
    text-align: left;
    word-break: break-word
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .hd-productListing .suggestion-box {
        width: calc(100% - 111px)
    }
}

.hd-productListing .no-result-box {
    padding: 16px 8px
}

.hd-productListing .suggestion-items {
    max-height: 197px;
    min-height: auto;
    overflow-y: auto
}

.hd-productListing .suggestion-items::-webkit-scrollbar {
    height: 4px;
    width: 4px
}

.hd-productListing .suggestion-items::-webkit-scrollbar-track:vertical {
    background-color: #f6f6f6
}

.hd-productListing .suggestion-items::-webkit-scrollbar-thumb:vertical {
    background-color: #a0a0a0;
    border-radius: 120px
}

.hd-productListing .search-no-result-box {
    background: var(--Background-Neutral-color-bg-white, #fff);
    border: 1px solid var(--Border-Neutral-color-border-faded-gray, #e4e4e4);
    border-radius: 8px;
    box-shadow: 0 1px 2px -1px rgba(46, 46, 46, .1), 0 1px 3px 0 rgba(46, 46, 46, .1);
    display: none;
    margin-top: -12px;
    padding: 16px 8px;
    width: 100%;
    z-index: 1
}

.hd-productListing .search-no-result-box p.no-result-item {
    color: #2e2e2e;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 8px 16px;
    text-align: left;
    word-break: break-word
}

.hd-productListing .sortprice-btn .sortprice-icon .mobile-icon {
    display: none
}

.hd-productListing--items .item {
    flex: 0 0 calc(33.33% - 16px)
}

.hd-productListing--items .item-ctas {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start
}

.hd-productListing--items .item .ctas .pmu-btn,
.hd-productListing--items .item-ctas .pmu-btn {
    font-size: 18px;
    line-height: 28px
}

.hd-productListing--items .item .ctas .pmu-btn.primaryBtn {
    color: var(--white) !important
}

.hd-productListing--items .item-logoTag {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    max-width: 127px;
    position: absolute;
    right: 0;
    top: 180px
}

.hd-productListing--items .item-logoTag img {
    height: 48px;
    max-height: 48px;
    min-height: 48px;
    object-fit: contain;
    width: 100%
}

.hd-productListing .hd-productListing--filter+.hd-productListing--content {
    width: calc(100% - 424px) !important
}

.hd-productListing .hd-productListing--filter+.hd-productListing--content .hd-productListing--items .item {
    flex: 0 0 calc(50% - 12px) !important
}

.hd-productListing .hd-productListing--content {
    width: 100%
}

.hd-productListing .hd-productListing--content .sort-container .sortprice-btn {
    height: unset;
    min-width: 247px;
    padding: 10px 16px;
    width: fit-content
}

.hd-productListing .hd-productListing--content .sort-container .sorttoggle label {
    height: unset;
    padding: 10px 8px
}

.hd-partner .hd-productListing--filter {
    display: none
}

.hd-partner .hd-productListing--items .item {
    flex: 0 0 calc(25% - 18px) !important;
    padding: 24px
}

.hd-partner .hd-productListing--items .item-image {
    background-color: transparent;
    display: none;
    height: 230px;
    margin-bottom: 24px;
    max-height: 230px;
    min-height: 230px;
    padding: 0
}

.hd-partner .hd-productListing--items .item--labels,
.hd-partner .hd-productListing--items .item-tags {
    display: none
}

.hd-partner .hd-productListing--items .item--logoTag {
    display: block
}

.hd-partner .hd-productListing--items .item-logoTag {
    height: 80px;
    position: static;
    width: 100%
}

.hd-partner .hd-productListing--items .item-logoTag img {
    border: none;
    width: 100%
}

.hd-partner .hd-productListing--items .item-content {
    gap: 0;
    padding: 0
}

.hd-partner .hd-productListing--items .item-content .subtitle,
.hd-partner .hd-productListing--items .item-content .text,
.hd-partner .hd-productListing--items .item-content .title,
.hd-partner .hd-productListing--items .item-content--container,
.hd-partner .hd-productListing--items .item-content--row {
    display: none
}

.hd-partner .hd-productListing--items .item-content .ctas {
    display: flex;
    gap: 16px;
    margin-top: 16px
}

.hd-partner .hd-productListing--items .item-content .ctas .pmu-btn {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px
}

.hd-partner .hd-productListing--items .item-image+.item-content {
    margin-top: 0
}

.hd-partner .hd-productListing--content {
    width: 100% !important
}

.hd-productListing--filter form .row .panel .searchInput.highlighted {
    border: 1px solid var(--Border-Colored-color-border-brand, #0072d8);
    box-shadow: 0 0 8px 0 rgba(0, 114, 216, .32)
}

@media(min-width:1024px)and (max-width:1279px) {
    .hd-productListing .hd-productListing--filter+.hd-productListing--content {
        width: calc(100% - 317px) !important
    }
}

@media(max-width:1023px) {
    .hd-productListing {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .hd-productListing .sortprice-btn .sortprice-icon .desktop-icon {
        display: none !important
    }

    .hd-productListing .sortprice-btn .sortprice-icon .mobile-icon {
        display: block
    }

    .hd-productListing .hd-productListing--filter+.hd-productListing--content {
        width: 100% !important
    }

    .hd-productListing .filter-popup {
        right: 24px
    }

    .hd-productListing .hd-productListing--content .sort-container .sortprice-btn {
        min-width: 100%;
        width: 100%
    }

    .hd-productListing .hd-productListing--items .item-logoTag {
        max-width: 101px
    }

    .hd-productListing .hd-productListing--items .ctas .pmu-btn {
        max-width: unset;
        min-width: unset;
        width: auto
    }

    .hd-partner .hd-productListing--items .item {
        flex: 0 0 100% !important
    }

    .hd-partner .filter-popup {
        display: none
    }
}

@media(min-width:768px)and (max-width:1023px) {
    .hd-productListing--filter+.hd-productListing--content .hd-productListing--items .item {
        flex: 0 0 100% !important;
        width: 100%
    }

    .hd-productListing--items .item-logoTag {
        max-width: 117px
    }
}

.disableSorting {
    background-color: #f6f6f6 !important;
    border: 1px solid #a0a0a0 !important;
    filter: grayscale(1)
}

.disableSorting p {
    color: #919191 !important
}

.disableSorting .sortprice-icon .close {
    margin-top: 5px;
    transform: rotate(180deg)
}

.disableSorting+.sortprice-dropdown--content.sortprice-dropdown--show {
    display: none
}

.hd-inquirycard {
    padding-bottom: 80px;
    padding-top: 80px
}

.hd-inquirycard-container {
    align-items: center;
    display: flex;
    gap: 32px
}

.hd-inquirycard-container .image {
    align-items: center;
    display: flex;
    height: 270px
}

.hd-inquirycard-container .image img {
    height: 80px;
    max-width: 276px;
    min-height: 80px;
    min-width: 276px;
    object-fit: contain;
    width: 276px
}

.hd-inquirycard-container .content p {
    color: #2e2e2e;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
    word-break: break-word
}

.hd-inquirycard-container .content p span.logo-name {
    font-weight: 700
}

.hd-inquirycard-container .content .link {
    align-items: center;
    display: flex;
    gap: 24px
}

.hd-inquirycard-container .content .link .col {
    align-items: center;
    display: flex;
    flex: none;
    gap: 8px;
    width: fit-content
}

.hd-inquirycard-container .content .link .col .icon {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.hd-inquirycard-container .content .link .col a {
    color: #0072d8 !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.white-variant .hd-inquirycard {
    background-color: #fff
}

.dark-blue-variant .hd-inquirycard {
    background-color: #0072d8
}

.dark-blue-variant .hd-inquirycard-container .content p {
    color: #fff
}

.dark-blue-variant .hd-inquirycard-container .content .link .col .icon svg {
    stroke: #fff
}

.dark-blue-variant .hd-inquirycard-container .content .link .col a {
    color: #fff !important
}

@media screen and (min-width:1024px)and (max-width:1279px) {
    .hd-inquirycard-container .content {
        width: 100%
    }

    .hd-inquirycard-container .content .link {
        align-items: flex-start
    }
}

@media screen and (max-width:1023px) {
    .hd-inquirycard {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .hd-inquirycard-container {
        flex-direction: column
    }

    .hd-inquirycard-container .image {
        height: 60px
    }

    .hd-inquirycard-container .image img {
        height: 60px;
        max-width: 100%;
        min-height: 60px;
        object-fit: contain;
        width: 100%
    }

    .hd-inquirycard-container .content {
        width: 100%
    }

    .hd-inquirycard-container .content p {
        font-size: 16px;
        line-height: 24px
    }

    .hd-inquirycard-container .content p span.logo-name {
        font-weight: 700
    }

    .hd-inquirycard-container .content .link {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px
    }

    .hd-inquirycard-container .content .link .col a {
        font-size: 16px;
        line-height: 24px
    }
}

.cardlockedpopupmodal-wrapper,
.generalpopupmodal-wrapper {
    background: rgba(46, 46, 46, .6);
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal,
.cardlockedpopupmodal-wrapper .generalpopupmodal,
.generalpopupmodal-wrapper .cardlockedpopupmodal,
.generalpopupmodal-wrapper .generalpopupmodal {
    background: #fff;
    border-radius: 8px;
    left: 50%;
    margin: auto;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 9999
}

@media only screen and (min-width:800px) {

    .cardlockedpopupmodal-wrapper .cardlockedpopupmodal,
    .cardlockedpopupmodal-wrapper .generalpopupmodal,
    .generalpopupmodal-wrapper .cardlockedpopupmodal,
    .generalpopupmodal-wrapper .generalpopupmodal {
        max-width: 611px;
        width: 88%
    }
}

@media only screen and (min-width:320px)and (min-height:640px) {

    .cardlockedpopupmodal-wrapper .cardlockedpopupmodal,
    .cardlockedpopupmodal-wrapper .generalpopupmodal,
    .generalpopupmodal-wrapper .cardlockedpopupmodal,
    .generalpopupmodal-wrapper .generalpopupmodal {
        margin-top: 300px;
        top: 0
    }
}

@media only screen and (min-width:320px)and (min-height:992px) {

    .cardlockedpopupmodal-wrapper .cardlockedpopupmodal,
    .cardlockedpopupmodal-wrapper .generalpopupmodal,
    .generalpopupmodal-wrapper .cardlockedpopupmodal,
    .generalpopupmodal-wrapper .generalpopupmodal {
        transform: translate(-50%, -25%)
    }
}

@media only screen and (min-width:320px)and (min-height:1100px) {

    .cardlockedpopupmodal-wrapper .cardlockedpopupmodal,
    .cardlockedpopupmodal-wrapper .generalpopupmodal,
    .generalpopupmodal-wrapper .cardlockedpopupmodal,
    .generalpopupmodal-wrapper .generalpopupmodal {
        transform: translate(-50%)
    }
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-header,
.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-header,
.cardlockedpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-header,
.cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-header,
.generalpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-header,
.generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-header,
.generalpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-header,
.generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-header {
    align-items: center;
    border-bottom: 1px solid #c2c2c1;
    display: flex;
    gap: 8px;
    padding: 24px
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-header .modal-header__text,
.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-header .modal-header__text,
.cardlockedpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-header .modal-header__text,
.cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-header .modal-header__text,
.generalpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-header .modal-header__text,
.generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-header .modal-header__text,
.generalpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-header .modal-header__text,
.generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-header .modal-header__text {
    display: -webkit-box;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    -webkit-line-clamp: 2;
    line-height: 28px;
    margin: 0;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width:1024px) {

    .cardlockedpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-header .modal-header__text,
    .cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-header .modal-header__text,
    .cardlockedpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-header .modal-header__text,
    .cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-header .modal-header__text,
    .generalpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-header .modal-header__text,
    .generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-header .modal-header__text,
    .generalpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-header .modal-header__text,
    .generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-header .modal-header__text {
        font-size: 24px;
        line-height: 32px
    }
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-content,
.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-content,
.cardlockedpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-content,
.cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-content,
.generalpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-content,
.generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-content,
.generalpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-content,
.generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-content {
    padding: 24px
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-content .modal-content__description,
.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-content .modal-content__description,
.cardlockedpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-content .modal-content__description,
.cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-content .modal-content__description,
.generalpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-content .modal-content__description,
.generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-content .modal-content__description,
.generalpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-content .modal-content__description,
.generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-content .modal-content__description {
    margin-bottom: 0
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-content p,
.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-content p,
.cardlockedpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-content p,
.cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-content p,
.generalpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-content p,
.generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-content p,
.generalpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-content p,
.generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 10px
}

@media only screen and (min-width:1024px) {

    .cardlockedpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-content p,
    .cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-content p,
    .cardlockedpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-content p,
    .cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-content p,
    .generalpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-content p,
    .generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-content p,
    .generalpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-content p,
    .generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-content p {
        font-size: 18px;
        line-height: 28px
    }
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-content p:last-child,
.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-content p:last-child,
.cardlockedpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-content p:last-child,
.cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-content p:last-child,
.generalpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-content p:last-child,
.generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-content p:last-child,
.generalpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-content p:last-child,
.generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-content p:last-child {
    margin-bottom: 0
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-footer,
.cardlockedpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-footer,
.generalpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-footer,
.generalpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 24px
}

@media only screen and (min-width:800px) {

    .cardlockedpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-footer,
    .cardlockedpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-footer,
    .generalpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-footer,
    .generalpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-footer {
        flex-direction: row;
        gap: 16px
    }
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-footer .exit-form-btn,
.cardlockedpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-footer .exit-form-btn,
.generalpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-footer .exit-form-btn,
.generalpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-footer .exit-form-btn {
    background: #0072d8;
    border: 1px solid var(--bdo-blue);
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 16px;
    position: relative;
    width: 100%
}

@media only screen and (min-width:1024px) {

    .cardlockedpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-footer .exit-form-btn,
    .cardlockedpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-footer .exit-form-btn,
    .generalpopupmodal-wrapper .cardlockedpopupmodal .cardlockedpopupmodal-footer .exit-form-btn,
    .generalpopupmodal-wrapper .generalpopupmodal .cardlockedpopupmodal-footer .exit-form-btn {
        font-size: 18px
    }
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer,
.cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer,
.generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer,
.generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 24px
}

@media only screen and (min-width:800px) {

    .cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer,
    .cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer,
    .generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer,
    .generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer {
        flex-direction: row;
        gap: 16px
    }
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .hidden-focus,
.cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .hidden-focus,
.generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .hidden-focus,
.generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .hidden-focus {
    border: 0;
    height: 0;
    margin: 0;
    opacity: 0;
    outline: 0 none;
    padding: 0;
    position: absolute;
    width: 0
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .primary-btn,
.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .secondary-btn,
.cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .primary-btn,
.cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .secondary-btn,
.generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .primary-btn,
.generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .secondary-btn,
.generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .primary-btn,
.generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .secondary-btn {
    border: 2px solid var(--bdo-blue);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 16px;
    padding: 12px 16px;
    position: relative;
    width: 100%
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .primary-btn,
.cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .primary-btn,
.generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .primary-btn,
.generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .primary-btn {
    background: var(--bdo-blue);
    color: #fff
}

.cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .secondary-btn,
.cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .secondary-btn,
.generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .secondary-btn,
.generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .secondary-btn {
    background: transparent;
    color: var(--bdo-blue)
}

@media only screen and (min-width:1024px) {

    .cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .primary-btn,
    .cardlockedpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .secondary-btn,
    .cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .primary-btn,
    .cardlockedpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .secondary-btn,
    .generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .primary-btn,
    .generalpopupmodal-wrapper .cardlockedpopupmodal .generalpopupmodal-footer .secondary-btn,
    .generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .primary-btn,
    .generalpopupmodal-wrapper .generalpopupmodal .generalpopupmodal-footer .secondary-btn {
        font-size: 18px;
        padding: 13px 16px
    }
}

.timeoutinactivitypopupmodal-wrapper {
    background: rgba(46, 46, 46, .6);
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal {
    background: #fff;
    border-radius: 8px;
    left: 50%;
    margin: auto;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 9999
}

@media only screen and (min-width:800px) {
    .timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal {
        max-width: 611px;
        width: 88%
    }
}

@media only screen and (min-width:320px)and (min-height:640px) {
    .timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal {
        margin-top: 300px;
        top: 0
    }
}

@media only screen and (min-width:320px)and (min-height:992px) {
    .timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal {
        transform: translate(-50%, -25%)
    }
}

@media only screen and (min-width:320px)and (min-height:1100px) {
    .timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal {
        transform: translate(-50%)
    }
}

.timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal .timeoutinactivitypopupmodal-header {
    align-items: center;
    border-bottom: 1px solid #c2c2c1;
    display: flex;
    gap: 8px;
    padding: 24px
}

.timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal .timeoutinactivitypopupmodal-header .modal-header__text {
    display: -webkit-box;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    -webkit-line-clamp: 2;
    line-height: 28px;
    margin: 0;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width:1024px) {
    .timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal .timeoutinactivitypopupmodal-header .modal-header__text {
        font-size: 24px;
        line-height: 32px
    }
}

.timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal .timeoutinactivitypopupmodal-content {
    padding: 24px
}

.timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal .timeoutinactivitypopupmodal-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 10px
}

@media only screen and (min-width:1024px) {
    .timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal .timeoutinactivitypopupmodal-content p {
        font-size: 18px;
        line-height: 28px
    }
}

.timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal .timeoutinactivitypopupmodal-content p:last-child {
    margin-bottom: 0
}

@media only screen and (max-height:359px) {
    .timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal .timeoutinactivitypopupmodal-content {
        max-height: 140px;
        overflow: auto
    }
}

.timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal .timeoutinactivitypopupmodal-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 24px
}

@media only screen and (min-width:800px) {
    .timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal .timeoutinactivitypopupmodal-footer {
        flex-direction: row;
        gap: 16px
    }
}

.timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal .timeoutinactivitypopupmodal-footer .exit-form-btn {
    background: #0072d8;
    border: 1px solid var(--bdo-blue);
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    min-width: 86px;
    padding: 10px 16px;
    position: relative;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .timeoutinactivitypopupmodal-wrapper .timeoutinactivitypopupmodal .timeoutinactivitypopupmodal-footer .exit-form-btn {
        font-size: 18px
    }
}

.sessionexpirypopupmodal-wrapper {
    background: rgba(46, 46, 46, .6);
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal {
    background: #fff;
    border-radius: 8px;
    left: 50%;
    margin: auto;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 9999
}

@media only screen and (min-width:800px) {
    .sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal {
        max-width: 611px;
        width: 88%
    }
}

@media only screen and (min-width:320px)and (min-height:640px) {
    .sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal {
        margin-top: 300px;
        top: 0
    }
}

@media only screen and (min-width:320px)and (min-height:992px) {
    .sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal {
        transform: translate(-50%, -25%)
    }
}

@media only screen and (min-width:320px)and (min-height:1100px) {
    .sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal {
        transform: translate(-50%)
    }
}

.sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal .sessionexpirypopupmodal-header {
    align-items: center;
    border-bottom: 1px solid #c2c2c1;
    display: flex;
    gap: 8px;
    padding: 24px
}

.sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal .sessionexpirypopupmodal-header .modal-header__text {
    display: -webkit-box;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    -webkit-line-clamp: 2;
    line-height: 28px;
    margin: 0;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width:1024px) {
    .sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal .sessionexpirypopupmodal-header .modal-header__text {
        font-size: 24px;
        line-height: 32px
    }
}

.sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal .sessionexpirypopupmodal-content {
    padding: 24px
}

.sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal .sessionexpirypopupmodal-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 10px
}

@media only screen and (min-width:1024px) {
    .sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal .sessionexpirypopupmodal-content p {
        font-size: 18px;
        line-height: 28px
    }
}

.sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal .sessionexpirypopupmodal-content p:last-child {
    margin-bottom: 0
}

@media only screen and (max-height:359px) {
    .sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal .sessionexpirypopupmodal-content {
        max-height: 120px;
        overflow: auto
    }
}

.sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal .sessionexpirypopupmodal-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px 24px
}

@media only screen and (min-width:800px) {
    .sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal .sessionexpirypopupmodal-footer {
        flex-direction: row;
        gap: 16px
    }
}

.sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal .sessionexpirypopupmodal-footer .exit-form-btn {
    background: #0072d8;
    border: 1px solid var(--bdo-blue);
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    min-width: 86px;
    padding: 10px 16px;
    position: relative;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .sessionexpirypopupmodal-wrapper .sessionexpirypopupmodal .sessionexpirypopupmodal-footer .exit-form-btn {
        font-size: 18px
    }
}

.deals-on-wheels-calculator .originTooltip {
    position: relative;
    transition-duration: .3s
}

.deals-on-wheels-calculator .originTooltip .hover-svg,
.deals-on-wheels-calculator .originTooltip .tooltip-text,
.deals-on-wheels-calculator .originTooltip:hover .default-svg {
    display: none
}

.deals-on-wheels-calculator .originTooltip:hover .hover-svg {
    display: inline-block
}

.deals-on-wheels-calculator .originTooltip:hover .tooltip-text {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 5px #ccc;
    display: inline-block;
    left: 20px;
    min-width: 146px;
    padding: 6px;
    position: absolute;
    top: -10px;
    word-break: break-word;
    z-index: 99
}

.deals-on-wheels-calculator .select-dropdown-btn {
    width: 100%
}

.deals-on-wheels-calculator .field-container span.input-group-append {
    cursor: pointer;
    line-height: normal;
    margin-top: -12px;
    top: 50%
}

.deals-on-wheels-calculator .field-input {
    font-size: 16px;
    height: 52px;
    min-height: 52px;
    width: 100%
}

.deals-on-wheels-calculator .field-input:disabled {
    background-color: #f6f6f6;
    border-color: #a0a0a0;
    color: #a0a0a0
}

.deals-on-wheels-calculator .field-input option[value=""][disabled] {
    display: none
}

.deals-on-wheels-calculator .field-input option {
    color: #212529
}

.deals-on-wheels-calculator select:required:invalid {
    color: #919191
}

.deals-on-wheels-calculator .field-input:active,
.deals-on-wheels-calculator .field-input:focus {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #0072d8;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 114, 216, .322);
    color: #2e2e2e;
    opacity: 1;
    outline: 0
}

.deals-on-wheels-calculator .field-input:disabled:active {
    background-color: #f6f6f6;
    border-color: #a0a0a0;
    box-shadow: unset;
    color: #a0a0a0
}

.deals-on-wheels-calculator .field-input.error {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #ff3700 !important;
    border-radius: 8px;
    color: #2e2e2e;
    opacity: 1
}

.deals-on-wheels-calculator .field-input.error+span {
    color: #ff3700;
    font-size: 14px
}

.deals-on-wheels-calculator .field-input.error:active,
.deals-on-wheels-calculator .field-input.error:focus {
    box-shadow: 0 0 8px hsla(0, 67%, 69%, .38)
}

.deals-on-wheels-calculator .hide-block {
    display: none !important
}

.deals-on-wheels-calculator .error-field {
    color: #ff3700;
    display: none;
    word-break: break-word
}

.deals-on-wheels-calculator .originTooltip {
    display: flex !important
}

.deals-on-wheels-calculator input,
.deals-on-wheels-calculator select {
    border: 1px solid #ccc
}

.deals-on-wheels-calculator select:focus {
    outline: none
}

.deals-on-wheels-calculator .label-title,
.deals-on-wheels-calculator .radio-label-title {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important
}

.deals-on-wheels-calculator .label-title {
    word-break: break-word
}

.deals-on-wheels-calculator .label-title .form-astriks {
    color: #004ea8
}

.deals-on-wheels-calculator .label-alttitle {
    margin-top: 10px !important;
    word-break: break-word
}

.deals-on-wheels-calculator .vehicle-title {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 8px
}

.deals-on-wheels-calculator .vehicle-title .label-title {
    margin-bottom: 0;
    margin-top: 0 !important
}

.deals-on-wheels-calculator .radio-label-title {
    font-size: 18px !important;
    line-height: 28px !important;
    word-break: break-word
}

.deals-on-wheels-calculator-confirm-button {
    background-color: #0072d8 !important;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px
}

@media(min-width:1024px) {
    .deals-on-wheels-calculator-confirm-button {
        font-size: 18px
    }
}

.deals-on-wheels-calculator-confirm-button:hover {
    background-color: #004ea8 !important;
    border-color: #004ea8 !important
}

.deals-on-wheels-calculator-confirm-button:disabled {
    background-color: #a0a0a0 !important;
    border-color: #919191 !important;
    cursor: not-allowed
}

.deals-on-wheels-calculator-reset-button {
    background-color: #fff !important;
    border: 2px solid #0072d8 !important;
    color: #0072d8;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px
}

@media(min-width:1024px) {
    .deals-on-wheels-calculator-reset-button {
        font-size: 18px
    }
}

.deals-on-wheels-calculator-reset-button:hover {
    border: 2px solid #004ea8 !important;
    color: #004ea8
}

.deals-on-wheels-calculator-reset-button:disabled {
    background-color: #fff !important;
    border: 2px solid #a0a0a0 !important;
    color: #a0a0a0 !important;
    cursor: not-allowed
}

.deals-on-wheels-calculator-row {
    display: flex;
    gap: 24px
}

@media(min-width:1024px) {
    .deals-on-wheels-calculator-row .col-left {
        max-width: 373px;
        width: 373px
    }

    .deals-on-wheels-calculator-row .col-right {
        width: calc(100% - 381px)
    }
}

@media(min-width:1440px) {
    .deals-on-wheels-calculator-row .col-left {
        max-width: 432px;
        width: 100%
    }

    .deals-on-wheels-calculator-row .col-right {
        width: calc(100% - 456px)
    }
}

.deals-on-wheels-calculator-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 48px;
    padding-top: 12px;
    word-break: break-word
}

.deals-on-wheels-calculator-text-field .text-field-label {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 8px
}

.deals-on-wheels-calculator-text-field .text-field-label p {
    margin-bottom: 0
}

.deals-on-wheels-calculator-text-field .form-text-field input {
    border: 1px solid #99c1e7;
    border-radius: 8px;
    height: 52px;
    padding: 12px 14px;
    width: 100%
}

.deals-on-wheels-calculator-text-field .form-text-field input .error {
    border: 1px solid #ff3700
}

.deals-on-wheels-calculator-text-field .form-text-field ::placeholder {
    color: #919191 !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

.deals-on-wheels-calculator-text-field :focus-visible {
    border: 1px solid #0072d8 !important
}

.deals-on-wheels-calculator-form-container {
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    padding: 24px
}

@media(max-width:767px) {
    .deals-on-wheels-calculator-form-container .originTooltip {
        position: unset
    }

    .deals-on-wheels-calculator-form-container .originTooltip:hover .tooltip-text {
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 0 5px #ccc;
        display: inline-block;
        left: 0;
        margin-top: 25px;
        min-width: 146px;
        padding: 6px;
        position: absolute;
        right: 0;
        top: auto;
        width: 100%;
        z-index: 99
    }
}

.deals-on-wheels-calculator-form-container .deals-loan-required {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 24px;
    word-break: break-word
}

.deals-on-wheels-calculator-form-container .required {
    color: #004ea8
}

.deals-on-wheels-calculator-form-field-container {
    margin-bottom: 24px
}

.deals-on-wheels-calculator-form-field-container:last-child {
    margin-bottom: 0
}

.deals-on-wheels-calculator-form-radio-input .radio-input-container {
    display: flex;
    gap: 8px
}

.deals-on-wheels-calculator-form-radio-input .radio-input-container .radio-input {
    align-items: center;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    height: 100% !important;
    justify-content: space-between;
    min-height: 52px;
    padding: 14px 12px;
    width: 50%
}

.deals-on-wheels-calculator-form-radio-input .radio-input-container .radio-input .radio-label {
    pointer-events: none
}

.deals-on-wheels-calculator-form-radio-input .radio-input-container .radio-input input {
    accent-color: #004ea8;
    height: auto;
    pointer-events: none;
    width: auto
}

.deals-on-wheels-calculator-form-title {
    background-color: #0072d8;
    border-radius: 8px 8px 0 0;
    padding: 24px
}

.deals-on-wheels-calculator-form-title p {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 32.74px;
    margin: 0;
    word-break: break-word
}

.deals-on-wheels-calculator-form-radio-input .label-title p {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important
}

.deals-on-wheels-calculator-form-container-row {
    display: flex;
    gap: 10px
}

.deals-on-wheels-calculator-button-section {
    display: flex;
    gap: 16px;
    padding: 24px 0 0
}

.deals-on-wheels-calculator-button-section .button-wid {
    width: 100%
}

.deals-on-wheels-calculator-button-section .button-wid button {
    background-color: #fff;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    line-height: 1;
    min-height: 48px;
    padding: 10px 16px;
    text-align: center;
    width: 100%;
    word-break: break-word
}

.deals-on-wheels-calculator-button .button-wid {
    width: 50%
}

.deals-on-wheels-calculator-button .button-wid button {
    border: 1px solid #99c1e7;
    padding: 12px;
    text-align: center
}

.deals-on-wheels-calculator-table-row {
    margin-bottom: 32px;
    position: relative;
    word-break: break-word
}

.deals-on-wheels-calculator-table-row:after {
    background-color: #c2c2c1;
    bottom: 0;
    content: "";
    height: 1px;
    left: -4px;
    position: absolute;
    right: -4px;
    top: auto
}

@media screen and (min-width:768px) {
    .deals-on-wheels-calculator-table-row:after {
        left: -12px;
        right: -12px
    }
}

@media screen and (min-width:1024px) {
    .deals-on-wheels-calculator-table-row:after {
        left: 0;
        right: 0
    }
}

.deals-on-wheels-calculator-table-row .ttitle,
.deals-on-wheels-calculator-table-row .vtitle {
    margin-bottom: 12px;
    word-break: break-word
}

@media(min-width:1024px) {
    .deals-on-wheels-calculator-table-row {
        margin: 0;
        padding: 24px
    }

    .deals-on-wheels-calculator-table-row .col-md-4 {
        padding-left: 0;
        padding-right: 16px
    }

    .deals-on-wheels-calculator-table-row .col-md-4:last-child {
        padding-right: 0
    }
}

.deals-on-wheels-calculator-table-section {
    border-radius: 0 0 8px 8px
}

.deals-on-wheels-calculator-table-section-table-buttons {
    display: flex;
    justify-content: end;
    padding: 10px
}

.deals-on-wheels-calculator-table-buttons .pills-label {
    column-gap: 16px;
    display: flex;
    justify-content: start;
    margin-bottom: 0;
    padding: 24px 24px 0;
    word-break: break-word
}

.deals-on-wheels-calculator-table-buttons .pills-label li {
    border: 1px solid;
    border-radius: 80px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    list-style: none;
    max-width: 50%;
    min-width: 94px;
    padding: 6px 16px;
    place-self: flex-start;
    text-align: center
}

.deals-on-wheels-calculator-table-buttons .pills-label .bg-cl-red {
    background: #ff5d39
}

.deals-on-wheels-calculator-table-buttons .pills-label .bg-cl-green {
    background: #00a995
}

.deals-on-wheels-calculator-table-title {
    background-color: #0072d8;
    border-radius: 8px 8px 0 0;
    padding: 24px
}

.deals-on-wheels-calculator-table-title p {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 32.74px;
    margin: 0;
    word-break: break-word
}

.deals-on-wheels-calculator-table-container {
    background-color: #fff;
    display: none;
    padding-bottom: 0
}

.deals-on-wheels-calculator-table-container:first-child {
    display: block
}

.deals-on-wheels-calculator-table-container .row .col-md-4 .loan-interest .price,
.deals-on-wheels-calculator-table-container .row .col-md-4 .loan-tenure .price,
.deals-on-wheels-calculator-table-container .row .col-md-4 .loan-title .price {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0
}

.deals-on-wheels-calculator-table-notes {
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    padding: 8px 24px 32px;
    word-break: break-word
}

@media(min-width:768px) {
    .deals-on-wheels-calculator-table-notes {
        padding: 32px 24px
    }
}

.deals-on-wheels-calculator-table-notes ol {
    padding-left: 24px
}

.deals-on-wheels-calculator-table-notes ol li {
    padding-bottom: 0;
    word-break: break-word
}

.deals-on-wheels-calculator-table-notes p {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 0;
    word-break: break-word
}

.deals-on-wheels-calculator-table-notes p:empty {
    line-height: 0;
    margin-bottom: 0
}

.deals-on-wheels-calculator-result-table {
    overflow-x: auto;
    position: relative
}

.deals-on-wheels-calculator-result-table::-webkit-scrollbar {
    height: 10px;
    width: 10px
}

.deals-on-wheels-calculator-result-table::-webkit-scrollbar-track {
    background-color: #e4e4e4
}

.deals-on-wheels-calculator-result-table::-webkit-scrollbar-thumb {
    background-color: #919191;
    border-radius: 120px
}

.deals-on-wheels-calculator-result-table .table {
    border-collapse: separate;
    margin-bottom: 0
}

.deals-on-wheels-calculator-result-table .table.oddBgColor tr:nth-child(odd) {
    background-color: #f6f6f6
}

.deals-on-wheels-calculator-result-table .table.oddBgColor tr:nth-child(2n) {
    background-color: #fff
}

.deals-on-wheels-calculator-result-table .table tr {
    word-break: break-word
}

.deals-on-wheels-calculator-result-table .table tr.dynamic-last-row th:first-child {
    border-bottom-left-radius: 8px
}

.deals-on-wheels-calculator-result-table .table tr.dynamic-last-row td:last-child {
    border-bottom-right-radius: 8px
}

.deals-on-wheels-calculator-result-table .table tr:nth-child(odd) {
    background-color: #f6f6f6
}

.deals-on-wheels-calculator-result-table .table tr:first-child td {
    border-top: 1px solid #99c1e7
}

.deals-on-wheels-calculator-result-table .table tr.row-highlight td:not(.not-applicable) {
    background: #e5f5ff
}

.deals-on-wheels-calculator-result-table .table tr.row-highlight .amountVal,
.deals-on-wheels-calculator-result-table .table tr.row-highlight .curType {
    font-weight: 700
}

.deals-on-wheels-calculator-result-table .table tr td.not-applicable,
.deals-on-wheels-calculator-result-table .table tr.row-grey td {
    background-color: #f6f6f6
}

.deals-on-wheels-calculator-result-table .table td,
.deals-on-wheels-calculator-result-table .table th {
    border-bottom: 1px solid #99c1e7;
    border-right: 1px solid #99c1e7;
    padding: 16px
}

.deals-on-wheels-calculator-result-table .table td:first-child,
.deals-on-wheels-calculator-result-table .table th:first-child {
    left: 0;
    position: sticky
}

@media(min-width:768px) {

    .deals-on-wheels-calculator-result-table .table td:first-child,
    .deals-on-wheels-calculator-result-table .table th:first-child {
        border-left: none;
        border-right: none;
        outline: 1px solid #004ea8
    }
}

.deals-on-wheels-calculator-result-table .table tr th {
    line-height: 1.4
}

@media(max-width:640px) {
    .deals-on-wheels-calculator-result-table .table tr th {
        line-height: 1.3
    }
}

.deals-on-wheels-calculator-result-table .table tr:first-child th {
    border-top-left-radius: 8px
}

.deals-on-wheels-calculator-result-table .table tr:first-child td:last-child {
    border-top-right-radius: 8px
}

.deals-on-wheels-calculator-result-table .table tr:last-child th {
    border-bottom-left-radius: 8px
}

.deals-on-wheels-calculator-result-table .table tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.deals-on-wheels-calculator-result-table .table tr td {
    min-width: 207px;
    vertical-align: middle
}

@media(max-width:420px) {
    .deals-on-wheels-calculator-result-table .table tr td {
        max-width: 140px;
        min-width: 140px
    }
}

.deals-on-wheels-calculator-result-table .table tr td p {
    color: #2e2e2e;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    margin: 0
}

.deals-on-wheels-calculator-result-table .table tr td p.text-center {
    gap: 20px;
    justify-content: center
}

.deals-on-wheels-calculator-result-table .table tr td p.has-suffix {
    gap: 0;
    justify-content: center
}

.deals-on-wheels-calculator-result-table .table tr td p.has-suffix .amountVal {
    padding-left: 10px
}

.deals-on-wheels-calculator-result-table .table tr td p.text-right {
    justify-content: center
}

.deals-on-wheels-calculator-result-table .table tr td p .suffix-text {
    flex-basis: 100%;
    text-align: center
}

.deals-on-wheels-calculator-result-table .result-fixed-column {
    background: #004ea8;
    color: #fff
}

@media only screen and (min-width:768px) {
    .deals-on-wheels-calculator-result-table .result-fixed-column {
        border-bottom: none !important
    }
}

.deals-on-wheels-calculator-result-table .result-fixed-column p {
    margin: 0
}

.deals-on-wheels-calculator-result-table .result-fixed-column .table-sub-text {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px
}

@media only screen and (min-width:360px) {
    .deals-on-wheels-calculator-result-table .result-fixed-column .table-sub-text {
        font-size: 14px
    }
}

@media only screen and (min-width:1024px) {
    .deals-on-wheels-calculator-result-table {
        margin: 0 24px;
        padding: 32px 0 0
    }

    .deals-on-wheels-calculator-result-table .text-right {
        font-size: 18px
    }
}

.deals-on-wheels-calculator .select-dropdown-cmp {
    position: relative
}

.deals-on-wheels-calculator .select-dropdown-btn {
    align-items: center;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    display: flex;
    padding: 12px 14px;
    position: relative
}

.deals-on-wheels-calculator .select-dropdown-btn .icon {
    position: absolute;
    right: 14px;
    top: 14px;
    transform: rotate(180deg)
}

.deals-on-wheels-calculator .select-dropdown-options {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 4px #99c1e7;
    display: none;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    z-index: 99
}

.deals-on-wheels-calculator .select-dropdown-options .option-text {
    padding: 14px
}

.deals-on-wheels-calculator .select-dropdown-options .option-text p {
    margin-bottom: 0
}

.deals-on-wheels-calculator .select-dropdown-options .option-text:hover {
    background-color: #99c1e7;
    cursor: pointer
}

.deals-on-wheels-calculator .dropdown-open .select-dropdown-options {
    display: block
}

@media(min-width:768px) {
    .deals-on-wheels-calculator .mobile-slide-count {
        display: none
    }
}

.deals-on-wheels-calculator .sub-component-input-label {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    gap: var(--gap-gap-8, 8px);
    justify-content: flex-start;
    margin-bottom: 8px;
    position: relative;
    word-break: break-word
}

.deals-on-wheels-calculator .field-container {
    align-items: center;
    position: relative;
    width: 100%
}

.deals-on-wheels-calculator .field-container span.input-group-append {
    position: absolute;
    right: 14px
}

.deals-on-wheels-calculator input#fundName_select2 {
    padding-right: 41px
}

.deals-on-wheels-calculator .field-container .default {
    display: none
}

.deals-on-wheels-calculator .field-container.disabled-state .default {
    display: block
}

.deals-on-wheels-calculator .field-container.disabled-state .active {
    display: none
}

.deals-on-wheels-calculator .field-input,
.deals-on-wheels-calculator .select2-selection.select2-selection--single {
    align-items: center;
    align-self: stretch;
    background: var(--background-neutral-color-bg-white, #fff);
    border-color: var(--border-colored-color-border-primary, #99c1e7);
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    gap: 0;
    justify-content: flex-start;
    min-height: 56px;
    padding: var(--padding-padding-14, 14px) var(--padding-padding-16, 16px) var(--padding-padding-14, 14px) var(--padding-padding-16, 16px);
    position: relative
}

.deals-on-wheels-calculator .field-input {
    font-size: 16x;
    font-weight: 400
}

@media(min-width:1024px) {
    .deals-on-wheels-calculator .field-input {
        font-size: 18px
    }
}

.deals-on-wheels-calculator #calculator-placeholder-table .result-fixed-column .th-section,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table .result-fixed-column .th-section {
    display: flex
}

.deals-on-wheels-calculator #calculator-placeholder-table .result-fixed-column .th-section .originTooltip,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table .result-fixed-column .th-section .originTooltip {
    align-items: center;
    padding-left: 6px
}

.deals-on-wheels-calculator #calculator-placeholder-table .result-fixed-column .th-section .originTooltip .tooltip-text,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table .result-fixed-column .th-section .originTooltip .tooltip-text {
    color: #212529;
    font-weight: 400;
    left: 24px;
    margin-top: -18px;
    top: 50%
}

@media(min-width:1440px) {

    .deals-on-wheels-calculator #calculator-placeholder-table .result-fixed-column .th-section .originTooltip .tooltip-text,
    .deals-on-wheels-calculator #deals-on-wheels-calculator-default-table .result-fixed-column .th-section .originTooltip .tooltip-text {
        margin-top: 0;
        top: -5px
    }
}

.deals-on-wheels-calculator #calculator-placeholder-table tr:nth-last-child(2) .result-fixed-column .th-section .originTooltip .tooltip-text,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table tr:nth-last-child(2) .result-fixed-column .th-section .originTooltip .tooltip-text {
    margin-top: 0;
    top: unset
}

.deals-on-wheels-calculator #calculator-placeholder-table #deal-promo-rebate .result-fixed-column .fixed-column-with-sub-text,
.deals-on-wheels-calculator #calculator-placeholder-table #monthly-amortization .result-fixed-column .fixed-column-with-sub-text,
.deals-on-wheels-calculator #calculator-placeholder-table .monthly-amortization .result-fixed-column .fixed-column-with-sub-text,
.deals-on-wheels-calculator #calculator-placeholder-table .monthly-income-rebate .result-fixed-column .fixed-column-with-sub-text,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table #deal-promo-rebate .result-fixed-column .fixed-column-with-sub-text,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table #monthly-amortization .result-fixed-column .fixed-column-with-sub-text,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table .monthly-amortization .result-fixed-column .fixed-column-with-sub-text,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table .monthly-income-rebate .result-fixed-column .fixed-column-with-sub-text {
    align-items: center;
    display: flex
}

.deals-on-wheels-calculator #calculator-placeholder-table #deal-promo-rebate .result-fixed-column .fixed-column-with-sub-text .originTooltip,
.deals-on-wheels-calculator #calculator-placeholder-table #monthly-amortization .result-fixed-column .fixed-column-with-sub-text .originTooltip,
.deals-on-wheels-calculator #calculator-placeholder-table .monthly-amortization .result-fixed-column .fixed-column-with-sub-text .originTooltip,
.deals-on-wheels-calculator #calculator-placeholder-table .monthly-income-rebate .result-fixed-column .fixed-column-with-sub-text .originTooltip,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table #deal-promo-rebate .result-fixed-column .fixed-column-with-sub-text .originTooltip,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table #monthly-amortization .result-fixed-column .fixed-column-with-sub-text .originTooltip,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table .monthly-amortization .result-fixed-column .fixed-column-with-sub-text .originTooltip,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table .monthly-income-rebate .result-fixed-column .fixed-column-with-sub-text .originTooltip {
    align-items: center;
    padding-left: 6px
}

.deals-on-wheels-calculator #calculator-placeholder-table #deal-promo-rebate .result-fixed-column .fixed-column-with-sub-text .tooltip-text,
.deals-on-wheels-calculator #calculator-placeholder-table #monthly-amortization .result-fixed-column .fixed-column-with-sub-text .tooltip-text,
.deals-on-wheels-calculator #calculator-placeholder-table .monthly-amortization .result-fixed-column .fixed-column-with-sub-text .tooltip-text,
.deals-on-wheels-calculator #calculator-placeholder-table .monthly-income-rebate .result-fixed-column .fixed-column-with-sub-text .tooltip-text,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table #deal-promo-rebate .result-fixed-column .fixed-column-with-sub-text .tooltip-text,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table #monthly-amortization .result-fixed-column .fixed-column-with-sub-text .tooltip-text,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table .monthly-amortization .result-fixed-column .fixed-column-with-sub-text .tooltip-text,
.deals-on-wheels-calculator #deals-on-wheels-calculator-default-table .monthly-income-rebate .result-fixed-column .fixed-column-with-sub-text .tooltip-text {
    color: #212529;
    font-weight: 400;
    left: 24px;
    margin-top: 16px;
    top: 50%;
    transform: translateY(-100%)
}

.deals-on-wheels-calculator #calculator-placeholder-table tr:nth-last-child(3) .result-fixed-column .th-section .originTooltip .tooltip-text {
    margin-top: 0;
    top: unset
}

.deals-on-wheels-calculator .dowc-api-error {
    background: var(--Background-Colored-color-bg-danger-faint, #ffe7e6);
    border: 1px solid var(--Border-Colored-color-border-danger, #ff3700);
    border-left-width: 5px;
    border-radius: var(--radius-base, 8px);
    box-shadow: 0 1px 2px -1px rgba(46, 46, 46, .1), 0 1px 3px 0 rgba(46, 46, 46, .1);
    color: #ff3700;
    display: flex
}

.deals-on-wheels-calculator .dowc-api-error .originTooltip {
    align-items: center;
    padding: 16px 20px 16px 24px;
    stroke: #ff3700
}

.deals-on-wheels-calculator .dowc-api-error .originTooltip:hover .default-svg {
    display: inline-block
}

.deals-on-wheels-calculator .dowc-api-error .originTooltip .tooltip-text {
    left: 72%;
    top: 16%
}

.deals-on-wheels-calculator .dowc-api-error .api-error {
    font-size: 18px;
    font-weight: 400;
    padding: 16px 24px 0 0
}

.deals-on-wheels-calculator .dowc-b-m-v-titles {
    padding-bottom: 16px;
    word-break: break-word
}

@media(min-width:1023px) {
    .deals-on-wheels-calculator .dowc-b-m-v-titles {
        padding: 20px 24px 8px
    }
}

.deals-on-wheels-calculator .dowc-b-m-v-titles .brand-model {
    color: #0072d8;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0
}

@media(min-width:678px) {
    .deals-on-wheels-calculator .dowc-b-m-v-titles .brand-model {
        font-size: 30px;
        line-height: 36px
    }
}

.deals-on-wheels-calculator .dowc-b-m-v-titles .variant {
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0
}

@media(min-width:678px) {
    .deals-on-wheels-calculator .dowc-b-m-v-titles .variant {
        font-size: 20px;
        line-height: 28px
    }
}

@media(min-width:1024px)and (max-width:1199px) {
    .deals-on-wheels-calculator-body .menuleveltwo .megamenu-level-one-container .selpgload .navbar-nav .nav-item {
        padding: 20px
    }
}

.deals-on-wheels-calculator-body .autocomplete {
    background: var(--Background-Neutral-color-bg-white, #fff);
    border: none;
    border-radius: var(--radius-base, 8px);
    box-shadow: 0 0 8px 0 rgba(0, 114, 216, .32);
    font-family: Nunito;
    margin-top: 4px;
    max-height: 213px !important;
    padding: 8px 0;
    z-index: 8
}

.deals-on-wheels-calculator-body .autocomplete::-webkit-scrollbar {
    max-height: 150px;
    width: 4px
}

.deals-on-wheels-calculator-body .autocomplete::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    -webkit-border-radius: 10px
}

.deals-on-wheels-calculator-body .autocomplete::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-left: -150px
}

.deals-on-wheels-calculator-body .autocomplete::-webkit-scrollbar-thumb:hover {
    background: #555
}

.deals-on-wheels-calculator-body .autocomplete>div {
    font-size: 16px;
    min-height: 40px;
    padding: 8px 16px
}

.deals-on-wheels-calculator-body .autocomplete>div.selected {
    background: transparent;
    cursor: pointer;
    font-weight: 700
}

.deals-on-wheels-calculator-body .autocomplete>div:hover:not(.group) {
    background: #e5f5ff;
    cursor: pointer;
    font-weight: 600
}

.deals-on-wheels-calculator-body .autocomplete>div>strong {
    font-weight: bolder
}

.deals-on-wheels-calculator-body .promo-offer-section {
    background-color: #fff;
    padding: 0 16px 24px;
    word-break: break-word
}

@media(min-width:678px) {
    .deals-on-wheels-calculator-body .promo-offer-section {
        padding: 32px 24px 0
    }
}

.deals-on-wheels-calculator-body .promo-offer-section .promo-offer-blue-bg {
    background: #e5f5ff;
    border-radius: 8px;
    padding: 16px
}

.deals-on-wheels-calculator-body .promo-offer-section .promo-offer-blue-bg .promo-title * {
    color: #0072d8;
    font-size: 20px;
    font-weight: 700
}

.deals-on-wheels-calculator-body .promo-offer-section .promo-offer-blue-bg .promo-list {
    font-size: 18px;
    font-weight: 400
}

@media only screen and (min-width:768px)and (max-width:1439px) {
    .deals-on-wheels-calculator-table-row {
        display: flex;
        flex-wrap: wrap
    }

    .deals-on-wheels-calculator-table-row .col-md-4:first-child {
        margin-bottom: 24px;
        width: 100%
    }

    .deals-on-wheels-calculator-table-row .col-md-4:not(:first-child) {
        padding-right: 0;
        width: 50%
    }

    .deals-on-wheels-calculator-table-row .col-md-4:nth-child(2) {
        padding-right: 24px
    }

    .deals-on-wheels-calculator-table-row .col-md-4:last-child {
        padding-left: 0
    }
}

@media only screen and (max-width:1023px) {
    .field-input {
        height: 52px !important
    }

    .deals-on-wheels-calculator-row {
        flex-direction: column
    }

    .deals-on-wheels-calculator-row .col-left {
        min-width: unset;
        width: 100%
    }

    .deals-on-wheels-calculator-row .col-right {
        width: 100%
    }

    .deals-on-wheels-calculator-title {
        margin-bottom: 5%
    }

    .deals-on-wheels-calculator-form-title,
    .deals-on-wheels-calculator-title {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px
    }

    .deals-on-wheels-calculator-text-field .text-field-label {
        align-items: center;
        display: flex;
        gap: 8px
    }

    .deals-on-wheels-calculator-text-field .form-text-field input {
        border-radius: 8px;
        padding: 12px 14px;
        width: 100%
    }

    .deals-on-wheels-calculator-form-container {
        padding: 24px
    }

    .deals-on-wheels-calculator-form-field-container {
        margin-bottom: 24px;
        position: relative
    }

    .deals-on-wheels-calculator-form-field-container:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width:1023px)and (max-width:767px) {
    .deals-on-wheels-calculator-form-radio-input .radio-input-container {
        flex-direction: column
    }
}

@media only screen and (max-width:1023px) {
    .deals-on-wheels-calculator-form-radio-input .radio-input-container .radio-input {
        align-items: center;
        border: 1px solid #99c1e7;
        border-radius: 8px;
        display: flex;
        gap: 8px;
        justify-content: space-between;
        padding: 14px 12px;
        width: 100%
    }

    .deals-on-wheels-calculator-form-radio-input .radio-input-container .radio-input.radio-disabled {
        border-color: #a0a0a0
    }

    .deals-on-wheels-calculator-form-title {
        background-color: #0072d8;
        border-radius: 8px 8px 0 0;
        padding: 24px
    }

    .deals-on-wheels-calculator-form-title p {
        color: #fff;
        font-size: 24px;
        line-height: 32.74px;
        margin: 0
    }

    .deals-on-wheels-calculator-form-container-row {
        display: flex;
        gap: 10px
    }
}

@media only screen and (max-width:1023px)and (max-width:767px) {
    .deals-on-wheels-calculator-button-section {
        flex-direction: column;
        gap: 16px
    }

    .deals-on-wheels-calculator-button-section .button-wid {
        width: 100%
    }

    .deals-on-wheels-calculator-button-section .button-wid button {
        background-color: #fff;
        border: 1px solid #99c1e7;
        border-radius: 8px;
        padding: 10px 16px;
        text-align: center;
        width: 100%
    }
}

@media only screen and (max-width:1023px) {
    .deals-on-wheels-calculator-button-section {
        gap: 16px
    }

    .deals-on-wheels-calculator-button .button-wid {
        width: 50%
    }

    .deals-on-wheels-calculator-button .button-wid button {
        border: 1px solid #99c1e7;
        padding: 12px;
        text-align: center
    }

    .deals-on-wheels-calculator-button .button-wid button:disabled {
        border-color: #a0a0a0
    }

    .deals-on-wheels-calculator-table-section {
        background-color: transparent
    }

    .deals-on-wheels-calculator-table-title {
        background-color: #0072d8;
        border-radius: 8px 8px 0 0;
        padding: 24px
    }

    .deals-on-wheels-calculator-table-title p {
        color: #fff;
        font-size: 24px;
        line-height: 32.74px;
        margin: 0
    }

    .deals-on-wheels-calculator-table-container {
        padding: 32px 16px
    }
}

@media only screen and (max-width:1023px)and (min-width:768px) {
    .deals-on-wheels-calculator-table-container {
        padding: 24px
    }
}

@media only screen and (max-width:1023px) {
    .deals-on-wheels-calculator-table-container .row .col-md-4 {
        margin-bottom: 24px
    }

    .deals-on-wheels-calculator-table-container .row .col-md-4 .loan-interest .price,
    .deals-on-wheels-calculator-table-container .row .col-md-4 .loan-tenure .price,
    .deals-on-wheels-calculator-table-container .row .col-md-4 .loan-title .price {
        font-size: 20px
    }
}

@media only screen and (max-width:1023px)and (min-width:1024px) {

    .deals-on-wheels-calculator-table-container .row .col-md-4 .loan-interest .price,
    .deals-on-wheels-calculator-table-container .row .col-md-4 .loan-tenure .price,
    .deals-on-wheels-calculator-table-container .row .col-md-4 .loan-title .price {
        padding: 24px
    }
}

@media only screen and (max-width:1023px) {
    .deals-on-wheels-calculator-table-notes ol {
        padding-left: 24px
    }

    .deals-on-wheels-calculator-table-notes ol li {
        padding-bottom: 0
    }

    .deals-on-wheels-calculator-table-buttons .pills-label {
        padding: 0 0 16px
    }

    .deals-on-wheels-calculator-result-table {
        border-radius: 8px 0 0 8px;
        overflow-x: auto;
        overflow-y: clip;
        position: relative
    }

    .deals-on-wheels-calculator-result-table .table td,
    .deals-on-wheels-calculator-result-table .table th {
        padding: 16px
    }

    .deals-on-wheels-calculator-result-table .table td:first-child,
    .deals-on-wheels-calculator-result-table .table th:first-child {
        left: 0;
        position: sticky
    }

    .deals-on-wheels-calculator-result-table .table tr {
        line-height: 22px
    }

    .deals-on-wheels-calculator-result-table .table tr:first-child th {
        border-top-left-radius: 8px
    }

    .deals-on-wheels-calculator-result-table .table tr:first-child td:last-child {
        border-top-right-radius: 8px
    }

    .deals-on-wheels-calculator-result-table .table tr:last-child th {
        border-bottom-left-radius: 8px
    }

    .deals-on-wheels-calculator-result-table .table tr:last-child td:last-child {
        border-bottom-right-radius: 8px
    }

    .deals-on-wheels-calculator-result-table .table tr td {
        min-width: 187px
    }

    .deals-on-wheels-calculator-result-table .table tr td p {
        display: flex;
        font-size: 18px;
        gap: 8px;
        justify-content: space-between;
        margin: 0
    }

    .deals-on-wheels-calculator-result-table .result-fixed-column {
        background: #004ea8;
        color: #fff
    }

    .deals-on-wheels-calculator-result-table .result-fixed-column p {
        margin: 0
    }
}

@media only screen and (min-width:768px) {
    .deals-on-wheels-calculator-result-table .table tr td p:not(.text-right) {
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {
    .deals-on-wheels-calculator-title {
        margin-bottom: 36px
    }

    .deals-on-wheels-calculator-result-table .table tr td,
    .deals-on-wheels-calculator-result-table .table tr th {
        max-width: 175px;
        min-width: 175px
    }

    .deals-on-wheels-calculator .deals-on-wheels-calculator-table-buttons,
    .deals-on-wheels-calculator .deals-on-wheels-calculator-table-row,
    .deals-on-wheels-calculator .dowc-b-m-v-titles {
        padding-left: 8px;
        padding-right: 8px
    }

    .deals-on-wheels-calculator-result-table .table td,
    .deals-on-wheels-calculator-result-table .table th {
        font-size: 16px;
        line-height: unset !important;
        min-height: 78px;
        vertical-align: middle
    }

    .deals-on-wheels-calculator-result-table .table tr td p:not(.text-right) {
        font-size: 16px
    }
}

@media only screen and (max-width:359px) {

    .deals-on-wheels-calculator-result-table .table td,
    .deals-on-wheels-calculator-result-table .table th {
        font-size: 14px;
        padding: 10px
    }

    .deals-on-wheels-calculator-result-table .table tr td p:not(.text-right) {
        font-size: 14px
    }
}

.mobile-slide-count {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: end;
    margin-bottom: 8px
}

.mobile-slide-count .th-count p {
    margin: 0
}

.mobile-slide-count .th-count .current-count {
    margin-right: -3px
}

.mobile-slide-count .th-count .total-count {
    margin-left: -3px
}

.mobile-slide-count .left-right-arrows {
    display: flex;
    gap: 8px
}

.mobile-slide-count .left-right-arrows .wleft-arrow,
.mobile-slide-count .left-right-arrows .wright-arrow {
    align-items: center;
    background-color: #e5f5ff;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 44px;
    justify-content: center;
    width: 44px
}

.mobile-slide-count .left-right-arrows .wleft-arrow.arr-disable,
.mobile-slide-count .left-right-arrows .wright-arrow.arr-disable {
    cursor: not-allowed;
    opacity: .4
}

@media only screen and (max-width:1023) {
    .deals-on-wheels-calculator-row {
        flex-direction: column
    }

    .deals-on-wheels-calculator-row .col-left {
        min-width: unset;
        width: 100%
    }

    .deals-on-wheels-calculator-row .col-right {
        width: 100%
    }

    .deals-on-wheels-calculator-result-table .table tr td {
        min-width: 170px !important
    }
}

#brandNewMonthlyIncomeResult .table tr:last-child {
    background-color: unset
}

@media only screen and (max-width:480px) {
    .deals-on-wheels-calculator-result-table table td p {
        flex-direction: column;
        gap: 0;
        text-align: right
    }
}

@media(max-width:430px) {
    .deals-on-wheels-calculator-result-table .result-fixed-column p {
        word-break: unset
    }
}

body.deals-on-wheels-calculator-body .select2-container {
    width: 100% !important;
    z-index: 2
}

body.deals-on-wheels-calculator-body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #656565 transparent transparent;
    border-width: 6.5px 6.5px 0;
    height: 6px;
    margin-left: -6px;
    width: 12px
}

body.deals-on-wheels-calculator-body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #0072d8;
    border-width: 0 6.5px 6.5px;
    height: 6px;
    width: 12px
}

body.deals-on-wheels-calculator-body .select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-right: 14px;
    right: 0
}

body.deals-on-wheels-calculator-body .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f6f6f6 !important;
    border-color: #a0a0a0 !important;
    box-shadow: none;
    -webkit-opacity: 1;
    opacity: 1 !important;
    -webkit-text-fill-color: #919191;
    border: 1px solid #a0a0a0;
    font-weight: 400
}

body.deals-on-wheels-calculator-body .select2.select2-container--disabled.select2-container--focus {
    border: none !important;
    box-shadow: none !important
}

body.deals-on-wheels-calculator-body .select2-container--open .select2-dropdown {
    margin-top: 4px
}

body.deals-on-wheels-calculator-body .select2-dropdown {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1) !important
}

body.deals-on-wheels-calculator-body .select2-container--open .select2-dropdown--above {
    border-radius: 8px !important
}

body.deals-on-wheels-calculator-body .select2-container--default .select2-results>.select2-results__options {
    background: #fff;
    border: 1px solid #99c1e7;
    border-radius: 8px;
    max-height: 136px
}

body.deals-on-wheels-calculator-body .select2-container--open .select2-dropdown--below {
    font-weight: 400
}

body.deals-on-wheels-calculator-body .select2-results__options li.select2-results__option {
    padding: 10px 12px
}

body.deals-on-wheels-calculator-body .select2-container.select2-container--default .select2-results__option--selectable.select2-results__option--highlighted[aria-selected=true] {
    background-color: #e5f5ff !important;
    color: #2e2e2e;
    font-weight: 700
}

body.deals-on-wheels-calculator-body .select2-container.select2-container--default .select2-results__option--selectable.select2-results__option--selected.select2-results__option--highlighted {
    background-color: #fff !important;
    font-weight: 700
}

body.deals-on-wheels-calculator-body .select2-container.select2-container--default .select2-results__option--selectable.select2-results__option--selected.select2-results__option--highlighted:hover {
    background-color: #e5f5ff !important;
    font-weight: 700
}

body.deals-on-wheels-calculator-body .select2-container .select2-dropdown.select2-dropdown--above {
    border: none
}

body.deals-on-wheels-calculator-body .select2-container.select2-container--default .select2-results__option--selected {
    background-color: transparent;
    color: inherit
}

body.deals-on-wheels-calculator-body .select2-container.select2-container--default .select2-results>.select2-results__options {
    background: #fff;
    border: 0 solid #99c1e7;
    border-radius: 8px;
    box-shadow: 0 0 8px 0 rgba(0, 114, 216, .32);
    max-height: 136px
}

body.deals-on-wheels-calculator-body .select2-container.select2-container--open .select2-dropdown--below {
    border: none;
    border-radius: 8px
}

body.deals-on-wheels-calculator-body .select2-container .select2-results .select2-results__options::-webkit-scrollbar {
    max-height: 150px;
    width: 4px
}

body.deals-on-wheels-calculator-body .select2-container .select2-results .select2-results__options::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    -webkit-border-radius: 10px
}

body.deals-on-wheels-calculator-body .select2-container .select2-results .select2-results__options::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-left: -150px
}

body.deals-on-wheels-calculator-body .field-container .select2-container .select2-selection {
    align-items: center;
    align-self: stretch;
    background: var(--background-neutral-color-bg-white, #fff);
    border-color: var(--border-colored-color-border-primary, #99c1e7);
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 400;
    gap: 0;
    height: 56px;
    justify-content: flex-start;
    min-height: 56px;
    position: relative;
    width: 100%
}

@media(min-width:1024px) {
    body.deals-on-wheels-calculator-body .field-container .select2-container .select2-selection {
        font-size: 18px
    }
}

body.deals-on-wheels-calculator-body .field-container .select2-container .select2-selection__rendered {
    padding-left: 0
}

body.deals-on-wheels-calculator-body .field-container .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 24px;
    line-height: normal;
    margin: -12px 0 0 -12px;
    right: 16px;
    top: 50%;
    width: 24px
}

@media(max-width:767px) {
    body.deals-on-wheels-calculator-body .field-container .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 14px
    }
}

body.deals-on-wheels-calculator-body .field-container .select2-container.select2-container--open .select2-selection:active,
body.deals-on-wheels-calculator-body .field-container .select2-container.select2-container--open .select2-selection:focus {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #0072d8;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 114, 216, .322);
    color: #2e2e2e;
    opacity: 1;
    outline: 0
}

body.deals-on-wheels-calculator-body .field-container .select2-container.select2-container--disabled .select2-selection,
body.deals-on-wheels-calculator-body .field-container .select2-container.select2-container--disabled .select2-selection:active {
    background-color: #f6f6f6;
    border-color: #a0a0a0;
    box-shadow: none;
    color: #a0a0a0
}

.ctamultifield .fund-performance-ctacontainer .card-body--wrapper .btn.bdo-primary:hover {
    background-color: #004ea8 !important;
    border: 1px solid #004ea8 !important;
    color: #fff
}

.doublecheckpopupmodal-wrapper {
    background: rgba(46, 46, 46, .6);
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.doublecheckpopupmodal-wrapper .doublecheckpopupmodal {
    background: #fff;
    border-radius: 8px;
    left: 50%;
    margin: auto;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 9999
}

@media only screen and (min-width:800px) {
    .doublecheckpopupmodal-wrapper .doublecheckpopupmodal {
        max-width: 611px;
        width: 88%
    }
}

@media only screen and (min-width:320px)and (min-height:640px) {
    .doublecheckpopupmodal-wrapper .doublecheckpopupmodal {
        margin-top: 300px;
        top: 0
    }
}

@media only screen and (min-width:320px)and (min-height:992px) {
    .doublecheckpopupmodal-wrapper .doublecheckpopupmodal {
        transform: translate(-50%, -25%)
    }
}

@media only screen and (min-width:320px)and (min-height:1100px) {
    .doublecheckpopupmodal-wrapper .doublecheckpopupmodal {
        transform: translate(-50%)
    }
}

.doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-header {
    align-items: center;
    border-bottom: 1px solid #c2c2c1;
    border-radius: 8px 8px 0 0;
    display: flex;
    gap: 8px;
    padding: 24px
}

.doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-header .modal-header__text {
    display: -webkit-box;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    -webkit-line-clamp: 2;
    line-height: 28px;
    margin: 0;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (min-width:1024px) {
    .doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-header .modal-header__text {
        font-size: 24px;
        line-height: 32px
    }
}

.doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-content {
    margin-bottom: 16px;
    max-height: 240px;
    overflow: auto;
    padding: 24px
}

.doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 10px
}

@media only screen and (min-width:1024px) {
    .doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-content p {
        font-size: 18px;
        line-height: 28px
    }
}

.doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-content p:last-child {
    margin-bottom: 0
}

@media only screen and (max-height:480px) {
    .doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-content {
        max-height: 200px
    }
}

@media only screen and (max-height:430px) {
    .doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-content {
        max-height: 140px
    }
}

@media only screen and (max-height:359px) {
    .doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-content {
        max-height: 100px
    }
}

.doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 24px
}

.doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-footer .hidden-focus {
    border: 0;
    height: 0;
    margin: 0;
    opacity: 0;
    outline: 0 none;
    padding: 0;
    position: absolute;
    width: 0
}

.doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-footer .primary-btn,
.doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-footer .secondary-btn {
    border: 2px solid var(--bdo-blue);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 16px;
    padding: 12px 16px;
    position: relative;
    width: 100%
}

.doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-footer .primary-btn {
    background: var(--bdo-blue);
    color: #fff
}

.doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-footer .secondary-btn {
    background: transparent;
    color: var(--bdo-blue)
}

@media only screen and (min-width:800px) {
    .doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-footer {
        flex-direction: row;
        gap: 16px
    }
}

@media only screen and (min-width:1024px) {

    .doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-footer .primary-btn,
    .doublecheckpopupmodal-wrapper .doublecheckpopupmodal .doublecheckpopupmodal-footer .secondary-btn {
        font-size: 18px;
        padding: 13px 16px
    }
}

.body-overflow-hidden {
    overflow: hidden
}