 <style type="text/css">
        @keyframes atNodeInserted713 {
            from {
                opacity: 0.99
            }

            to {
                opacity: 1
            }
        }

        @-moz-keyframes atNodeInserted713 {
            from {
                opacity: 0.99
            }

            to {
                opacity: 1
            }
        }

        @-webkit-keyframes atNodeInserted713 {
            from {
                opacity: 0.99
            }

            to {
                opacity: 1
            }
        }

        @-ms-keyframes atNodeInserted713 {
            from {
                opacity: 0.99
            }

            to {
                opacity: 1
            }
        }

        @-o-keyframes atNodeInserted713 {
            from {
                opacity: 0.99
            }

            to {
                opacity: 1
            }
        }

        #carousel_offers-slider {
            animation-duration: 0.001s;
            animation-name: atNodeInserted713;
            -moz-animation-duration: 0.001s;
            -moz-animation-name: atNodeInserted713;
            -webkit-animation-duration: 0.001s;
            -webkit-animation-name: atNodeInserted713;
            -ms-animation-duration: 0.001s;
            -ms-animation-name: atNodeInserted713;
            -o-animation-duration: 0.001s;
            -o-animation-name: atNodeInserted713;
        }
    
    <style type="text/css">
        @keyframes atNodeInserted712 {
            from {
                opacity: 0.99
            }

            to {
                opacity: 1
            }
        }

        @-moz-keyframes atNodeInserted712 {
            from {
                opacity: 0.99
            }

            to {
                opacity: 1
            }
        }

        @-webkit-keyframes atNodeInserted712 {
            from {
                opacity: 0.99
            }

            to {
                opacity: 1
            }
        }

        @-ms-keyframes atNodeInserted712 {
            from {
                opacity: 0.99
            }

            to {
                opacity: 1
            }
        }

        @-o-keyframes atNodeInserted712 {
            from {
                opacity: 0.99
            }

            to {
                opacity: 1
            }
        }

        #mth-space-pb {
            animation-duration: 0.001s;
            animation-name: atNodeInserted712;
            -moz-animation-duration: 0.001s;
            -moz-animation-name: atNodeInserted712;
            -webkit-animation-duration: 0.001s;
            -webkit-animation-name: atNodeInserted712;
            -ms-animation-duration: 0.001s;
            -ms-animation-name: atNodeInserted712;
            -o-animation-duration: 0.001s;
            -o-animation-name: atNodeInserted712;
        }
    
    <meta charset="utf-8">
    <style data-styles="">
        adl-consejero-aval,
        idw-alert,
        idw-button,
        idw-file-choose,
        idw-icon,
        idw-loading,
        idw-progress-bar,
        idw-render-component,
        idw-upload-file,
        idw-web-chat,
        idw-web-chat-aval,
        idw-web-chat-error,
        idw-web-chat-onboarding,
        mocks-components {
            visibility: hidden
        }

        .hydrated {
            visibility: inherit
        }
    
    <style data-styles="">
        bocc-mol-onboarding,
        bocc-mol-transaction-recipt,
        bocc-mol-modal,
        bocc-mol-origin-product-card,
        bocc-mol-destination-product-card,
        bocc-mol-generic-modal,
        bocc-at-breadcrumb,
        bocc-mol-side-menu,
        bocc-mol-tab-group,
        bocc-tab,
        bocc-mol-alert,
        bocc-at-amount,
        bocc-at-skeleton,
        bocc-at-button,
        bocc-at-spinner,
        bocc-at-backdrop,
        bocc-at-illustration,
        bocc-at-icon,
        bocc-mol-score-card,
        bocc-org-table,
        bocc-at-account-picker,
        bocc-mol-activate-credit-card,
        bocc-mol-carousel,
        bocc-mol-date-picker,
        bocc-mol-menu-card,
        bocc-at-avatar-product,
        bocc-at-footer,
        bocc-mol-text-field,
        bocc-at-avatar-icon,
        bocc-at-action-sheet,
        bocc-at-dropdown,
        date-picker-header,
        bocc-at-badge,
        bocc-at-tooltip {
            visibility: hidden
        }

        .hydrated {
            visibility: inherit
        }
    
    <style data-styles="">
        slot-fb {
            display: contents
        }

        slot-fb[hidden] {
            display: none
        }

        pzl-finance,
        pzl-budget-bavv,
        pzl-finance-bavv,
        pzl-budget,
        pzl-goals,
        pzl-budget-period,
        pzl-budget-config,
        pzl-list-expenses,
        pzl-list-incomes,
        pzl-list-movements,
        pzl-select-product,
        pzl-profile-questions,
        pzl-select-month,
        pzl-select-product-multiple,
        pzl-balance-chart,
        pzl-balance-chart-tc,
        pzl-budget-item,
        pzl-category-item,
        pzl-saving-goals-confirm,
        pzl-saving-goals-modal,
        pzl-web-chat-aval,
        pzl-budget-summary,
        pzl-table-movements,
        pzl-top-expenses,
        pzl-budgets-detail,
        pzl-switch,
        pzl-toast,
        pzl-tooltip,
        pzl-carrousel,
        pzl-category-icon,
        pzl-onboarding,
        pzl-balance-donut-chart,
        pzl-item-description,
        pzl-onboarding-item,
        pzl-separator,
        pzl-tab-icon,
        pzl-tabs-icon,
        pzl-tbody,
        pzl-tfoot,
        pzl-thead,
        pzl-finance-item-bavv,
        pzl-product-card-group,
        pzl-web-chat,
        pzl-card-category-expenses,
        pzl-acordeon,
        pzl-table,
        pzl-currency,
        pzl-date-picker-dropdown,
        pzl-finance-item,
        pzl-list-chart,
        pzl-card,
        pzl-movement-card,
        pzl-summary-balance,
        pzl-balance-bar-chart,
        pzl-tab,
        pzl-tabs-quote,
        pzl-donut-chart,
        pzl-summary-balance-tc,
        pzl-tc-donut-chart,
        pzl-bar-chart,
        pzl-progress-donut,
        pzl-text,
        pzl-button,
        pzl-icon,
        pzl-select,
        pzl-dropdown,
        pzl-option,
        pzl-input,
        pzl-saving-goals-plan,
        pzl-saving-goals-summary,
        pzl-saving-goals-onboarding,
        pzl-movement-card-group,
        pzl-budget-item-bavv,
        pzl-tabs-advance,
        pzl-budget-chart,
        pzl-budget-category-item,
        pzl-progress-summary-card,
        pzl-budget-period-title,
        pzl-radio,
        pzl-answer,
        pzl-questions-form,
        pzl-question,
        pzl-product-card,
        pzl-container,
        pzl-tabs,
        pzl-web-chat-onboarding,
        pzl-alert,
        pzl-finance-movements-card-group,
        pzl-finance-movements-card,
        pzl-acordeon-item,
        pzl-progress-budget,
        pzl-budget-line-chart,
        pzl-date-slide-selector,
        pzl-line-chart,
        pzl-toggle,
        pzl-checkbox,
        pzl-date-picker,
        pzl-input-date,
        pzl-calendar-picker,
        pzl-modal,
        pzl-overlay,
        pzl-line-chart-available-months,
        pzl-tabs-advance-months,
        pzl-line-chart-available,
        pzl-tabs-dynamic,
        pzl-selector-dates,
        pzl-tab-month,
        pzl-line-chart-months,
        pzl-line-chart-filter,
        pzl-category-progress-bar,
        pzl-item,
        pzl-item-content,
        pzl-list,
        pzl-progress-bar {
            visibility: hidden
        }

        .hydrated {
            visibility: inherit
        }
    
    <style data-styles="">
        adl-consejero-aval,
        idw-alert,
        idw-button,
        idw-file-choose,
        idw-icon,
        idw-loading,
        idw-progress-bar,
        idw-render-component,
        idw-upload-file,
        idw-web-chat,
        idw-web-chat-aval,
        idw-web-chat-error,
        idw-web-chat-onboarding,
        mocks-components {
            visibility: hidden
        }

        .hydrated {
            visibility: inherit
        }
    
    <title>Ingreso al Portal Transaccional | Banco de Occidente</title>
    <base href="">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <style type="text/css">
        @font-face {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
            unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
        }

        @font-face {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
            unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }

        @font-face {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
    

    <meta name="description"
        content="Nuestro renovado Portal para transacciones te permite hacer pagos de créditos o tarjetas de créditos, consultas, transferencias, descargar extractos y mucho más. ¡Navégalo!">
    <meta name="keywords"
        content=" portal transaccional banco de occidente, transacciones banco de occidente, anterior portal transaccional banco de occidente, pagar tarjeta de crédito banco de occidente, pagos banco de occidente, portal de pagos banco de occidente, pagar tarjeta de crédito banco de occidente, transferir a otras cuentas banco de occidente, descargar extracto banco de occidente">


    <style type="text/css">
        body,
        html {
            height: 100%;
            font-size: 14px;
        }

        .app-loading {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
        }

        .app-loading .spinner {
            height: 200px;
            width: 200px;
            animation: rotate 2s linear infinite;
            transform-origin: center center;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }

        .app-loading .spinner .path {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
            animation: dash 1.5s ease-in-out infinite;
            stroke-linecap: round;
            stroke: rgba(0, 127, 255, 0.25);
        }

        @keyframes rotate {
            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes dash {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0;
            }

            50% {
                stroke-dasharray: 89, 200;
                stroke-dashoffset: -35px;
            }

            100% {
                stroke-dasharray: 89, 200;
                stroke-dashoffset: -124px;
            }
        }
    

    
        @import"https://fonts.googleapis.com/css?family=Oswald";

        :root {
            --color-blue-900: rgba(0, 86, 203, 1);
            --color-blue-700: rgba(0, 129, 255, 1);
            --color-blue-700-opacity-20: rgba(0, 129, 255, .2);
            --color-blue-400: rgba(86, 176, 255, 1);
            --color-blue-200: rgba(226, 241, 255, 1);
            --color-navy-900: rgba(2, 32, 71, 1);
            --color-navy-700: rgba(0, 53, 133, 1);
            --color-carbon-50: rgba(255, 255, 255, 0);
            --color-navy-700-opacity-20: rgba(0, 53, 133, .2);
            --color-navy-400: rgba(109, 132, 191, 1);
            --color-navy-200: rgba(230, 233, 244, 1);
            --color-ocher-900: rgba(126, 90, 35, 1);
            --color-ocher-700: rgba(220, 168, 94, 1);
            --color-ocher-400: rgba(230, 192, 137, 1);
            --color-ocher-200: rgba(248, 240, 226, 1);
            --color-amathyst-900: rgba(70, 0, 233, 1);
            --color-amathyst-700: rgba(146, 64, 254, 1);
            --color-amathyst-400: rgba(168, 105, 255, 1);
            --color-amathyst-200: rgba(242, 230, 255, 1);
            --color-carbon-lighter-900: rgba(78, 85, 108, 1);
            --color-carbon-lighter-700: rgba(85, 95, 131, 1);
            --color-carbon-lighter-400: rgba(173, 186, 230, 1);
            --color-carbon-lighter-400-opacity-40: rgba(173, 186, 230, .4);
            --color-carbon-lighter-300: rgba(223, 229, 249, 1);
            --color-carbon-lighter-200: rgba(239, 242, 252, 1);
            --color-carbon-lighter-200-opacity-40: rgba(239, 242, 252, .4);
            --color-carbon-lighter-50: rgba(255, 255, 255, 1);
            --color-carbon-lighter-50-opacity-20: rgba(255, 255, 255, .2);
            --color-carbon-darker-1000: rgba(27, 28, 30, 1);
            --color-carbon-darker-900: rgba(51, 51, 51, 1);
            --color-carbon-darker-700: rgba(137, 141, 149, 1);
            --color-carbon-darker-400: rgba(205, 205, 205, 1);
            --color-semantic-success-900: rgba(17, 120, 71, 1);
            --color-semantic-success-700: rgba(0, 202, 130, 1);
            --color-semantic-success-400: rgba(134, 224, 183, 1);
            --color-semantic-success-200: rgba(226, 248, 237, 1);
            --color-semantic-info-900: rgba(46, 71, 131, 1);
            --color-semantic-info-700: rgba(49, 135, 255, 1);
            --color-semantic-info-400: rgba(67, 165, 255, 1);
            --color-semantic-info-200: rgba(227, 242, 255, 1);
            --color-semantic-alert-900: rgba(183, 95, 14, 1);
            --color-semantic-alert-700: rgba(255, 170, 49, 1);
            --color-semantic-alert-400: rgba(255, 205, 132, 1);
            --color-semantic-alert-200: rgba(255, 243, 225, 1);
            --color-semantic-danger-900: rgba(152, 27, 31, 1);
            --color-semantic-danger-700: rgba(226, 76, 76, 1);
            --color-semantic-danger-400: rgba(218, 109, 110, 1);
            --color-semantic-danger-200: rgba(253, 234, 237, 1);
            --color-product-black-700: rgba(26, 28, 31, 1);
            --color-product-black-400: rgba(83, 87, 93, 1);
            --color-product-gold-700: rgba(173, 163, 119, 1);
            --color-product-gold-200: rgba(231, 214, 137, 1);
            --color-product-silver-700: rgba(152, 152, 152, 1);
            --color-product-silver-200: rgba(240, 240, 240, 1);
            --color-product-bronze-700: rgba(141, 100, 60, 1);
            --color-product-bronze-200: rgba(193, 151, 106, 1);
            --color-product-regular-700: rgba(1, 46, 101, 1);
            --color-product-regular-400: rgba(0, 99, 220, 1);
            --color-product-infinitive-700: rgba(12, 27, 43, 1);
            --color-product-infinitive-400: rgba(48, 113, 183, 1);
            --color-product-unicef-400: rgba(0, 185, 242, 1);
            --color-product-unicef-200: rgba(181, 235, 251, 1);
            --color-product-pets-700: rgba(2, 40, 71, 1);
            --color-product-pets-400: rgba(0, 160, 210, 1);
            --color-product-traveler-700: rgba(214, 53, 53, 1);
            --color-product-traveler-200: rgba(255, 206, 157, 1);
            --color-product-tuplus-700: rgba(7, 165, 178, 1);
            --color-product-tuplus-200: rgba(162, 239, 225, 1);
            --color-segments-advance-700: rgba(0, 36, 111, 1);
            --color-segments-advance-700--opacity-40: rgba(0, 36, 111, 1);
            --color-segments-advance-400: rgba(0, 86, 203, 1);
            --color-segments-preferente-900: rgba(0, 29, 64, 1);
            --color-segments-preferente-400: rgba(1, 54, 118, 1);
            --color-segments-elite-900: rgba(0, 18, 39, 1);
            --color-segments-elite-700: rgba(0, 36, 79, 1);
            --color-pfm-payments-600: rgba(0, 98, 255, 1);
            --color-pfm-payments-400: rgba(51, 129, 255, 1);
            --color-pfm-payments-200: rgba(102, 161, 255, 1);
            --color-pfm-payments-100: rgba(153, 192, 255, 1);
            --color-pfm-advances-600: rgba(252, 175, 30, 1);
            --color-pfm-advances-400: rgba(253, 191, 75, 1);
            --color-pfm-advances-200: rgba(253, 207, 121, 1);
            --color-pfm-advances-100: rgba(254, 223, 165, 1);
            --color-pfm-transfers-600: rgba(126, 203, 64, 1);
            --color-pfm-transfers-400: rgba(152, 213, 102, 1);
            --color-pfm-transfers-200: rgba(178, 224, 140, 1);
            --color-pfm-transfers-100: rgba(203, 234, 178, 1);
            --color-pfm-buys-600: rgba(124, 60, 187, 1);
            --color-pfm-buys-400: rgba(150, 99, 201, 1);
            --color-pfm-buys-200: rgba(176, 138, 214, 1);
            --color-pfm-buys-100: rgba(204, 177, 228, 1)
        }

        :root {
            --gradient-blue-top-900: linear-gradient(0deg, #0056cb 0%, #00246f 100%);
            --gradient-blue-right-900: linear-gradient(90deg, #0056cb 0%, #00246f 100%);
            --gradient-blue-bottom-900: linear-gradient(180deg, #0056cb 0%, #00246f 100%);
            --gradient-blue-left-900: linear-gradient(270deg, #0056cb 0%, #00246f 100%);
            --gradient-blue-top-700: linear-gradient(0deg, #0081ff 0%, #0056cb 100%);
            --gradient-blue-right-700: linear-gradient(90deg, #0081ff 0%, #0056cb 100%);
            --gradient-blue-bottom-700: linear-gradient(180deg, #0081ff 0%, #0056cb 100%);
            --gradient-blue-left-700: linear-gradient(270deg, #0081ff 0%, #0056cb 100%);
            --gradient-navy-top-900: linear-gradient(0deg, #022047 0%, #003585 100%);
            --gradient-navy-right-900: linear-gradient(90deg, #022047 0%, #003585 100%);
            --gradient-navy-bottom-900: linear-gradient(180deg, #022047 0%, #003585 100%);
            --gradient-navy-left-900: linear-gradient(270deg, #022047 0%, #003585 100%);
            --gradient-navy-top-700: linear-gradient(0deg, #6d84bf 0%, #003585 100%);
            --gradient-navy-right-700: linear-gradient(90deg, #6d84bf 0%, #003585 100%);
            --gradient-navy-bottom-700: linear-gradient(180deg, #6d84bf 0%, #003585 100%);
            --gradient-navy-left-700: linear-gradient(270deg, #6d84bf 0%, #003585 100%);
            --gradient-ocher-top-900: linear-gradient(0deg, #dca85e 0%, #7e5a23 100%);
            --gradient-ocher-right-900: linear-gradient(90deg, #dca85e 0%, #7e5a23 100%);
            --gradient-ocher-bottom-900: linear-gradient(180deg, #dca85e 0%, #7e5a23 100%);
            --gradient-ocher-left-900: linear-gradient(270deg, #dca85e 0%, #7e5a23 100%);
            --gradient-ocher-top-400: linear-gradient(0deg, #f8f0e2 0%, #e6c089 100%);
            --gradient-ocher-right-400: linear-gradient(90deg, #f8f0e2 0%, #e6c089 100%);
            --gradient-ocher-bottom-400: linear-gradient(180deg, #f8f0e2 0%, #e6c089 100%);
            --gradient-ocher-left-400: linear-gradient(270deg, #f8f0e2 0%, #e6c089 100%);
            --gradient-amathyst-top-900: linear-gradient(0deg, #9240fe 0%, #4600e9 100%);
            --gradient-amathyst-right-900: linear-gradient(90deg, #9240fe 0%, #4600e9 100%);
            --gradient-amathyst-bottom-900: linear-gradient(180deg, #9240fe 0%, #4600e9 100%);
            --gradient-amathyst-left-900: linear-gradient(270deg, #9240fe 0%, #4600e9 100%);
            --gradient-amathyst-top-400: linear-gradient(0deg, #f2e6ff 0%, #a869ff 100%);
            --gradient-amathyst-right-400: linear-gradient(90deg, #f2e6ff 0%, #a869ff 100%);
            --gradient-amathyst-bottom-400: linear-gradient(180deg, #f2e6ff 0%, #a869ff 100%);
            --gradient-amathyst-left-400: linear-gradient(270deg, #f2e6ff 0%, #a869ff 100%);
            --gradient-success-top-900: linear-gradient(0deg, #00935e 0%, #0b502f 100%);
            --gradient-success-right-900: linear-gradient(90deg, #00935e 0%, #0b502f 100%);
            --gradient-success-bottom-900: linear-gradient(180deg, #00935e 0%, #0b502f 100%);
            --gradient-success-left-900: linear-gradient(270deg, #00935e 0%, #0b502f 100%);
            --gradient-success-top-700: linear-gradient(0deg, #00ca82 0%, #117847 100%);
            --gradient-success-right-700: linear-gradient(90deg, #00ca82 0%, #117847 100%);
            --gradient-success-bottom-700: linear-gradient(180deg, #00ca82 0%, #117847 100%);
            --gradient-success-left-700: linear-gradient(270deg, #00ca82 0%, #117847 100%);
            --gradient-alert-top-900: linear-gradient(0deg, #ffaa31 0%, #b75f0e 100%);
            --gradient-alert-right-900: linear-gradient(90deg, #ffaa31 0%, #b75f0e 100%);
            --gradient-alert-bottom-900: linear-gradient(180deg, #ffaa31 0%, #b75f0e 100%);
            --gradient-alert-left-900: linear-gradient(270deg, #ffaa31 0%, #b75f0e 100%);
            --gradient-alert-top-400: linear-gradient(0deg, #fff3e1 0%, #ffcd84 100%);
            --gradient-alert-right-400: linear-gradient(90deg, #fff3e1 0%, #ffcd84 100%);
            --gradient-alert-bottom-400: linear-gradient(180deg, #fff3e1 0%, #ffcd84 100%);
            --gradient-alert-left-400: linear-gradient(270deg, #fff3e1 0%, #ffcd84 100%);
            --gradient-danger-top-900: linear-gradient(0deg, #981b1f 0%, #981b1f 100%);
            --gradient-danger-right-900: linear-gradient(90deg, #981b1f 0%, #981b1f 100%);
            --gradient-danger-bottom-900: linear-gradient(180deg, #981b1f 0%, #981b1f 100%);
            --gradient-danger-left-900: linear-gradient(270deg, #981b1f 0%, #981b1f 100%);
            --gradient-danger-top-700: linear-gradient(0deg, #e24c4c 0%, #981b1f 100%);
            --gradient-danger-right-700: linear-gradient(90deg, #e24c4c 0%, #981b1f 100%);
            --gradient-danger-bottom-700: linear-gradient(180deg, #e24c4c 0%, #981b1f 100%);
            --gradient-danger-left-700: linear-gradient(270deg, #e24c4c 0%, #981b1f 100%);
            --gradient-danger-top-400: linear-gradient(0deg, #fdeaed 0%, #da6d6e 100%);
            --gradient-danger-right-400: linear-gradient(90deg, #fdeaed 0%, #da6d6e 100%);
            --gradient-danger-bottom-400: linear-gradient(180deg, #fdeaed 0%, #da6d6e 100%);
            --gradient-danger-left-400: linear-gradient(270deg, #fdeaed 0%, #da6d6e 100%);
            --gradient-carbon-darker-top-1000: linear-gradient(0deg, #898d95 0%, #1a1c1f 100%);
            --gradient-carbon-darker-right-1000: linear-gradient(90deg, #898d95 0%, #1a1c1f 100%);
            --gradient-carbon-darker-bottom-1000: linear-gradient(180deg, #898d95 0%, #1a1c1f 100%);
            --gradient-carbon-darker-left-1000: linear-gradient(270deg, #898d95 0%, #1a1c1f 100%);
            --gradient-carbon-lighter-top-200: linear-gradient(0deg, #ffffff 0%, #dfe5f9 100%);
            --gradient-carbon-lighter-right-200: linear-gradient(90deg, #ffffff 0%, #dfe5f9 100%);
            --gradient-carbon-lighter-bottom-200: linear-gradient(180deg, #ffffff 0%, #dfe5f9 100%);
            --gradient-carbon-lighter-left-200: linear-gradient(270deg, #ffffff 0%, #dfe5f9 100%);
            --gradient-product-blue: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #0056cb 0%, #00246f 100%);
            --gradient-product-black: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #53575d 0%, #12151c 100%);
            --gradient-product-digital: linear-gradient(90deg, #012e65 0%, #0063dc 100%), linear-gradient(0deg, #0081ff, #0081ff);
            --gradient-product-classic-latam: linear-gradient(90deg, #12a2da 0%, #4cc4e9 100%), linear-gradient(0deg, #12a2da, #12a2da);
            --gradient-product-gold: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #e7d689 0%, #ada377 100%);
            --gradient-product-gold-free: linear-gradient(90deg, #1d78a9 0%, #5ebee6 100%), linear-gradient(0deg, #1d78a9, #1d78a9);
            --gradient-product-red: linear-gradient(#ffce9d, #d63535);
            --gradient-product-silver: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #f0f0f0 0%, #989898 100%);
            --gradient-product-bronze: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #c1976a 0%, #8d643c 100%);
            --gradient-product-traveler: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #ffce9d 0%, #d63535 100%);
            --gradient-product-infinitive: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #006484 0%, #001c3e 100%);
            --gradient-product-regular: linear-gradient(90deg, #012e65 0%, #0063dc 100%);
            --gradient-product-pets: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #00a0d2 0%, #022847 100%);
            --gradient-product-unicef: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #b5ebfb 0%, #00b9f2 100%);
            --gradient-product-tuplus: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #a2efe1 0%, #07a5b2 100%);
            --gradient-segments-preference: linear-gradient(180deg, #0055cc 0%, #00246f 100%);
            --gradient-segments-preference-plus: linear-gradient(180deg, #163467 0%, #0a1d3d 100%);
            --gradient-segments-selecto: linear-gradient(180deg, #002449 0%, #0055b3 100%);
            --gradient-segments-elite: linear-gradient(180deg, #00244f 0%, #001227 100%);
            --gradient-overlay-blue: linear-gradient(180deg, rgba(0, 53, 133, 0) 0%, #003585 59.72%);
            --gradient-overlay-white: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 60.42%);
            --gradient-segment-preference-active: linear-gradient(180deg, #ffffff 0%, #dfe5f9 100%);
            --gradient-segment-preference-plus-active: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #f0f0f0 0%, #989898 100%);
            --gradient-segment-selecto-active: linear-gradient(180deg, #002449 0%, #0055b3 100%);
            --gradient-segment-selecto-aval-active: linear-gradient(180deg, #ffffff 0%, #dfe5f9 100%);
            --gradient-segment-elite-active: radial-gradient(132.98% 166.25% at 81.54% 7.45%, #c1976a 0%, #8d643c 100%)
        }

        :root {
            --color-bocc-900: var(--color-blue-900);
            --color-bocc-700: var(--color-blue-700);
            --color-bocc-400: var(--color-blue-400);
            --color-bocc-200: var(--color-blue-200);
            --gradient-bocc-top-900: var(--gradient-blue-top-900);
            --gradient-bocc-right-900: var(--gradient-blue-right-900);
            --gradient-bocc-bottom-900: var(--gradient-blue-bottom-900);
            --gradient-bocc-left-900: var(--gradient-blue-left-900);
            --gradient-bocc-top-700: var(--gradient-blue-top-700);
            --gradient-bocc-right-700: var(--gradient-blue-right-700);
            --gradient-bocc-bottom-700: var(--gradient-blue-bottom-700);
            --gradient-bocc-left-700: var(--gradient-blue-left-700)
        }

        :root {
            --spacing-1: 1px;
            --spacing-2: 2px;
            --spacing-3: 3px;
            --spacing-4: 4px;
            --spacing-6: 6px;
            --spacing-8: 8px;
            --spacing-10: 10px;
            --spacing-12: 12px;
            --spacing-13: 13px;
            --spacing-14: 14px;
            --spacing-16: 16px;
            --spacing-18: 18px;
            --spacing-20: 20px;
            --spacing-22: 22px;
            --spacing-24: 24px;
            --spacing-26: 26px;
            --spacing-28: 28px;
            --spacing-30: 30px;
            --spacing-32: 32px;
            --spacing-34: 34px;
            --spacing-35: 35px;
            --spacing-36: 36px;
            --spacing-38: 38px;
            --spacing-40: 40px;
            --spacing-42: 42px;
            --spacing-44: 44px;
            --spacing-46: 46px;
            --spacing-48: 48px;
            --spacing-50: 50px;
            --spacing-52: 52px;
            --spacing-54: 54px;
            --spacing-56: 56px;
            --spacing-58: 58px;
            --spacing-60: 60px;
            --spacing-62: 62px;
            --spacing-64: 64px;
            --spacing-80: 80px;
            --spacing-196: 196px;
            --spacing-form: 20px
        }

        @supports (padding-top: constant(safe-area-inset-top)) {
            :root {
                --spacing-safe-top: constant(safe-area-inset-top);
                --spacing-safe-bottom: constant(safe-area-inset-bottom);
                --spacing-safe-left: constant(safe-area-inset-left);
                --spacing-safe-right: constant(safe-area-inset-right)
            }
        }

        @supports (padding-top: env(safe-area-inset-top)) {
            :root {
                --spacing-safe-top: env(safe-area-inset-top);
                --spacing-safe-bottom: env(safe-area-inset-bottom);
                --spacing-safe-left: env(safe-area-inset-left);
                --spacing-safe-right: env(safe-area-inset-right)
            }
        }

        @media only screen and (max-width: 320px) {
            :root {
                --spacing-form: 16px
            }
        }

        @media only screen and (min-width: 321px) and (max-width: 375px) {
            :root {
                --spacing-form: 18px
            }
        }

        * {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica
        }

        html {
            font-family: Poppins;
            font-family: var(--bocc-font-family, var(--default-font-family));
            -webkit-text-size-adjust: 100%;
            -moz-text-size-adjust: 100%;
            text-size-adjust: 100%
        }

        body {
            position: absolute;
            inset: 0rem;
            margin: 0rem;
            padding: 0rem;
            text-rendering: optimizeLegibility;
            touch-action: manipulation;
            -webkit-user-drag: none;
            -ms-content-zooming: none;
            word-wrap: break-word;
            overscroll-behavior-y: none;
            -webkit-text-size-adjust: none;
            -moz-text-size-adjust: none;
            text-size-adjust: none;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased
        }

        :root {
            --z-index-2: 2;
            --z-index-4: 4;
            --z-index-8: 8;
            --z-index-16: 16;
            --z-index-24: 24;
            --z-index-32: 32;
            --z-bottom-lighter-2: 0px 2px 2px rgba(173, 186, 230, .4);
            --z-bottom-lighter-4: 0px 4px 4px rgba(173, 186, 230, .4);
            --z-bottom-lighter-8: 0px 8px 8px rgba(173, 186, 230, .4);
            --z-bottom-lighter-16: 0px 16px 16px rgba(173, 186, 230, .4);
            --z-bottom-lighter-24: 0px 24px 24px rgba(173, 186, 230, .4);
            --z-bottom-lighter-32: 0px 32px 32px rgba(173, 186, 230, .4);
            --z-top-lighter-2: 0px -2px 2px rgba(173, 186, 230, .4);
            --z-top-lighter-4: 0px -4px 4px rgba(173, 186, 230, .4);
            --z-top-lighter-8: 0px -8px 8px rgba(173, 186, 230, .4);
            --z-top-lighter-16: 0px -16px 16px rgba(173, 186, 230, .4);
            --z-top-lighter-24: 0px -24px 24px rgba(173, 186, 230, .4);
            --z-top-lighter-32: 0px -32px 32px rgba(173, 186, 230, .4);
            --z-right-lighter-2: 2px 0px 2px rgba(173, 186, 230, .4);
            --z-right-lighter-4: 4px 0px 4px rgba(173, 186, 230, .4);
            --z-right-lighter-8: 8px 0px 8px rgba(173, 186, 230, .4);
            --z-right-lighter-16: 16px 0px 16px rgba(173, 186, 230, .4);
            --z-right-lighter-24: 24px 0px 24px rgba(173, 186, 230, .4);
            --z-right-lighter-32: 32px 0px 32px rgba(173, 186, 230, .4);
            --z-left-lighter-2: -2px 0px 2px rgba(173, 186, 230, .4);
            --z-left-lighter-4: -4px 0px 4px rgba(173, 186, 230, .4);
            --z-left-lighter-8: -8px 0px 8px rgba(173, 186, 230, .4);
            --z-left-lighter-16: -16px 0px 16px rgba(173, 186, 230, .4);
            --z-left-lighter-24: -24px 0px 24px rgba(173, 186, 230, .4);
            --z-left-lighter-32: -32px 0px 32px rgba(173, 186, 230, .4);
            --z-center-lighter-2: 4px 4px 4px 0px rgba(173, 186, 230, .4);
            --z-center-lighter-4: 4px 4px 4px 0px rgba(173, 186, 230, .4);
            --z-center-lighter-8: 8px 8px 8px 0px rgba(173, 186, 230, .4);
            --z-center-lighter-16: 16px 16px 16px 0px rgba(173, 186, 230, .4);
            --z-center-lighter-24: 24px 24px 24px 0px rgba(173, 186, 230, .4);
            --z-center-lighter-32: 32px 32px 32px 0px rgba(173, 186, 230, .4);
            --z-bottom-darker-2: 0px 2px 2px rgba(0, 36, 111, .4);
            --z-bottom-darker-4: 0px 4px 4px rgba(0, 36, 111, .4);
            --z-bottom-darker-8: 0px 8px 8px rgba(0, 36, 111, .4);
            --z-bottom-darker-16: 0px 16px 16px rgba(0, 36, 111, .4);
            --z-bottom-darker-24: 0px 24px 24px rgba(0, 36, 111, .4);
            --z-bottom-darker-32: 0px 32px 32px rgba(0, 36, 111, .4);
            --z-top-darker-2: 0px -2px 2px rgba(0, 36, 111, .4);
            --z-top-darker-4: 0px -4px 4px rgba(0, 36, 111, .4);
            --z-top-darker-8: 0px -8px 8px rgba(0, 36, 111, .4);
            --z-top-darker-16: 0px -16px 16px rgba(0, 36, 111, .4);
            --z-top-darker-24: 0px -24px 24px rgba(0, 36, 111, .4);
            --z-top-darker-32: 0px -32px 32px rgba(0, 36, 111, .4);
            --z-right-darker-2: 2px 0px 2px rgba(0, 36, 111, .4);
            --z-right-darker-4: 4px 0px 4px rgba(0, 36, 111, .4);
            --z-right-darker-8: 8px 0px 8px rgba(0, 36, 111, .4);
            --z-right-darker-16: 16px 0px 16px rgba(0, 36, 111, .4);
            --z-right-darker-24: 24px 0px 24px rgba(0, 36, 111, .4);
            --z-right-darker-32: 32px 0px 32px rgba(0, 36, 111, .4);
            --z-left-darker-2: -2px 0px 2px rgba(0, 36, 111, .4);
            --z-left-darker-4: -4px 0px 4px rgba(0, 36, 111, .4);
            --z-left-darker-8: -8px 0px 8px rgba(0, 36, 111, .4);
            --z-left-darker-16: -16px 0px 16px rgba(0, 36, 111, .4);
            --z-left-darker-24: -24px 0px 24px rgba(0, 36, 111, .4);
            --z-left-darker-32: -32px 0px 32px rgba(0, 36, 111, .4);
            --z-center-darker-2: 4px 4px 4px 0px rgba(0, 36, 111, .4);
            --z-center-darker-4: 4px 4px 4px 0px rgba(0, 36, 111, .4);
            --z-center-darker-8: 8px 8px 8px 0px rgba(0, 36, 111, .4);
            --z-center-darker-16: 16px 16px 16px 0px rgba(0, 36, 111, .4);
            --z-center-darker-24: 24px 24px 24px 0px rgba(0, 36, 111, .4);
            --z-center-darker-32: 32px 32px 32px 0px rgba(0, 36, 111, .4)
        }

        :root {
            --standard-curve: cubic-bezier(.4, 0, .2, 1);
            --deceleration-curve: cubic-bezier(0, 0, .2, 1);
            --acceleration-curve: cubic-bezier(.4, 0, 1, 1);
            --sharp-curve: cubic-bezier(.4, 0, .6, 1);
            --bocc-animation-delay: 30ms;
            --bocc-animation-duration: .27s
        }

        :root {
            --border-1: 1px;
            --border-2: 2px;
            --border-4: 4px;
            --border-6: 6px;
            --border-8: 8px;
            --border-12: 12px;
            --border-16: 16px;
            --border-24: 24px;
            --border-32: 32px;
            --border-56: 56px;
            --border-136: 136px
        }

        img {
            border: 0
        }

        :root {
            --overlay-blue-80: rgba(0, 53, 133, .8);
            --overlay-blue-60: rgba(0, 53, 133, .6);
            --overlay-blue-40: rgba(0, 53, 133, .4);
            --overlay-blue-20: rgba(0, 53, 133, .2);
            --overlay-dgrey-80: rgba(85, 97, 111, .8);
            --overlay-dgrey-60: rgba(85, 97, 111, .6);
            --overlay-dgrey-40: rgba(85, 97, 111, .4);
            --overlay-dgrey-20: rgba(85, 97, 111, .2);
            --overlay-lgrey-80: rgba(239, 242, 252, .8);
            --overlay-lgrey-60: rgba(239, 242, 252, .6);
            --overlay-lgrey-40: rgba(239, 242, 252, .4);
            --overlay-lgrey-20: rgba(239, 242, 252, .2);
            --overlay-white-80: rgba(255, 255, 255, .8);
            --overlay-white-60: rgba(255, 255, 255, .6);
            --overlay-white-40: rgba(255, 255, 255, .4);
            --overlay-white-20: rgba(255, 255, 255, .2)
        }

        :root {
            --font-size-html: 16px;
            --font-weight-thin: 100;
            --font-weight-extralight: 200;
            --font-weight-light: 300;
            --font-weight-regular: 400;
            --font-weight-medium: 500;
            --font-weight-semibold: 600;
            --font-weight-bold: 700;
            --font-weight-extrabold: 800;
            --font-weight-black: 900;
            --heading1-size: 32px;
            --heading1-letter-spacing: 0em;
            --heading1-line-height: 48px;
            --heading2-size: 28px;
            --heading2-letter-spacing: .02em;
            --heading2-line-height: 40px;
            --heading3-size: 24px;
            --heading3-letter-spacing: .05em;
            --heading3-line-height: 32px;
            --heading4-size: 22px;
            --heading4-letter-spacing: .05em;
            --heading4-line-height: 24px;
            --heading5-size: 20px;
            --heading5-letter-spacing: .05em;
            --heading5-line-height: 24px;
            --subtitle1-size: 18px;
            --subtitle1-letter-spacing: .03em;
            --subtitle1-line-height: 24px;
            --subtitle2-size: 16px;
            --subtitle2-letter-spacing: .03em;
            --subtitle2-line-height: 24px;
            --body1-size: .95rem;
            --body1-letter-spacing: .03em;
            --body1-line-height: 24px;
            --body2-size: 14px;
            --body2-letter-spacing: .05em;
            --body2-line-height: 20px;
            --smalltext-size: 12px;
            --smalltext-letter-spacing: .07em;
            --smalltext-line-height: 20px;
            --caption-size: 11px;
            --caption-letter-spacing: .07em;
            --caption-line-height: 16px;
            --overline-size: .65rem;
            --overline-letter-spacing: .1em;
            --overline-line-height: 16px
        }

        :root {
            --font-family-icons: "BoccIcons"
        }

        @font-face {
            font-family: BoccIcons;
            src: url(bocc-icons.5d0a3a2c1245a940ffb5.eot?o0rq6w);
            src: url(bocc-icons.5d0a3a2c1245a940ffb5.eot?o0rq6w#iefix) format("embedded-opentype"), url(bocc-icons.c91a8f759083f206b601.ttf?o0rq6w) format("truetype"), url(bocc-icons.660bb3d52d1a90b396ea.woff?o0rq6w) format("woff"), url(bocc-icons.1912f082d18fdf02d9e4.svg?o0rq6w#bocc-icons) format("svg");
            font-weight: 400;
            font-style: normal;
            font-display: block
        }

        @font-face {
            font-family: Poppins;
            src: url(Poppins-Light.e9b88d1590baa248f3e2.woff2) format("woff2");
            font-weight: 300;
            font-style: normal
        }

        @font-face {
            font-family: Poppins;
            src: url(Poppins-Regular.7af2f3475b00a28bde71.woff2) format("woff2");
            font-weight: 400;
            font-style: normal
        }

        @font-face {
            font-family: Poppins;
            src: url(Poppins-Medium.7666a4c81a6c292573a1.woff2) format("woff2");
            font-weight: 500;
            font-style: normal
        }

        @font-face {
            font-family: Poppins;
            src: url(Poppins-SemiBold.a54570378030882f6112.woff2) format("woff2");
            font-weight: 600;
            font-style: normal
        }

        @font-face {
            font-family: Poppins;
            src: url(Poppins-Bold.a697dfc3aed450372919.woff2) format("woff2");
            font-weight: 700;
            font-style: normal
        }

        @font-face {
            font-family: Poppins;
            src: url(Poppins-Black.8bf8adc3fcaddc40394c.woff2) format("woff2");
            font-weight: 800;
            font-style: normal
        }

        html {
            --bocc-font-family: "Poppins"
        }

        :root {
            --font-size-html: 16px;
            --font-weight-thin: 100;
            --font-weight-extralight: 200;
            --font-weight-light: 300;
            --font-weight-regular: 400;
            --font-weight-medium: 500;
            --font-weight-semibold: 600;
            --font-weight-bold: 700;
            --font-weight-extrabold: 800;
            --font-weight-black: 900;
            --heading1-size: 32px;
            --heading1-letter-spacing: 0em;
            --heading1-line-height: 48px;
            --heading2-size: 28px;
            --heading2-letter-spacing: .02em;
            --heading2-line-height: 40px;
            --heading3-size: 24px;
            --heading3-letter-spacing: .05em;
            --heading3-line-height: 32px;
            --heading4-size: 22px;
            --heading4-letter-spacing: .05em;
            --heading4-line-height: 24px;
            --heading5-size: 20px;
            --heading5-letter-spacing: .05em;
            --heading5-line-height: 24px;
            --subtitle1-size: 18px;
            --subtitle1-letter-spacing: .03em;
            --subtitle1-line-height: 24px;
            --subtitle2-size: 16px;
            --subtitle2-letter-spacing: .03em;
            --subtitle2-line-height: 24px;
            --body1-size: .95rem;
            --body1-letter-spacing: .03em;
            --body1-line-height: 24px;
            --body2-size: 14px;
            --body2-letter-spacing: .05em;
            --body2-line-height: 20px;
            --smalltext-size: 12px;
            --smalltext-letter-spacing: .07em;
            --smalltext-line-height: 20px;
            --caption-size: 11px;
            --caption-letter-spacing: .07em;
            --caption-line-height: 16px;
            --overline-size: .65rem;
            --overline-letter-spacing: .1em;
            --overline-line-height: 16px
        }

        :root {
            --blue: #007bff;
            --indigo: #6610f2;
            --purple: #6f42c1;
            --pink: #e83e8c;
            --red: #dc3545;
            --orange: #fd7e14;
            --yellow: #ffc107;
            --green: #28a745;
            --teal: #20c997;
            --cyan: #17a2b8;
            --white: #fff;
            --gray: #6c757d;
            --gray-dark: #343a40;
            --primary: #007bff;
            --secondary: #6c757d;
            --success: #28a745;
            --info: #17a2b8;
            --warning: #ffc107;
            --danger: #dc3545;
            --light: #f8f9fa;
            --dark: #343a40;
            --breakpoint-xs: 0;
            --breakpoint-sm: 576px;
            --breakpoint-md: 768px;
            --breakpoint-lg: 992px;
            --breakpoint-xl: 1200px;
            --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
        }

        *,
        :after,
        :before {
            box-sizing: border-box
        }

        html {
            font-family: sans-serif;
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: transparent
        }

        body {
            margin: 0;
            font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            text-align: left;
            background-color: #fff
        }

        img {
            vertical-align: middle;
            border-style: none
        }

        @media print {

            *,
            :after,
            :before {
                text-shadow: none !important;
                box-shadow: none !important
            }

            img {
                page-break-inside: avoid
            }

            @page {
                size: a3
            }

            body {
                min-width: 992px !important
            }
        }

        @charset "UTF-8";

        :root {
            --vds-primary-900: #0056cb;
            --vds-primary-700-base: #0081ff;
            --vds-primary-400: #56b0ff;
            --vds-primary-100: #e2f1ff;
            --vds-primary-shade-900: #022047;
            --vds-primary-shade-700-base: #00246f;
            --vds-primary-shade-400: #6d84bf;
            --vds-primary-shade-100: #e6e9f4;
            --vds-secondary-900: #7e5a23;
            --vds-secondary-700-base: #dca85e;
            --vds-secondary-400: #e6c089;
            --vds-secondary-100: #f8f0e2;
            --vds-accent-900: #4600e9;
            --vds-accent-700-base: #9240fe;
            --vds-accent-400: #a869ff;
            --vds-accent-100: #f2e6ff;
            --vds-carbon-dark-1000: #1b1c1e;
            --vds-carbon-dark-900: #333;
            --vds-n-darker-700: #898d95;
            --vds-n-darker-600: #cdcdcd;
            --vds-carbon-light-900: #55616f;
            --vds-carbon-light-700: #555f83;
            --vds-n-lighter-300: #adbae6;
            --vds-n-lighter-100: #f3f6fe;
            --vds-neutral-lighter-50: #fff;
            --vds-error-900: #981b1f;
            --vds-error-700-base: #e24c4c;
            --vds-error-400: #da6d6e;
            --vds-error-100: #fdeaed;
            --vds-warning-900: #b75f0e;
            --vds-warning-700-base: #ffaa31;
            --vds-warning-400: #ffcd84;
            --vds-warning-100: #fff3e1;
            --vds-success-900: #117847;
            --vds-success-700-base: #00ca82;
            --vds-success-400: #86e0b7;
            --vds-success-100: #e2f8ed;
            --vds-semantic-info-900: #2e4783;
            --vds-info-700: #3187ff;
            --vds-info-400: #43a5ff;
            --vds-info-100: #e3f2ff;
            --vds-tuplus-200: #a2efe1;
            --vds-tuplus-700: #07a5b2;
            --vds-product-black-400: #53575d;
            --vds-product-black-700: #1a1c1f;
            --vds-product-silver-200: #f0f0f0;
            --vds-product-silver-400: #989898;
            --vds-product-gold-200: #e7d689;
            --vds-product-gold-700: #ada377;
            --vds-product-bronze-200: #c1976a;
            --vds-product-bronze-700: #8d643c;
            --vds-product-regular-400: #0063dc;
            --vds-product-regular-700: #012e65;
            --vds-product-infinitive-400: #3071b7;
            --vds-product-infinitive-700: #0c1b2b;
            --vds-product-traveler-200: #ffce9d;
            --vds-product-traveler-700: #d63535;
            --vds-n-lighter-200: #dfe5f9;
            --vds-product-unicef-200: #b5ebfb;
            --vds-product-unicef-400: #00b9f2;
            --vds-product-mascotas-400: #00a0d2;
            --vds-product-mascotas-700: #022847;
            --vds-preferente-400: #013676;
            --vds-preferente-900: #001d40;
            --vds-elite-400: #00244f;
            --vds-elite-700: #001227
        }

        :root {
            --blue: #007bff;
            --indigo: #6610f2;
            --purple: #6f42c1;
            --pink: #e83e8c;
            --red: #dc3545;
            --orange: #fd7e14;
            --yellow: #ffc107;
            --green: #28a745;
            --teal: #20c997;
            --cyan: #17a2b8;
            --white: #fff;
            --gray: #6c757d;
            --gray-dark: #343a40;
            --primary: #007bff;
            --secondary: #6c757d;
            --success: #28a745;
            --info: #17a2b8;
            --warning: #ffc107;
            --danger: #dc3545;
            --light: #f8f9fa;
            --dark: #343a40;
            --breakpoint-xs: 0;
            --breakpoint-sm: 576px;
            --breakpoint-md: 768px;
            --breakpoint-lg: 992px;
            --breakpoint-xl: 1200px;
            --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
        }

        *,
        *:before,
        *:after {
            box-sizing: border-box
        }

        html {
            font-family: sans-serif;
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        body {
            margin: 0;
            font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            color: #212529;
            text-align: left;
            background-color: #fff
        }

        img {
            vertical-align: middle;
            border-style: none
        }

        @media print {

            *,
            *:before,
            *:after {
                text-shadow: none !important;
                box-shadow: none !important
            }

            img {
                page-break-inside: avoid
            }

            @page {
                size: a3
            }

            body {
                min-width: 992px !important
            }
        }

        @font-face {
            font-family: Poppins;
            src: url(/assets/pbocc/fonts/poppins-family/Poppins-Black.ttf) format("truetype");
            font-style: normal;
            font-weight: 900
        }

        @font-face {
            font-family: Poppins;
            src: url(/assets/pbocc/fonts/poppins-family/Poppins-ExtraBold.ttf) format("truetype");
            font-style: normal;
            font-weight: 800
        }

        @font-face {
            font-family: Poppins;
            src: url(/assets/pbocc/fonts/poppins-family/Poppins-Bold.ttf) format("truetype");
            font-style: normal;
            font-weight: 700
        }

        @font-face {
            font-family: Poppins;
            src: url(/assets/pbocc/fonts/poppins-family/Poppins-SemiBold.ttf) format("truetype");
            font-style: normal;
            font-weight: 600
        }

        @font-face {
            font-family: Poppins;
            src: url(/assets/pbocc/fonts/poppins-family/Poppins-Medium.ttf) format("truetype");
            font-style: normal;
            font-weight: 500
        }

        @font-face {
            font-family: Poppins;
            src: url(/assets/pbocc/fonts/poppins-family/Poppins-Regular.ttf) format("truetype");
            font-style: normal;
            font-weight: 400
        }

        @font-face {
            font-family: Poppins;
            src: url(/assets/pbocc/fonts/poppins-family/Poppins-Light.ttf) format("truetype");
            font-style: normal;
            font-weight: 300
        }

        @font-face {
            font-family: Poppins;
            src: url(/assets/pbocc/fonts/poppins-family/Poppins-ExtraLight.ttf) format("truetype");
            font-style: normal;
            font-weight: 200
        }

        @font-face {
            font-family: Poppins;
            src: url(/assets/pbocc/fonts/poppins-family/Poppins-Thin.ttf) format("truetype");
            font-style: normal;
            font-weight: 100
        }

        body {
            font-family: Poppins, serif;
            -webkit-font-smoothing: antialiased;
            background: #f3f6fe;
            background: var(--vds-n-lighter-100);
            font-weight: 400
        }

        .app-loading .logo {
            width: 100px;
            height: 100px;
            text-align: center;
            background-size: contain;
            position: relative
        }

        .app-loading .logo img {
            margin: auto;
            position: absolute;
            inset: 0
        }
    






    
        .mth-slider {
            position: relative;
            width: 100%;
            max-width: 100%;
            max-height: 100%;
            overflow: hidden;
        }

        .mth-slides {
            position: relative;
            width: 100%;
            height: auto;
            display: flex;
            transition: transform 1s ease-in-out;
        }

        .slide {
            min-width: 100%;
            height: 100%;
            cursor: pointer;
        }

        .slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .mth-prev,
        .mth-next {
            position: absolute;
            top: 55%;
            transform: translateY(-50%);
            border-radius: 100%;
            color: white;
            border: none;
            cursor: pointer;
            z-index: 10;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .mth-prev {
            left: 10px;
        }

        .mth-next {
            right: 10px;
        }

        .mth-paginator {
            position: absolute;
            bottom: 0px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 5px;
        }

        .mth-dot {
            width: 10px;
            height: 10px;
            background: blue;
            border-radius: 50%;
            opacity: 0.5;
            cursor: pointer;
        }

        .mth-dot.active {
            opacity: 1;
        }
    

    
        .he-regular-center {
            font-weight: 400;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: center
        }

        .he-regular-left {
            font-weight: 400;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: left
        }

        .he-regular-right {
            font-weight: 400;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: right
        }

        .he-medium-center {
            font-weight: 500;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: center
        }

        .he-medium-left {
            font-weight: 500;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: left
        }

        .he-medium-right {
            font-weight: 500;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: right
        }

        .he-semibold-center {
            font-weight: 600;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: center
        }

        .he-semibold-left {
            font-weight: 600;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: left
        }

        .he-semibold-right {
            font-weight: 600;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: right
        }

        .he-bold-center {
            font-weight: 700;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: center
        }

        .he-bold-left {
            font-weight: 700;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: left
        }

        .he-bold-right {
            font-weight: 700;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: right
        }

        .h1-regular-center {
            font-weight: 400;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: center
        }

        .h1-regular-left {
            font-weight: 400;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: left
        }

        .h1-regular-right {
            font-weight: 400;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: right
        }

        .h1-medium-center {
            font-weight: 500;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: center
        }

        .h1-medium-left {
            font-weight: 500;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: left
        }

        .h1-medium-right {
            font-weight: 500;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: right
        }

        .h1-semibold-center {
            font-weight: 600;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: center
        }

        .h1-semibold-left {
            font-weight: 600;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: left
        }

        .h1-semibold-right {
            font-weight: 600;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: right
        }

        .h1-bold-center {
            font-weight: 700;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: center
        }

        .h1-bold-left {
            font-weight: 700;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: left
        }

        .h1-bold-right {
            font-weight: 700;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: right
        }

        .h2-regular-center {
            font-weight: 400;
            font-size: 40px;
            line-height: 56px;
            text-align: center
        }

        .h2-regular-left {
            font-weight: 400;
            font-size: 40px;
            line-height: 56px;
            text-align: left
        }

        .h2-regular-right {
            font-weight: 400;
            font-size: 40px;
            line-height: 56px;
            text-align: right
        }

        .h2-medium-center {
            font-weight: 500;
            font-size: 40px;
            line-height: 56px;
            text-align: center
        }

        .h2-medium-left {
            font-weight: 500;
            font-size: 40px;
            line-height: 56px;
            text-align: left
        }

        .h2-medium-right {
            font-weight: 500;
            font-size: 40px;
            line-height: 56px;
            text-align: right
        }

        .h2-semibold-center {
            font-weight: 600;
            font-size: 40px;
            line-height: 56px;
            text-align: center
        }

        .h2-semibold-left {
            font-weight: 600;
            font-size: 40px;
            line-height: 56px;
            text-align: left
        }

        .h2-semibold-right {
            font-weight: 600;
            font-size: 40px;
            line-height: 56px;
            text-align: right
        }

        .h2-bold-center {
            font-weight: 700;
            font-size: 40px;
            line-height: 56px;
            text-align: center
        }

        .h2-bold-left {
            font-weight: 700;
            font-size: 40px;
            line-height: 56px;
            text-align: left
        }

        .h2-bold-right {
            font-weight: 700;
            font-size: 40px;
            line-height: 56px;
            text-align: right
        }

        .h3-regular-center {
            font-weight: 400;
            font-size: 33px;
            line-height: 48px;
            text-align: center
        }

        .h3-regular-left {
            font-weight: 400;
            font-size: 33px;
            line-height: 48px;
            text-align: left
        }

        .h3-regular-right {
            font-weight: 400;
            font-size: 33px;
            line-height: 48px;
            text-align: right
        }

        .h3-medium-center {
            font-weight: 500;
            font-size: 33px;
            line-height: 48px;
            text-align: center
        }

        .h3-medium-left {
            font-weight: 500;
            font-size: 33px;
            line-height: 48px;
            text-align: left
        }

        .h3-medium-right {
            font-weight: 500;
            font-size: 33px;
            line-height: 48px;
            text-align: right
        }

        .h3-semibold-center {
            font-weight: 600;
            font-size: 33px;
            line-height: 48px;
            text-align: center
        }

        .h3-semibold-left {
            font-weight: 600;
            font-size: 33px;
            line-height: 48px;
            text-align: left
        }

        .h3-semibold-right {
            font-weight: 600;
            font-size: 33px;
            line-height: 48px;
            text-align: right
        }

        .h3-bold-center {
            font-weight: 700;
            font-size: 33px;
            line-height: 48px;
            text-align: center
        }

        .h3-bold-left {
            font-weight: 700;
            font-size: 33px;
            line-height: 48px;
            text-align: left
        }

        .h3-bold-right {
            font-weight: 700;
            font-size: 33px;
            line-height: 48px;
            text-align: right
        }

        .h4-regular-center {
            font-weight: 400;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: center
        }

        .h4-regular-left {
            font-weight: 400;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: left
        }

        .h4-regular-right {
            font-weight: 400;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: right
        }

        .h4-medium-center {
            font-weight: 500;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: center
        }

        .h4-medium-left {
            font-weight: 500;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: left
        }

        .h4-medium-right {
            font-weight: 500;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: right
        }

        .h4-semibold-center {
            font-weight: 600;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: center
        }

        .h4-semibold-left {
            font-weight: 600;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: left
        }

        .h4-semibold-right {
            font-weight: 600;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: right
        }

        .h4-bold-center {
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: center
        }

        .h4-bold-left {
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: left
        }

        .h4-bold-right {
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: right
        }

        .h5-regular-center {
            font-weight: 400;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: center
        }

        .h5-regular-left {
            font-weight: 400;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: left
        }

        .h5-regular-right {
            font-weight: 400;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: right
        }

        .h5-medium-center {
            font-weight: 500;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: center
        }

        .h5-medium-left {
            font-weight: 500;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: left
        }

        .h5-medium-right {
            font-weight: 500;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: right
        }

        .h5-semibold-center {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: center
        }

        .h5-semibold-left {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: left
        }

        .h5-semibold-right {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: right
        }

        .h5-bold-center {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: center
        }

        .h5-bold-left {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: left
        }

        .h5-bold-right {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: right
        }

        .s1-regular-center {
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s1-regular-left {
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s1-regular-right {
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s1-medium-center {
            font-weight: 500;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s1-medium-left {
            font-weight: 500;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s1-medium-right {
            font-weight: 500;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s1-semibold-center {
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s1-semibold-left {
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s1-semibold-right {
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s1-bold-center {
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s1-bold-left {
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s1-bold-right {
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s2-regular-center {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s2-regular-left {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s2-regular-right {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s2-medium-center {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s2-medium-left {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s2-medium-right {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s2-semibold-center {
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s2-semibold-left {
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s2-semibold-right {
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s2-bold-center {
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s2-bold-left {
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s2-bold-right {
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .b1-regular-center {
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: center
        }

        .b1-regular-left {
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: left
        }

        .b1-regular-right {
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: right
        }

        .b1-medium-center {
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: center
        }

        .b1-medium-left {
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: left
        }

        .b1-medium-right {
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: right
        }

        .b1-semibold-center {
            font-weight: 600;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: center
        }

        .b1-semibold-left {
            font-weight: 600;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: left
        }

        .b1-semibold-right {
            font-weight: 600;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: right
        }

        .b1-semibold-center {
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: center
        }

        .b1-semibold-left {
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: left
        }

        .b1-semibold-right {
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: right
        }

        .b2-regular-center {
            font-weight: 400;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: center
        }

        .b2-regular-left {
            font-weight: 400;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: left
        }

        .b2-regular-right {
            font-weight: 400;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: right
        }

        .b2-medium-center {
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: center
        }

        .b2-medium-left {
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: left
        }

        .b2-medium-right {
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: right
        }

        .b2-semibold-center {
            font-weight: 600;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: center
        }

        .b2-semibold-left {
            font-weight: 600;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: left
        }

        .b2-semibold-right {
            font-weight: 600;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: right
        }

        .b2-bold-center {
            font-weight: 700;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: center
        }

        .b2-bold-left {
            font-weight: 700;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: left
        }

        .b2-bold-right {
            font-weight: 700;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: right
        }

        .st-regular-center {
            font-weight: 400;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: center
        }

        .st-regular-left {
            font-weight: 400;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: left
        }

        .st-regular-right {
            font-weight: 400;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: right
        }

        .st-medium-center {
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: center
        }

        .st-medium-left {
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: left
        }

        .st-medium-right {
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: right
        }

        .st-semibold-center {
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: center
        }

        .st-semibold-left {
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: left
        }

        .st-semibold-right {
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: right
        }

        .st-bold-center {
            font-weight: 700;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: center
        }

        .st-bold-left {
            font-weight: 700;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: left
        }

        .st-bold-right {
            font-weight: 700;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: right
        }

        .c-regular-center {
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: center
        }

        .c-regular-left {
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: left
        }

        .c-regular-right {
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: right
        }

        .c-medium-center {
            font-weight: 500;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: center
        }

        .c-medium-left {
            font-weight: 500;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: left
        }

        .c-medium-right {
            font-weight: 500;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: right
        }

        .c-semibold-center {
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: center
        }

        .c-semibold-left {
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: left
        }

        .c-semibold-right {
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: right
        }

        .c-bold-center {
            font-weight: 700;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: center
        }

        .c-bold-left {
            font-weight: 700;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: left
        }

        .c-bold-right {
            font-weight: 700;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: right
        }

        .o-regular-center {
            text-transform: uppercase;
            font-weight: 400;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: center
        }

        .o-regular-left {
            text-transform: uppercase;
            font-weight: 400;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: left
        }

        .o-regular-right {
            text-transform: uppercase;
            font-weight: 400;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: right
        }

        .o-medium-center {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: center
        }

        .o-medium-left {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: left
        }

        .o-medium-right {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: right
        }

        .o-semibold-center {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: center
        }

        .o-semibold-left {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: left
        }

        .o-semibold-right {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: right
        }

        .o-bold-center {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: center
        }

        .o-bold-left {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: left
        }

        .o-bold-right {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: right
        }

        body {
            overflow-x: hidden
        }

        .login__buttons {
            display: grid;
            grid-template: 1fr/50% 50%;
            grid-column-gap: .5rem
        }

        .login--forgot {
            text-align: right;
            font-size: 12px;
            font-weight: 500;
            cursor: pointer
        }

        .login .login__identity {
            display: flex;
            gap: 8px
        }

        .login .alert-unregistered {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            align-self: center;
            justify-content: center;
            padding: 16px;
            gap: 8px;
            width: 304px;
            height: 74px;
            background: #E3F2FF;
            border: 1px solid #3187FF;
            border-radius: 8px
        }

        .login .alert-unregistered div {
            color: #555f83
        }

        .login .spacing {
            letter-spacing: .84px !important;
            margin-bottom: 12px
        }

        .login__options .forgot-psw {
            color: #0081ff !important;
            margin-bottom: 22px
        }

        .login__options .forgot-psw:hover {
            color: #0081ff
        }

        .login__options .custom-switch {
            left: 240px
        }

        .login__options .custom-switch .custom-control-input:checked~.custom-control-label:after {
            transform: translate(20px) !important
        }

        .login__options .custom-switch .custom-control-label:after {
            left: 3px !important;
            top: 0 !important;
            width: 20px !important;
            height: 20px !important;
            border-radius: 10px !important;
            background-color: var(--vds-n-lighter-200) !important;
            cursor: pointer
        }

        .login__options .custom-control-label:before {
            height: 26px !important;
            width: 46px !important;
            border-radius: 13px !important;
            left: 0 !important;
            top: -3px !important;
            border: var(--vds-n-lighter-200) solid 1px !important;
            cursor: pointer
        }

        .login__options .custom-control-input:checked~.custom-control-label:after {
            background-color: var(--vds-primary-700-base) !important
        }

        .login__options .custom-control-input:checked~.custom-control-label:before {
            background-color: var(--vds-neutral-lighter-50) !important
        }

        .browser-support#browser-support-modal .bocc-modal-body {
            width: 401px
        }

        .browser-support#browser-support-modal .bocc-modal-body .bocc-modal-header {
            border-bottom: none
        }

        .browser-support#browser-support-modal .bocc-modal-body .bocc-modal-header h2 {
            width: 100%
        }

        .browser-support#browser-support-modal .bocc-modal-body .bocc-modal-header .close {
            right: 5px;
            top: 0
        }

        .browser-support#browser-support-modal .bocc-modal-body .bocc-modal-content {
            text-align: center;
            color: var(--vds-carbon-light-700)
        }

        .browser-support#browser-support-modal .bocc-modal-body .bocc-modal-content .login-footer_browsers-info {
            display: flex;
            justify-content: center
        }

        .browser-support#browser-support-modal .bocc-modal-body .bocc-modal-footer {
            border-top: none
        }

        .browser-support#error-modal {
            text-align: center;
            color: var(--vds-carbon-light-700)
        }

        @media (min-width: 768px) {
            .browser-support#error-modal .bocc-modal .bocc-modal-body {
                width: 454px;
                margin: 10% auto
            }

            .browser-support#error-modal .bocc-modal .bocc-modal-body .bocc-modal-content {
                padding: 25px
            }
        }

        .browser-support#error-modal h1 {
            font-size: 2em;
            font-weight: 700;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.11;
            letter-spacing: normal;
            text-align: center;
            color: var(--vds-primary-shade-900)
        }

        .browser-support#error-modal ol.list-tips {
            text-align: left;
            font-weight: 400;
            list-style: none;
            counter-reset: li;
            padding-inline-start: 0
        }

        .browser-support#error-modal ol.list-tips hr.line {
            color: var(--vds-carbon-light-700);
            line-height: 1em
        }

        .browser-support#error-modal ol.list-tips li {
            counter-increment: li;
            padding-bottom: 10px;
            padding-top: 10px;
            position: relative
        }

        .browser-support#error-modal ol.list-tips li:before {
            font-weight: 700;
            content: counter(li) ". ";
            color: var(--vds-primary-shade-900);
            display: contents;
            width: 1em;
            margin-right: 1em
        }

        .browser-support#error-modal ol.list-tips li:after {
            content: "..........................................................................................................................................................................................................................................................................................................................................................................................................................................";
            position: absolute;
            letter-spacing: 4px;
            bottom: -2px;
            overflow: hidden;
            right: 0;
            left: 0;
            height: 1em;
            line-height: 1
        }

        .browser-support#error-modal .callNumber {
            display: flex
        }

        .browser-support#error-modal .callNumber .label {
            padding-right: 10px;
            margin-right: 10px;
            border-right: 1px solid var(--vds-n-lighter-200);
            flex: .5;
            text-align: left;
            line-height: 1
        }

        .browser-support#error-modal .callNumber .label small {
            font-size: .85em
        }

        .browser-support#error-modal .callNumber .number {
            flex: 1;
            line-height: 2.5em;
            color: var(--vds-primary-shade-900);
            font-weight: 700;
            letter-spacing: normal;
            text-align: left
        }

        .browser-support#error-modal .bocc-button {
            display: flex;
            justify-content: center
        }

        @media (min-width: 768px) {
            .browser-support#error-modal .callNumber {
                padding: 0;
                display: inline-flex
            }

            .browser-support#error-modal .callNumber .label {
                flex: .4;
                font-size: .85em;
                padding: 3% 9px 0 0
            }

            .browser-support#error-modal .callNumber:last-of-type {
                padding-left: 20px
            }
        }

        .browser-support#modal-2fa .verification-info {
            font-size: 1em;
            color: var(--vds-carbon-light-700)
        }

        .browser-support#modal-2fa .verification-info h4 {
            font-weight: 700;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.43;
            letter-spacing: normal;
            color: var(--vds-primary-shade-900)
        }

        .browser-support#modal-2fa .verification-info .verification-code {
            text-align: center
        }

        .browser-support#modal-2fa .verification-info .verification-code .code {
            font-size: 2em;
            font-weight: 900;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: 12px;
            color: var(--vds-primary-shade-900);
            margin-bottom: 30px
        }

        .browser-support#modal-2fa .verification-info .verification-actions {
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center
        }

        .browser-support#modal-2fa .verification-info .verification-actions a {
            margin-bottom: 20px
        }

        .container-recaptcha {
            transform: scale(.9);
            transform-origin: 10rem
        }

        @media (max-width: 576px) {
            .login__buttons {
                display: flex;
                flex-direction: column-reverse;
                gap: .5rem
            }
        }

        @media (min-width: 992px) {
            .login__options {
                flex-direction: row
            }

            .login__options .form-check-inline {
                width: 50%
            }

            .browser-support#modal-2fa .bocc-modal.modal-2fa .bocc-modal-body {
                width: 465px !important
            }
        }
    
    
        .he-regular-center {
            font-weight: 400;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: center
        }

        .he-regular-left {
            font-weight: 400;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: left
        }

        .he-regular-right {
            font-weight: 400;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: right
        }

        .he-medium-center {
            font-weight: 500;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: center
        }

        .he-medium-left {
            font-weight: 500;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: left
        }

        .he-medium-right {
            font-weight: 500;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: right
        }

        .he-semibold-center {
            font-weight: 600;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: center
        }

        .he-semibold-left {
            font-weight: 600;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: left
        }

        .he-semibold-right {
            font-weight: 600;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: right
        }

        .he-bold-center {
            font-weight: 700;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: center
        }

        .box-arrow {
  transition: transform 0.3s ease;
}

.box-arrow.open {
  transform: rotate(180deg);
}

        .he-bold-left {
            font-weight: 700;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: left
        }

        .he-bold-right {
            font-weight: 700;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: right
        }

        .h1-regular-center {
            font-weight: 400;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: center
        }

        .h1-regular-left {
            font-weight: 400;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: left
        }

        .h1-regular-right {
            font-weight: 400;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: right
        }

        .h1-medium-center {
            font-weight: 500;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: center
        }

        .h1-medium-left {
            font-weight: 500;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: left
        }

        .h1-medium-right {
            font-weight: 500;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: right
        }

        .h1-semibold-center {
            font-weight: 600;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: center
        }

        .h1-semibold-left {
            font-weight: 600;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: left
        }

        .h1-semibold-right {
            font-weight: 600;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: right
        }

        .h1-bold-center {
            font-weight: 700;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: center
        }

        .h1-bold-left {
            font-weight: 700;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: left
        }

        .h1-bold-right {
            font-weight: 700;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: right
        }

        .h2-regular-center {
            font-weight: 400;
            font-size: 40px;
            line-height: 56px;
            text-align: center
        }

        .h2-regular-left {
            font-weight: 400;
            font-size: 40px;
            line-height: 56px;
            text-align: left
        }

        .h2-regular-right {
            font-weight: 400;
            font-size: 40px;
            line-height: 56px;
            text-align: right
        }

        .h2-medium-center {
            font-weight: 500;
            font-size: 40px;
            line-height: 56px;
            text-align: center
        }

        .h2-medium-left {
            font-weight: 500;
            font-size: 40px;
            line-height: 56px;
            text-align: left
        }

        .h2-medium-right {
            font-weight: 500;
            font-size: 40px;
            line-height: 56px;
            text-align: right
        }

        .h2-semibold-center {
            font-weight: 600;
            font-size: 40px;
            line-height: 56px;
            text-align: center
        }

        .h2-semibold-left {
            font-weight: 600;
            font-size: 40px;
            line-height: 56px;
            text-align: left
        }

        .h2-semibold-right {
            font-weight: 600;
            font-size: 40px;
            line-height: 56px;
            text-align: right
        }

        .h2-bold-center {
            font-weight: 700;
            font-size: 40px;
            line-height: 56px;
            text-align: center
        }

        .h2-bold-left {
            font-weight: 700;
            font-size: 40px;
            line-height: 56px;
            text-align: left
        }

        .h2-bold-right {
            font-weight: 700;
            font-size: 40px;
            line-height: 56px;
            text-align: right
        }

        .h3-regular-center {
            font-weight: 400;
            font-size: 33px;
            line-height: 48px;
            text-align: center
        }

        .h3-regular-left {
            font-weight: 400;
            font-size: 33px;
            line-height: 48px;
            text-align: left
        }

        .h3-regular-right {
            font-weight: 400;
            font-size: 33px;
            line-height: 48px;
            text-align: right
        }

        .h3-medium-center {
            font-weight: 500;
            font-size: 33px;
            line-height: 48px;
            text-align: center
        }

        .h3-medium-left {
            font-weight: 500;
            font-size: 33px;
            line-height: 48px;
            text-align: left
        }

        .h3-medium-right {
            font-weight: 500;
            font-size: 33px;
            line-height: 48px;
            text-align: right
        }

        .h3-semibold-center {
            font-weight: 600;
            font-size: 33px;
            line-height: 48px;
            text-align: center
        }

        .h3-semibold-left {
            font-weight: 600;
            font-size: 33px;
            line-height: 48px;
            text-align: left
        }

        .h3-semibold-right {
            font-weight: 600;
            font-size: 33px;
            line-height: 48px;
            text-align: right
        }

        .h3-bold-center {
            font-weight: 700;
            font-size: 33px;
            line-height: 48px;
            text-align: center
        }

        .h3-bold-left {
            font-weight: 700;
            font-size: 33px;
            line-height: 48px;
            text-align: left
        }

        .h3-bold-right {
            font-weight: 700;
            font-size: 33px;
            line-height: 48px;
            text-align: right
        }

        .h4-regular-center {
            font-weight: 400;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: center
        }

        .h4-regular-left {
            font-weight: 400;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: left
        }

        .h4-regular-right {
            font-weight: 400;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: right
        }

        .h4-medium-center {
            font-weight: 500;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: center
        }

        .h4-medium-left {
            font-weight: 500;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: left
        }

        .h4-medium-right {
            font-weight: 500;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: right
        }

        .h4-semibold-center {
            font-weight: 600;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: center
        }

        .h4-semibold-left {
            font-weight: 600;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: left
        }

        .h4-semibold-right {
            font-weight: 600;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: right
        }

        .h4-bold-center {
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: center
        }

        .h4-bold-left {
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: left
        }

        .h4-bold-right {
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: right
        }

        .h5-regular-center {
            font-weight: 400;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: center
        }

        .h5-regular-left {
            font-weight: 400;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: left
        }

        .h5-regular-right {
            font-weight: 400;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: right
        }

        .h5-medium-center {
            font-weight: 500;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: center
        }

        .h5-medium-left {
            font-weight: 500;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: left
        }

        .h5-medium-right {
            font-weight: 500;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: right
        }

        .h5-semibold-center {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: center
        }

        .h5-semibold-left {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: left
        }

        .h5-semibold-right {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: right
        }

        .h5-bold-center {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: center
        }

        .h5-bold-left {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: left
        }

        .h5-bold-right {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: right
        }

        .s1-regular-center {
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s1-regular-left {
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s1-regular-right {
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s1-medium-center {
            font-weight: 500;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s1-medium-left {
            font-weight: 500;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s1-medium-right {
            font-weight: 500;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s1-semibold-center {
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s1-semibold-left {
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s1-semibold-right {
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s1-bold-center {
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s1-bold-left {
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s1-bold-right {
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s2-regular-center {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s2-regular-left {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s2-regular-right {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s2-medium-center {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s2-medium-left {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s2-medium-right {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s2-semibold-center {
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s2-semibold-left {
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s2-semibold-right {
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s2-bold-center {
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s2-bold-left {
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s2-bold-right {
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .b1-regular-center {
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: center
        }

        .b1-regular-left {
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: left
        }

        .b1-regular-right {
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: right
        }

        .b1-medium-center {
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: center
        }

        .b1-medium-left {
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: left
        }

        .b1-medium-right {
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: right
        }

        .b1-semibold-center {
            font-weight: 600;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: center
        }

        .b1-semibold-left {
            font-weight: 600;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: left
        }

        .b1-semibold-right {
            font-weight: 600;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: right
        }

        .b1-semibold-center {
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: center
        }

        .b1-semibold-left {
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: left
        }

        .b1-semibold-right {
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: right
        }

        .b2-regular-center {
            font-weight: 400;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: center
        }

        .b2-regular-left {
            font-weight: 400;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: left
        }

        .b2-regular-right {
            font-weight: 400;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: right
        }

        .b2-medium-center {
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: center
        }

        .b2-medium-left {
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: left
        }

        .b2-medium-right {
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: right
        }

        .b2-semibold-center {
            font-weight: 600;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: center
        }

        .b2-semibold-left {
            font-weight: 600;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: left
        }

        .b2-semibold-right {
            font-weight: 600;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: right
        }

        .b2-bold-center {
            font-weight: 700;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: center
        }

        .b2-bold-left {
            font-weight: 700;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: left
        }

        .b2-bold-right {
            font-weight: 700;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: right
        }

        .st-regular-center {
            font-weight: 400;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: center
        }

        .st-regular-left {
            font-weight: 400;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: left
        }

        .st-regular-right {
            font-weight: 400;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: right
        }

        .st-medium-center {
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: center
        }

        .st-medium-left {
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: left
        }

        .st-medium-right {
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: right
        }

        .st-semibold-center {
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: center
        }

        .st-semibold-left {
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: left
        }

        .st-semibold-right {
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: right
        }

        .st-bold-center {
            font-weight: 700;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: center
        }

        .st-bold-left {
            font-weight: 700;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: left
        }

        .st-bold-right {
            font-weight: 700;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: right
        }

        .c-regular-center {
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: center
        }

        .c-regular-left {
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: left
        }

        .c-regular-right {
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: right
        }

        .c-medium-center {
            font-weight: 500;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: center
        }

        .c-medium-left {
            font-weight: 500;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: left
        }

        .c-medium-right {
            font-weight: 500;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: right
        }

        .c-semibold-center {
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: center
        }

        .c-semibold-left {
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: left
        }

        .c-semibold-right {
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: right
        }

        .c-bold-center {
            font-weight: 700;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: center
        }

        .c-bold-left {
            font-weight: 700;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: left
        }

        .c-bold-right {
            font-weight: 700;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: right
        }

        .o-regular-center {
            text-transform: uppercase;
            font-weight: 400;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: center
        }

        .o-regular-left {
            text-transform: uppercase;
            font-weight: 400;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: left
        }

        .o-regular-right {
            text-transform: uppercase;
            font-weight: 400;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: right
        }

        .o-medium-center {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: center
        }

        .o-medium-left {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: left
        }

        .o-medium-right {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: right
        }

        .o-semibold-center {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: center
        }

        .o-semibold-left {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: left
        }

        .o-semibold-right {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: right
        }

        .o-bold-center {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: center
        }

        .o-bold-left {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: left
        }

        .o-bold-right {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: right
        }

        .initial-container {
            background: no-repeat url(back-login.87ca483d1db8c1bdeaf4.jpg);
            background-size: cover !important;
            position: relative;
            z-index: 101;
            height: 100%;
            display: flex;
            min-height: 47rem
        }

        .initial-container:before {
            content: "";
            inset: 0;
            position: absolute;
            z-index: -1;
            background-image: linear-gradient(180deg, transparent 40%, white 90%)
        }

        .initial-container__marketing {
            width: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: flex-start;
            height: 100%;
            position: absolute;
            margin: 0
        }

        .initial-container__marketing-group {
            position: absolute;
            transform: translateY(-50%);
            left: -1rem;
            top: 41%;
            width: 15rem;
            z-index: -1
        }

        .initial-container__marketing-text {
            display: none;
            margin: 0 0 4rem 6rem;
            max-width: 35rem;
            width: 100%;
            letter-spacing: normal;
            font-stretch: normal;
            font-style: normal;
            color: var(--vds-primary-shade-900)
        }

        .initial-container__marketing-text h1 {
            font-size: 4.5rem;
            font-weight: 700;
            line-height: 1;
            font-family: Gelion
        }

        .initial-container__marketing-text h2 {
            font-size: 2.5rem;
            font-weight: 300;
            font-family: Gelion;
            line-height: 1.15;
            max-width: 21rem
        }

        .initial-container__marketing-text h4 {
            border-bottom: .188rem solid var(--vds-primary-700-base);
            width: -moz-fit-content;
            width: fit-content;
            position: relative
        }

        .initial-container__marketing-text h4 span {
            font-weight: 700
        }

        .initial-container__marketing-text h4:after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            left: -1.429rem;
            top: .214rem;
            border-left: .571rem solid var(--vds-primary-700-base);
            border-top: .429rem solid transparent;
            border-bottom: .429rem solid transparent
        }

        .initial-container__footer {
            position: absolute;
            bottom: 0;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            z-index: -1;
            width: 100%;
            padding: 1rem 1rem 1rem .214rem
        }

        .initial-container__footer .version-container {
            display: flex
        }

        .initial-container__footer .version-container .version {
            display: flex;
            margin-right: 5px;
            align-items: flex-end;
            font-size: 14px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: normal;
            color: var(--vds-carbon-light-700)
        }

        .initial-container__footer .logo-aval img {
            height: 24px
        }

        .initial-container__form {
            display: flex;
            height: 100%;
            flex-direction: column;
            justify-content: center;
            margin-right: 0;
            align-items: center;
            width: 100%;
            position: relative;
            z-index: 1
        }

        .initial-container__form .title {
            margin-top: 24px
        }

        .initial-container__form .title h2 {
            color: #0081ff !important
        }

        .initial-container__form .title h3 {
            color: #1b1c1e !important
        }

        .initial-container__form .buttons-login {
            display: flex;
            margin-top: 30px;
            justify-content: space-evenly;
            z-index: 1
        }

        .initial-container__form .buttons-login .button__selected {
            cursor: pointer
        }

        .initial-container__form .buttons-login .button__selected .label {
            color: #1b1c1e
        }

        .initial-container__form .buttons-login .button__selected .trapeze {
            width: 174px;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
            border-bottom: 4px solid #0081FF
        }

        .initial-container__form .buttons-login .button__unselected {
            cursor: pointer
        }

        .initial-container__form .buttons-login .button__unselected .label {
            color: #adbae6
        }

        .initial-container__form .buttons-login .button__unselected .trapeze {
            width: 174px;
            border-right: 8px solid transparent;
            border-left: 8px solid transparent;
            border-bottom: 4px solid transparent
        }

        .initial-container .divider {
            border-top: 1px solid #DFE5F9;
            z-index: 0;
            position: relative;
            top: -.1px;
            margin-bottom: 30px
        }

        .initial-container__section {
            background-color: var(--vds-neutral-lighter-50);
            box-shadow: 0 0 .429rem #3333;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 47rem;
            max-height: 100%;
            height: 100%;
            min-width: 100%;
            width: 100%;
            border-radius: 0
        }

        .initial-container__content-security-info {
            display: flex;
            width: 100%;
            justify-content: flex-end
        }

        .initial-container__security-info {
            border-radius: 32px;
            border: solid 1px #ADBAE6;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .initial-container__security-info a {
            align-items: center;
            display: flex;
            width: 100%
        }

        .initial-container__security-info span {
            color: #555f83;
            margin: 4px 12px 2px 8px
        }

        .initial-container__security-info__icon {
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .initial-container__security-info__icon em {
            font-size: 20px;
            margin-left: 4px;
            color: #00ca82
        }

        .initial-container__content-form {
            margin-top: -10%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%;
            max-width: 26.5rem;
            padding: 0 8px;
            transform: translateY(-20px)
        }

        .initial-container__text {
            color: var(--vds-carbon-light-700);
            font-size: 1rem;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.14;
            text-align: center
        }

        .initial-container__label {
            color: var(--vds-carbon-light-700);
            margin-bottom: .214rem
        }

        .initial-container__tab-content {
            height: 85%;
            max-height: 35rem;
            align-self: center
        }

        .initial-container__tab-content h2 {
            color: var(--vds-carbon-dark-1000);
            margin-bottom: 8px
        }

        .initial-container__tab-content p {
            color: var(--vds-carbon-light-700)
        }

        .initial-container__tab-content form {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            max-height: 33rem;
            position: relative;
            z-index: 100
        }

        .initial-container__tab-content form input {
            width: auto
        }

        .initial-container__tab-content form input:not([type=checkbox]) {
            width: 100%
        }

        .initial-container__tab-content form .form-group {
            min-height: 2.143rem
        }

        .initial-container__tab-content form .alert {
            top: .714rem
        }

        .initial-container__tab-content form .password>div {
            position: relative
        }

        .initial-container__tab-content form .password>div label {
            color: var(--vds-n-lighter-200);
            cursor: pointer;
            bottom: 0;
            height: 2.143rem;
            left: auto;
            margin: auto;
            position: absolute;
            right: .714rem;
            top: .071rem;
            width: 1.429rem
        }

        .initial-container__tab-content form .password>div label.caps {
            color: var(--vds-primary-700-base);
            right: 2.5rem
        }

        .initial-container__tab-content form label {
            color: var(--vds-carbon-light-700)
        }

        .initial-container__tab-content form button {
            margin-right: .571rem
        }

        .initial-container__tab-content form button:last-of-type {
            margin-right: 0
        }

        .initial-container__tab-content.shake {
            animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
            transform: translateZ(0);
            backface-visibility: hidden;
            perspective: 71.429rem
        }

        .initial-container__info-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

        .initial-container__actions-content {
            align-items: flex-end;
            display: flex;
            justify-content: center;
            margin-top: 24px
        }

        .initial-container__logo {
            width: 100%;
            background-image: url(logo-03-occidente-01-occidente-01-regular.aa547ca6b936469689ea.svg);
            background-size: auto 2.857rem;
            height: 6%;
            background-position: top;
            background-repeat: no-repeat;
            min-height: 3rem
        }

        .initial-container__form-footer {
            font-size: .85em;
            text-align: center;
            border-top: .071rem solid var(--vds-n-lighter-200);
            display: flex;
            flex-direction: column;
            align-items: center;
            border-radius: 0 0 .714rem .714rem;
            position: absolute;
            width: 100%;
            height: auto;
            z-index: 101;
            background: white;
            justify-content: flex-end;
            bottom: 16px
        }

        .initial-container__form-footer .close-content {
            display: flex;
            justify-content: flex-end;
            width: 100%
        }

        .initial-container__form-footer .close-content img {
            width: 1.8rem;
            height: 1.8rem;
            position: relative;
            left: 0;
            cursor: pointer;
            color: var(--vds-carbon-light-900)
        }

        .initial-container__form-footer .text-content {
            display: flex;
            justify-content: center
        }

        .initial-container__form-footer .text-content p {
            max-width: 27.929rem;
            color: var(--vds-carbon-light-700);
            font-size: .85rem;
            line-height: 1.5rem
        }

        .initial-container__form-footer .icons-container {
            display: flex;
            max-width: 27.929rem;
            width: 100%;
            justify-content: space-around
        }

        .initial-container__form-footer .icons-container .browser-info {
            display: flex;
            align-items: center
        }

        .initial-container__form-footer .icons-container .browser-info img {
            width: 1.429rem
        }

        .initial-container__form-footer .icons-container .browser-info .browser-text-info {
            display: flex;
            flex-direction: column
        }

        .initial-container__form-footer .icons-container .browser-info .browser-text-info .browser-name {
            display: none;
            color: var(--vds-carbon-light-700);
            line-height: normal
        }

        .initial-container__form-footer .icons-container .browser-info .browser-text-info .browser-v {
            color: var(--vds-carbon-light-700);
            line-height: normal
        }

        .initial-container__form-footer .icons-container .browser-info.chrome:before {
            content: none
        }

        .initial-container__cookies-alert-content {
            transition: transform 2s;
            top: -9rem;
            position: fixed;
            z-index: 200;
            display: flex;
            justify-content: center;
            width: 100%
        }

        .initial-container__cookies-alert-content--show {
            transform: translateY(9rem)
        }

        .initial-container__cookies-alert {
            position: relative;
            color: var(--vds-neutral-lighter-50);
            right: 0;
            z-index: 20;
            margin: 0;
            background-color: var(--vds-primary-shade-900);
            font-stretch: normal;
            font-style: normal;
            left: 0;
            padding-bottom: 3.571rem;
            padding-right: 8px;
            width: 100%;
            border-radius: 0 0 .5rem .5rem
        }

        .initial-container__cookies-alert>span {
            font-weight: 700
        }

        .initial-container__cookies-alert .bocc-button {
            height: 1.857rem;
            inset: auto 8px 8px auto;
            margin: auto;
            position: absolute
        }

        .initial-container__cookies-alert .bocc-button button {
            background-image: none;
            background-color: transparent;
            border: 1px solid var(--vds-neutral-lighter-50);
            border-radius: .286rem;
            font-size: .85em;
            height: 1.857rem;
            padding: 0 .714rem;
            min-width: 5rem
        }

        .initial-container__cookies-alert .bocc-button button:hover {
            box-shadow: none;
            background: var(--vds-primary-shade-700-base)
        }

        .initial-container__loading {
            width: 18.857rem;
            height: 7.357rem;
            border-radius: .286rem;
            box-shadow: 0 .357rem .571rem #0000001a;
            border: solid .071rem var(--vds-n-lighter-200);
            background-color: var(--vds-neutral-lighter-50);
            position: absolute;
            inset: 0;
            margin: auto;
            padding: 1.071rem;
            display: flex;
            flex-direction: column;
            text-align: center;
            z-index: 101
        }

        .initial-container__loading__spinner {
            position: absolute;
            width: 6.071rem;
            height: 6.071rem;
            border-radius: .286rem;
            top: -3.571rem;
            right: 0;
            left: 0;
            margin: auto
        }

        .initial-container__loading h2 {
            margin-top: 1.571rem !important
        }

        .initial-container__loading p {
            color: var(--vds-carbon-light-700)
        }

        .initial-container__numbers {
            color: var(--vds-carbon-light-700)
        }

        @media (min-width: 1442px) {
            .initial-container__marketing-text {
                max-width: 43rem
            }

            .initial-container__form {
                width: auto !important;
                width: initial !important
            }

            .initial-container__section {
                min-width: 38.357rem !important
            }

            .initial-container__cookies-alert-content {
                width: 58% !important
            }
        }

        @media (min-width: 992px) {
            .initial-container__tab-content form {
                max-height: 35rem
            }

            .initial-container__actions-content {
                margin-top: 32px
            }

            .initial-container__tab-content h2 {
                margin-bottom: 32px
            }

            .initial-container__form-footer .text-content p {
                font-size: 1rem;
                line-height: 1.571rem
            }

            .initial-container__footer {
                z-index: 1;
                padding: 0;
                padding-left: 0 !important
            }

            .initial-container__marketing {
                margin: 0 2rem 0 1rem;
                position: relative
            }

            .initial-container__marketing-text {
                display: inline;
                display: initial
            }

            .initial-container__form {
                align-items: flex-end;
                margin-right: 8px;
                width: 50%
            }

            .initial-container__section {
                height: 98% !important;
                width: 100% !important
            }

            .initial-container__cookies-alert-content {
                display: inline;
                display: initial;
                width: 47%
            }

            .initial-container__cookies-alert {
                left: 1.786rem;
                width: 100% !important
            }
        }

        @media (min-width: 576px) {
            .initial-container__content-form {
                padding: 0
            }

            .initial-container__footer {
                padding-left: 1rem
            }

            .initial-container__section {
                border-radius: .714rem;
                max-height: 68.214rem;
                min-width: 35rem;
                max-width: 38.357rem;
                height: 80%;
                width: 80%
            }

            .initial-container__form-footer .browser-name {
                display: inline !important;
                display: initial !important
            }

            .initial-container__cookies-alert-content {
                top: -4.571rem
            }

            .initial-container__cookies-alert-content--show {
                transform: translateY(5.357rem)
            }

            .initial-container__cookies-alert {
                padding-right: 6.571rem;
                padding-bottom: 8px;
                width: 80%;
                border-radius: .429rem
            }

            .initial-container__cookies-alert .bocc-button {
                bottom: 0;
                right: .857rem;
                top: 0
            }
        }

        @media (max-height: 56.214rem) {
            .initial-container__marketing-group {
                width: 35%;
                max-width: 11rem
            }
        }

        @keyframes shake {

            10%,
            90% {
                transform: translate3d(-.071rem, 0, 0)
            }

            20%,
            80% {
                transform: translate3d(.143rem, 0, 0)
            }

            30%,
            50%,
            70% {
                transform: translate3d(-.286rem, 0, 0)
            }

            40%,
            60% {
                transform: translate3d(.286rem, 0, 0)
            }
        }
    
    
        .bocc-modal-container {
            display: none
        }

        .bocc-modal-container .bocc-modal {
            position: fixed;
            inset: 0;
            z-index: 1000;
            overflow: auto
        }

        .bocc-modal-container .bocc-modal .bocc-modal-body {
            background: var(--vds-neutral-lighter-50);
            border: 1px solid var(--vds-n-lighter-200);
            border-radius: 16px;
            box-shadow: 0 30px 30px #0000001a;
            margin: 10% 12px;
            inset: 0
        }

        .bocc-modal-container .bocc-modal .bocc-modal-body .bocc-modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid var(--vds-n-lighter-200);
            position: relative
        }

        .bocc-modal-container .bocc-modal .bocc-modal-body .bocc-modal-header .close {
            position: absolute;
            top: 15px;
            right: 10px;
            font-size: 12px
        }

        .bocc-modal-container .bocc-modal .bocc-modal-body .bocc-modal-header .bocc-title {
            font-weight: 700;
            line-height: .77;
            letter-spacing: normal;
            color: var(--vds-primary-shade-900)
        }

        .bocc-modal-container .bocc-modal .bocc-modal-body .bocc-modal-content {
            display: flex;
            flex-direction: column
        }

        .bocc-modal-container .bocc-modal .bocc-modal-body .bocc-modal-footer {
            display: flex;
            justify-content: flex-end;
            align-content: space-between;
            border-radius: 16px;
            border-top: 1px solid var(--vds-n-lighter-200)
        }

        .bocc-modal-container .bocc-modal .bocc-modal-body .bocc-modal-footer .bocc-button .btn {
            min-width: 60px
        }

        .bocc-modal-container .bocc-modal-background {
            position: fixed;
            inset: 0;
            background-color: #003585cc;
            z-index: 900
        }

        .bocc-modal-container.resume-modal .bocc-modal .bocc-modal-header .close,
        .bocc-modal-container.resume-modal .bocc-modal .bocc-modal-footer {
            display: none
        }

        .bocc-modal-container.resume-modal .bocc-modal .bocc-modal-body {
            margin: auto;
            width: 90%;
            position: absolute;
            height: 211px
        }

        .bocc-modal-container.resume-modal .bocc-modal .bocc-modal-body .bocc-modal-content .app-resume {
            padding: 0;
            min-width: 100%;
            position: relative
        }

        .bocc-modal-container.onboarding-modal .bocc-modal .bocc-modal-body {
            width: 420px
        }

        .bocc-modal-container.onboarding-modal .bocc-modal .bocc-modal-body-large {
            width: auto
        }

        .bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-header {
            border: none
        }

        .bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-header .close {
            color: var(--vds-carbon-light-700);
            top: 0
        }

        .bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-body {
            height: 340px;
            margin: auto;
            position: absolute;
            text-align: center;
            width: 404px
        }

        .bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-body .bocc-modal-content {
            height: 247px
        }

        .bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-body img {
            height: 127px;
            margin-left: auto;
            margin-right: auto;
            width: 120px
        }

        .bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-body p {
            color: var(--vds-carbon-light-700)
        }

        @media (max-width: 575px) {
            .bocc-modal-container.resume-modal .bocc-modal .bocc-modal-body {
                height: 200px
            }

            .bocc-modal-container.resume-modal.master .bocc-modal .bocc-modal-body {
                height: 275px
            }

            .bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-body {
                width: 300px
            }

            .bocc-modal-container.disabled-issue-modal .bocc-modal .bocc-modal-body-large {
                width: auto
            }
        }

        body.bocc-modal-open {
            overflow: hidden
        }

        @media (min-width: 992px) {
            .bocc-modal-container .bocc-modal .bocc-modal-body {
                width: 588px;
                margin: 10% auto auto
            }

            .bocc-modal-container .bocc-modal .bocc-modal-body-large {
                width: 720px
            }

            .bocc-modal-container .bocc-modal .bocc-modal-body-datepicker {
                width: 730px
            }
        }
    
    
        button,
        [type=button],
        [type=reset],
        [type=submit] {
            -webkit-appearance: none
        }

        .button-full-width {
            min-height: 40px;
            width: auto
        }

        .full {
            width: 100% !important
        }

        .btn {
            position: relative;
            border-radius: 4px;
            font-size: 1em;
            font-weight: 600;
            line-height: 1;
            letter-spacing: normal;
            text-align: center;
            padding: .85rem 1rem;
            color: var(--vds-neutral-lighter-50);
            background-image: linear-gradient(to bottom, var(--vds-primary-700-base), var(--vds-primary-900) 72%);
            border: none;
            display: flex;
            justify-content: center;
            align-items: center;
            min-width: 2.85rem;
            max-height: 2.857rem
        }

        .btn.btnPrimary {
            min-height: 39px
        }

        .btn.green.outliner {
            background-color: var(--vds-success-700-base);
            border: none;
            color: var(--vds-neutral-lighter-50)
        }

        .btn.green.outliner span,
        .btn.green.outliner span.btnIcon {
            color: var(--vds-neutral-lighter-50)
        }

        .btn.green.outliner:disabled span.btnIcon {
            color: var(--vds-neutral-lighter-50)
        }

        .btn.green.outliner:hover:not(:disabled) {
            box-shadow: 0 10px 15px -8px var(--vds-success-700-base);
            background-color: var(--vds-success-700-base);
            border: none;
            color: var(--vds-neutral-lighter-50)
        }

        .btn.green.outliner:focus:not(:disabled),
        .btn.green.outliner.active:not(:disabled) {
            background: var(--vds-success-900);
            box-shadow: none
        }

        .btn .btnContent {
            flex: 1
        }

        .btn .btnIcon {
            margin-right: .5rem
        }

        .btn .btnIcon.right {
            margin-left: .42rem;
            margin-right: 0
        }

        .btn.skin {
            width: auto
        }

        .btn.skin .btnIcon {
            margin-right: 0 !important
        }

        .btn:not(:disabled):not(.disabled) {
            cursor: pointer
        }

        .btn:disabled {
            cursor: not-allowed;
            opacity: 1
        }

        .btn:disabled span {
            opacity: .5;
            color: var(--vds-neutral-lighter-50)
        }

        .btn:hover:not(:disabled),
        .btn:focus:not(:disabled),
        .btn.active:not(:disabled) {
            box-shadow: 0 10px 15px -8px var(--vds-primary-700-base);
            color: var(--vds-neutral-lighter-50)
        }

        .btn:focus:not(:disabled),
        .btn.active:not(:disabled) {
            background-image: linear-gradient(to bottom, var(--vds-primary-900), var(--vds-primary-shade-700-base) 72%);
            box-shadow: none
        }

        .btn.transparent {
            background: transparent;
            color: #fff;
            border: 1px solid #fff
        }

        .btn.outliner {
            background: var(--vds-neutral-lighter-50);
            border: 1px solid var(--vds-n-lighter-300);
            color: var(--vds-carbon-light-700)
        }

        .btn.outliner .btnIcon {
            color: var(--vds-primary-700-base)
        }

        .btn.outliner:hover,
        .btn.outliner:focus,
        .btn.outliner.active {
            box-shadow: none;
            background-color: var(--vds-n-lighter-100);
            border: 1px solid var(--vds-primary-700-base);
            color: var(--vds-carbon-light-700)
        }

        .btn.outliner:focus,
        .btn.outliner.active {
            color: var(--vds-neutral-lighter-50);
            background-image: linear-gradient(to bottom, var(--vds-primary-900), var(--vds-primary-shade-700-base) 72%);
            outline: none;
            border: none
        }

        .btn.outliner:focus .btnIcon,
        .btn.outliner.active .btnIcon {
            color: var(--vds-neutral-lighter-50)
        }

        .btn.outliner:disabled {
            cursor: not-allowed
        }

        .btn.outliner:disabled span {
            color: var(--vds-carbon-light-700)
        }

        .btn.outliner:disabled span.btnIcon {
            color: var(--vds-primary-700-base)
        }

        .btn.flat {
            background: var(--vds-neutral-lighter-50);
            color: var(--vds-primary-700-base)
        }

        .btn.flat .btnIcon {
            color: var(--vds-primary-700-base)
        }

        .btn.flat:hover,
        .btn.flat:focus,
        .btn.flat.active {
            box-shadow: none;
            background-color: var(--vds-primary-100);
            color: var(--vds-primary-700-base)
        }

        .btn.flat:focus,
        .btn.flat.active {
            color: var(--vds-primary-700-base);
            background-image: none;
            background-color: var(--vds-primary-100);
            outline: none;
            border: none
        }

        .btn.flat:focus .btnIcon,
        .btn.flat.active .btnIcon {
            color: var(--vds-neutral-lighter-50)
        }

        .btn.flat:disabled {
            cursor: not-allowed
        }

        .btn.flat:disabled span {
            color: var(--vds-primary-700-base)
        }

        .btn.flat:disabled span.btnIcon {
            color: var(--vds-primary-700-base)
        }

        .actions-paginator .btn.outliner .btnIcon {
            color: #7f8fa4
        }

        .btnRounded {
            padding: 4px 6px;
            border-radius: 50px;
            width: 25px;
            height: 25px;
            font-size: .8em;
            text-align: center;
            line-height: 18px;
            cursor: pointer
        }

        .btnRounded:focus {
            outline: none
        }

        .btnRounded.approve {
            color: var(--vds-neutral-lighter-50);
            background-color: var(--vds-success-700-base);
            border: none
        }

        .btnRounded.cancel {
            color: var(--vds-neutral-lighter-50);
            background-color: var(--vds-error-700-base);
            border: none
        }

        .btnMultiPay {
            height: 30px;
            padding: 5px 10px
        }

        .btnMultiPay.outliner {
            background-color: var(--vds-neutral-lighter-50)
        }

        .btnMultiPay.outliner .btnContent {
            padding-left: 6px
        }

        .loader-container {
            width: 1rem;
            margin-right: 1rem
        }

        .loader-container .loader {
            position: static;
            position: initial
        }

        .loader-container .loader.blue {
            color: var(--vds-primary-shade-900)
        }

        .btn-active {
            background-image: linear-gradient(to bottom, var(--vds-primary-900), var(--vds-primary-shade-700-base) 72%) !important
        }

        @media (max-width: 576px) {
            .button-full-width {
                width: -webkit-fill-available
            }

            .btn.resume .btnContent {
                display: none
            }

            .btn.resume-btn {
                margin: 0 3px;
                width: 95%
            }
        }

        @media (min-width: 992px) {
            .btn {
                min-width: 101px
            }

            .btn.skin {
                min-width: auto;
                width: 40px
            }
        }
    
    
        .he-regular-center {
            font-weight: 400;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: center
        }

        .he-regular-left {
            font-weight: 400;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: left
        }

        .he-regular-right {
            font-weight: 400;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: right
        }

        .he-medium-center {
            font-weight: 500;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: center
        }

        .he-medium-left {
            font-weight: 500;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: left
        }

        .he-medium-right {
            font-weight: 500;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: right
        }

        .he-semibold-center {
            font-weight: 600;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: center
        }

        .he-semibold-left {
            font-weight: 600;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: left
        }

        .he-semibold-right {
            font-weight: 600;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: right
        }

        .he-bold-center {
            font-weight: 700;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: center
        }

        .he-bold-left {
            font-weight: 700;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: left
        }

        .he-bold-right {
            font-weight: 700;
            font-size: 64px;
            line-height: 96px;
            letter-spacing: -.02em;
            text-align: right
        }

        .h1-regular-center {
            font-weight: 400;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: center
        }

        .h1-regular-left {
            font-weight: 400;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: left
        }

        .h1-regular-right {
            font-weight: 400;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: right
        }

        .h1-medium-center {
            font-weight: 500;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: center
        }

        .h1-medium-left {
            font-weight: 500;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: left
        }

        .h1-medium-right {
            font-weight: 500;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: right
        }

        .h1-semibold-center {
            font-weight: 600;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: center
        }

        .h1-semibold-left {
            font-weight: 600;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: left
        }

        .h1-semibold-right {
            font-weight: 600;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: right
        }

        .h1-bold-center {
            font-weight: 700;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: center
        }

        .h1-bold-left {
            font-weight: 700;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: left
        }

        .h1-bold-right {
            font-weight: 700;
            font-size: 44px;
            line-height: 64px;
            letter-spacing: .02em;
            text-align: right
        }

        .h2-regular-center {
            font-weight: 400;
            font-size: 40px;
            line-height: 56px;
            text-align: center
        }

        .h2-regular-left {
            font-weight: 400;
            font-size: 40px;
            line-height: 56px;
            text-align: left
        }

        .h2-regular-right {
            font-weight: 400;
            font-size: 40px;
            line-height: 56px;
            text-align: right
        }

        .h2-medium-center {
            font-weight: 500;
            font-size: 40px;
            line-height: 56px;
            text-align: center
        }

        .h2-medium-left {
            font-weight: 500;
            font-size: 40px;
            line-height: 56px;
            text-align: left
        }

        .h2-medium-right {
            font-weight: 500;
            font-size: 40px;
            line-height: 56px;
            text-align: right
        }

        .h2-semibold-center {
            font-weight: 600;
            font-size: 40px;
            line-height: 56px;
            text-align: center
        }

        .h2-semibold-left {
            font-weight: 600;
            font-size: 40px;
            line-height: 56px;
            text-align: left
        }

        .h2-semibold-right {
            font-weight: 600;
            font-size: 40px;
            line-height: 56px;
            text-align: right
        }

        .h2-bold-center {
            font-weight: 700;
            font-size: 40px;
            line-height: 56px;
            text-align: center
        }

        .h2-bold-left {
            font-weight: 700;
            font-size: 40px;
            line-height: 56px;
            text-align: left
        }

        .h2-bold-right {
            font-weight: 700;
            font-size: 40px;
            line-height: 56px;
            text-align: right
        }

        .h3-regular-center {
            font-weight: 400;
            font-size: 33px;
            line-height: 48px;
            text-align: center
        }

        .h3-regular-left {
            font-weight: 400;
            font-size: 33px;
            line-height: 48px;
            text-align: left
        }

        .h3-regular-right {
            font-weight: 400;
            font-size: 33px;
            line-height: 48px;
            text-align: right
        }

        .h3-medium-center {
            font-weight: 500;
            font-size: 33px;
            line-height: 48px;
            text-align: center
        }

        .h3-medium-left {
            font-weight: 500;
            font-size: 33px;
            line-height: 48px;
            text-align: left
        }

        .h3-medium-right {
            font-weight: 500;
            font-size: 33px;
            line-height: 48px;
            text-align: right
        }

        .h3-semibold-center {
            font-weight: 600;
            font-size: 33px;
            line-height: 48px;
            text-align: center
        }

        .h3-semibold-left {
            font-weight: 600;
            font-size: 33px;
            line-height: 48px;
            text-align: left
        }

        .h3-semibold-right {
            font-weight: 600;
            font-size: 33px;
            line-height: 48px;
            text-align: right
        }

        .h3-bold-center {
            font-weight: 700;
            font-size: 33px;
            line-height: 48px;
            text-align: center
        }

        .h3-bold-left {
            font-weight: 700;
            font-size: 33px;
            line-height: 48px;
            text-align: left
        }

        .h3-bold-right {
            font-weight: 700;
            font-size: 33px;
            line-height: 48px;
            text-align: right
        }

        .h4-regular-center {
            font-weight: 400;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: center
        }

        .h4-regular-left {
            font-weight: 400;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: left
        }

        .h4-regular-right {
            font-weight: 400;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: right
        }

        .h4-medium-center {
            font-weight: 500;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: center
        }

        .h4-medium-left {
            font-weight: 500;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: left
        }

        .h4-medium-right {
            font-weight: 500;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: right
        }

        .h4-semibold-center {
            font-weight: 600;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: center
        }

        .h4-semibold-left {
            font-weight: 600;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: left
        }

        .h4-semibold-right {
            font-weight: 600;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: right
        }

        .h4-bold-center {
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: center
        }

        .h4-bold-left {
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: left
        }

        .h4-bold-right {
            font-weight: 700;
            font-size: 28px;
            line-height: 40px;
            letter-spacing: .02em;
            text-align: right
        }

        .h5-regular-center {
            font-weight: 400;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: center
        }

        .h5-regular-left {
            font-weight: 400;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: left
        }

        .h5-regular-right {
            font-weight: 400;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: right
        }

        .h5-medium-center {
            font-weight: 500;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: center
        }

        .h5-medium-left {
            font-weight: 500;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: left
        }

        .h5-medium-right {
            font-weight: 500;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: right
        }

        .h5-semibold-center {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: center
        }

        .h5-semibold-left {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: left
        }

        .h5-semibold-right {
            font-weight: 600;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: right
        }

        .h5-bold-center {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: center
        }

        .h5-bold-left {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: left
        }

        .h5-bold-right {
            font-weight: 700;
            font-size: 24px;
            line-height: 32px;
            letter-spacing: .05em;
            text-align: right
        }

        .s1-regular-center {
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s1-regular-left {
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s1-regular-right {
            font-weight: 400;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s1-medium-center {
            font-weight: 500;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s1-medium-left {
            font-weight: 500;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s1-medium-right {
            font-weight: 500;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s1-semibold-center {
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s1-semibold-left {
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s1-semibold-right {
            font-weight: 600;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s1-bold-center {
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s1-bold-left {
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s1-bold-right {
            font-weight: 700;
            font-size: 18px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s2-regular-center {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s2-regular-left {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s2-regular-right {
            font-weight: 400;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s2-medium-center {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s2-medium-left {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s2-medium-right {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s2-semibold-center {
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s2-semibold-left {
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s2-semibold-right {
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .s2-bold-center {
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: center
        }

        .s2-bold-left {
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: left
        }

        .s2-bold-right {
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: .03em;
            text-align: right
        }

        .b1-regular-center {
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: center
        }

        .b1-regular-left {
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: left
        }

        .b1-regular-right {
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: right
        }

        .b1-medium-center {
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: center
        }

        .b1-medium-left {
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: left
        }

        .b1-medium-right {
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: right
        }

        .b1-semibold-center {
            font-weight: 600;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: center
        }

        .b1-semibold-left {
            font-weight: 600;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: left
        }

        .b1-semibold-right {
            font-weight: 600;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: right
        }

        .b1-semibold-center {
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: center
        }

        .b1-semibold-left {
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: left
        }

        .b1-semibold-right {
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: .03em;
            text-align: right
        }

        .b2-regular-center {
            font-weight: 400;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: center
        }

        .b2-regular-left {
            font-weight: 400;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: left
        }

        .b2-regular-right {
            font-weight: 400;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: right
        }

        .b2-medium-center {
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: center
        }

        .b2-medium-left,
        .bocc-select-list .list-row {
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: left
        }

        .b2-medium-right {
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: right
        }

        .b2-semibold-center {
            font-weight: 600;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: center
        }

        .b2-semibold-left {
            font-weight: 600;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: left
        }

        .b2-semibold-right {
            font-weight: 600;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: right
        }

        .b2-bold-center {
            font-weight: 700;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: center
        }

        .b2-bold-left {
            font-weight: 700;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: left
        }

        .b2-bold-right {
            font-weight: 700;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: .05em;
            text-align: right
        }

        .st-regular-center {
            font-weight: 400;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: center
        }

        .st-regular-left {
            font-weight: 400;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: left
        }

        .st-regular-right {
            font-weight: 400;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: right
        }

        .st-medium-center {
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: center
        }

        .st-medium-left {
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: left
        }

        .st-medium-right {
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: right
        }

        .st-semibold-center {
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: center
        }

        .st-semibold-left {
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: left
        }

        .st-semibold-right {
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: right
        }

        .st-bold-center {
            font-weight: 700;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: center
        }

        .st-bold-left {
            font-weight: 700;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: left
        }

        .st-bold-right {
            font-weight: 700;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: .07em;
            text-align: right
        }

        .c-regular-center {
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: center
        }

        .c-regular-left {
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: left
        }

        .c-regular-right {
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: right
        }

        .c-medium-center {
            font-weight: 500;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: center
        }

        .c-medium-left {
            font-weight: 500;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: left
        }

        .c-medium-right {
            font-weight: 500;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: right
        }

        .c-semibold-center {
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: center
        }

        .c-semibold-left {
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: left
        }

        .c-semibold-right {
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: right
        }

        .c-bold-center {
            font-weight: 700;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: center
        }

        .c-bold-left {
            font-weight: 700;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: left
        }

        .c-bold-right {
            font-weight: 700;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: .07em;
            text-align: right
        }

        .o-regular-center {
            text-transform: uppercase;
            font-weight: 400;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: center
        }

        .o-regular-left {
            text-transform: uppercase;
            font-weight: 400;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: left
        }

        .o-regular-right {
            text-transform: uppercase;
            font-weight: 400;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: right
        }

        .o-medium-center {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: center
        }

        .o-medium-left {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: left
        }

        .o-medium-right {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: right
        }

        .o-semibold-center {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: center
        }

        .o-semibold-left {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: left
        }

        .o-semibold-right {
            text-transform: uppercase;
            font-weight: 600;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: right
        }

        .o-bold-center {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: center
        }

        .o-bold-left {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: left
        }

        .o-bold-right {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: .1em;
            text-align: right
        }

        .bocc-select-list .box-contour {
            display: flex;
            height: 40px;
            padding: 10px 8px;
            gap: 8px;
            align-self: stretch;
            border-radius: 4px;
            justify-content: space-between;
            align-items: center;
            border: 1px solid #ADBAE6;
            background: #FFFFFF
        }

        .bocc-select-list .box-arrow {
            color: #555f83
        }

        .bocc-select-list .box-placeholder {
            color: #adbae6
        }

        .bocc-select-list .box-content {
            color: #555f83
        }

        .bocc-select-list .list {
            position: absolute;
            width: 100%;
            z-index: 200;
            border-radius: 8px;
            border: 1px solid #003585;
            background: #022047;
            box-shadow: 0 16px 16px #00246f66
        }

        .bocc-select-list .list-content {
            padding: 8px
        }

        .bocc-select-list .list-row {
            color: #fff;
            border-radius: 8px;
            padding: 10px 12px;
            cursor: pointer
        }

        .bocc-select-list .list-row-blue-900 {
            background: #0056CB
        }

        .bocc-select-list .list-row-blue-700 {
            background: #003585
        }
    
    
        .password {
            position: relative
        }

        .password label {
            width: 100%;
            letter-spacing: .84px !important;
            margin-bottom: 12px
        }

        .password em {
            cursor: pointer;
            position: absolute;
            right: 8px;
            bottom: 8px;
            font-size: 24px
        }

        .password em.showPass,
        .password em.active {
            color: #adbae6
        }

        .password em.caps {
            right: 2.5rem;
            color: #adbae6
        }
    
    
        {
            display: block
        }

        .alert {
            border: none;
            padding: 10px 10px 10px 50px;
            margin-bottom: 0;
            position: relative
        }

        .alert.error {
            background: var(--vds-error-100);
            color: var(--vds-error-700-base)
        }

        .alert.error span:after {
            background-image: linear-gradient(to bottom, transparent 90%, var(--vds-error-400) 80%)
        }

        .alert.warning {
            background: var(--vds-n-lighter-100);
            color: var(--vds-warning-700-base)
        }

        .alert.warning:after {
            background-image: linear-gradient(to bottom, transparent 90%, var(--vds-warning-700-base) 80%)
        }

        .alert.success {
            background: var(--vds-n-lighter-100);
            color: var(--vds-success-700-base)
        }

        .alert.success:after {
            background-image: linear-gradient(to bottom, transparent 90%, var(--vds-success-400) 80%)
        }

        .alert.info {
            background: var(--vds-n-lighter-200);
            color: var(--vds-primary-700-base)
        }

        .alert.info:after {
            background-image: linear-gradient(to bottom, transparent 90%, var(--vds-primary-700-base) 80%)
        }

        .alert span {
            font-size: 16px;
            height: 40px;
            line-height: 40px;
            inset: 0 auto 0 15px;
            margin: auto;
            position: absolute;
            text-align: center;
            width: 20px
        }

        .alert span:after {
            background-size: 5% 6px;
            content: "";
            height: 100%;
            position: absolute;
            right: -4px;
            width: 1px
        }
    

    <style type="text/css" id="cssCompraCartera">
        .ad-div-card-cca {
            background: #fff;
            border: 1px solid#EFF2FC;
            box-shadow: 0 4px 4px 0 rgba(173, 186, 230, .4);
            border-radius: 12px;
            display: grid;
            grid-template-columns: repeat(3, auto);
            grid-auto-rows: minmax(30px, auto);
            align-items: center;
            position: sticky;
            z-index: 1003 !important;
            height: 100%;
        }

        .ad-item-logo-card-cca {
            text-align: center;
            grid-column: 1;
            grid-row: 1/3;
            margin-left: 8px;
        }

        .ad-item-title-card-cca {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: 0.07em;
            color: #1B1C1E;
            padding-left: 10px;
            padding-top: 10px;
            grid-column: 3;
            grid-row: 1;
            align-self: end;
        }

        .ad-item-description-card-cca {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: 0.07em;
            color: #0056CB;
            padding-left: 10px;
            grid-column: 3;
            grid-row: 2;
            align-self: start;
        }

        .ad-line-card-cca {
            grid-column: 2;
            grid-row: 1/3;
            height: 1px;
            left: 0px;
            right: 0px;
            top: calc(50%-1px/2+41px);
            background: #DFE5F9;
            transform: rotate(-90deg);
        }

        .ad-title-top-cca {
            font-family: "Poppins";
            font-style: normal;
            font-weight: 600;
            font-size: 43px;
            line-height: 64px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #ffffff;
        }

        .ad-title-cca {
            font-family: "Poppins";
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #ffffff;
        }

        .ad-logo-card-tarjeta-cca {
            position: fixed;
            z-index: 1005 !important;
        }

        .ad-description-cca {
            font-family: "Poppins";
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: 0.05em;
            color: #ffffff;
        }

        .ad_cardexample {
            border: 1px solid#0056CB;
            border-radius: 13px;
            height: 146px;
        }

        .ad_cardexamplesub {
            position: relative;
        }

        .ContentCardInitial_ADL {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            padding: 12px;
            gap: 32px;
            position: absolute;
            width: 296px;
            height: 144px;
            left: 1px;
            top: 1px;
            background: radial-gradient(132.98%166.25%at 81.54%7.45%, #F0F0F0 0%, #989898 100%);
            border-bottom: 2px solid#989898;
            box-shadow: 0px 16px 16px rgba(0, 36, 111, 0.4);
            border-radius: 12px;
        }

        .ContentDataCard_ADL {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 0px;
            gap: 24px;
            width: 272px;
            height: 48px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentDataCardInfo_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 12px;
            width: 166px;
            height: 48px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .LabelContentDataCard_ADL {
            width: 166px;
            height: 18px;
            font-family: Space Mono;
            font-style: normal;
            font-weight: 400;
            font-size: 12.8418px;
            line-height: 17px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #4E556C;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .LabelTypeDataCard_ADL {
            width: 166px;
            height: 18px;
            font-family: Space Grotesk;
            font-style: normal;
            font-weight: 500;
            font-size: 13px;
            line-height: 17px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #4E556C;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentLogosCard_ADL {
            width: 48px;
            height: 48px;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .StepTwoModal_ADL {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 16px 0px 16px 0px;
            gap: 32px;
        }

        .ContentTwoHeader_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 24px;
            width: 296px;
            height: 327px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentTwoAction_ADL {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            padding: 0px;
            width: 296px;
            height: 32px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .ContentTwoTitle_ADL {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0px 10px;
            gap: 10px;
            width: 296px;
            height: 76px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentTwoTitleSec_ADL {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            padding: 0px;
            width: 276px;
            height: 42px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentTwoTitleText_ADL {
            width: 276px;
            height: 42px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            text-align: center;
            letter-spacing: 0.07em;
            color: #FFFFFF;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentTwoBody_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 24px;
            width: 296px;
            height: 171px;
            flex: none;
            order: 2;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentTwoBodyText_ADL {
            width: 296px;
            height: 105px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: 0.05em;
            color: #FFFFFF;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentTwoBodyProduc_ADL {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 12px;
            width: 296px;
            height: 42px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentTwoBodyProducOne_ADL {
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .ContentTwoBodyProducTwo_ADL {
            width: 260px;
            height: 42px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: 0.05em;
            color: #FFFFFF;
            flex: none;
            order: 1;
            flex-grow: 1;
        }

        .ContentTwoButtons_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px 16px;
            gap: 8px;
            width: 328px;
            height: 32px;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .ContentTwoButton_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 5px 12px 6px;
            width: 296px;
            height: 32px;
            background: linear-gradient(180deg, #0081FF 0%, #0056CB 100%);
            border-radius: 4px;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .ContentTwoButtonText_ADL {
            width: 56px;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            text-align: center;
            letter-spacing: 0.07em;
            color: #FFFFFF;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .ad-modal-cca {
            position: fixed;
            z-index: 1;
            padding-top: 40px;
            top: 0px;
            width: 100%;
            height: 100%;
            overflow: auto;
            left: 20%;
        }

        .ad-modal-cca-content {
            position: relative;
            padding: 16px 16px 0 16px;
            width: 100%;
            max-width: 328px;
            background-image: linear-gradient(180deg, #0056cb 0%, #00246f 100%);
            background-position: right;
            background-repeat: no-repeat;
            box-shadow: 0px 24px 24px rgba(0, 36, 111, 0.4);
            mix-blend-mode: normal;
            border-radius: 12px;
            -webkit-animation-name: animatetop;
            -webkit-animation-duration: 0.4s;
            animation-name: animatetop;
            animation-duration: 0.4s;
        }

        .ad-modal-cca-header {
            padding: 2px 6px;
            color: white;
        }

        .ad-modal-cca-body {
            padding: 16px 6px;
        }

        .ad-modal-cca-footer {
            padding: 20px 8px 16px 8px;
            color: white;
            width: 100%;
            justify-content: space-between;
            display: flex;
        }

        .ad-modal-cca-content-close {
            color: #aaaaaa;
            fill: #aaaaaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

        .ad-modal-cca-content-closeclose:hover,
        .ad-modal-cca-content-closeclose:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }

        .ad-btn-cca-primary {
            font-family: 'Poppins';
            font-size: 12px;
            box-sizing: border-box;
            justify-content: center;
            align-items: center;
            padding: 5px 12px 6px;
            width: 134px;
            height: 32px;
            color: #fff;
            border: 1px solid#fff;
            border-radius: 4px;
            background-color: transparent;
            background-repeat: no-repeat;
        }

        .ad-btn-cca-primary:hover {
            color: #fff;
            background: rgba(255, 255, 255, 0.2);
            border: 1px solid#FFFFFF;
        }

        .ad-btn-cca-primary:active {
            color: #fff;
            background: linear-gradient(180deg, #0056CB 0%, #00246F 100%);
            border: 1px solid#0081FF;
        }

        .ad-btn-cca-secondary {
            font-family: 'Poppins';
            font-size: 12px;
            color: #fff;
            text-decoration: none;
            background: linear-gradient(180deg, #0081ff 0%, #0056cb 100%);
            border-radius: 4px;
            border-color: #0081ff;
            color: #fff;
            cursor: pointer;
            padding: 8px 43.2px 7px;
            width: 138px;
            height: 32px;
            display: inline-block;
        }

        .ad-btn-cca-secondary:hover {
            color: #fff;
            background: linear-gradient(180deg, #0081FF 0%, #0056CB 100%);
            border: 1px solid#0081FF;
            box-shadow: 0px 8px 8px rgba(0, 129, 255, 0.24);
        }

        .ad-btn-cca-secondary:active {
            color: #fff;
            background: linear-gradient(180deg, #0056CB 0%, #00246F 100%);
            border: 1px solid#0081FF;
        }

        .a-lnk {
            color: #007bff !important;
            text-decoration: none !important;
            cursor: pointer !important;
        }

        .a-lnk:hover {
            font-weight: bold !important;
        }

        @-webkit-keyframes animatetop {
            from {
                top: -300px;
                opacity: 0;
            }

            to {
                top: 0;
                opacity: 1;
            }
        }

        @keyframes animatetop {
            from {
                top: -300px;
                opacity: 0;
            }

            to {
                top: 0;
                opacity: 1;
            }
        }

        @media only screen and(max-width:990px) {
            .ad-div-card-cca {
                background: #fff;
                border: 1px solid#EFF2FC;
                box-shadow: 0 4px 4px 0 rgba(173, 186, 230, .4);
                border-radius: 12px;
                display: grid;
                grid-template-columns: repeat(3, auto);
                grid-auto-rows: minmax(30px, auto);
                align-items: center;
                position: sticky;
                z-index: 1003 !important;
                height: 100%;
                width: 264px;
            }
        }

        .ContentOffer_ADL {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px 0px 0px 8px;
            gap: 12px;
            position: relative;
            top: -4px;
            background: #022047;
            box-shadow: 0px 4px 4px rgba(173, 186, 230, 0.4);
            border-radius: 8px 8px 8px 8px;
        }

        .OfferTest_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 4px;
            width: 130px;
            height: 16px;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .OfferTestIcon_ADL {
            width: 16px;
            height: 16px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .OfferTitle_ADL {
            width: 179px;
            height: 16px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 11px;
            line-height: 16px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #FFFFFF;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .OfferButon_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 5px 8px 6px;
            gap: 8px;
            width: 100px;
            height: 32px;
            border-radius: 4px;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .OfferButonText_ADL {
            width: 68px;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            text-align: right;
            letter-spacing: 0.07em;
            color: #0081FF;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .OfferDivIcon_ADL {
            width: 16px;
            height: 16px;
            flex: none;
            order: 2;
            flex-grow: 0;
        }

        .ContentForm_ADL {
            background-color: white;
        }

        .TopContentModalBenefit_ADL {
            position: relative;
            top: -50px;
            overflow-y: scroll;
            height: 490px;
        }

        .TopContentModalBenefit_ADL::-webkit-scrollbar {
            width: 4px;
            height: 4px;
        }

        .TopContentModalBenefit_ADL::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .TopContentModalBenefit_ADL::-webkit-scrollbar-thumb {
            background: #ADBAE6;
        }

        .TopContentModalBenefit_ADL::-webkit-scrollbar-thumb:hover {
            background: #ADBAE6;
        }

        .DivModal_ADL::-webkit-scrollbar {
            width: 6px;
            height: 4px;
        }

        .DivModal_ADL::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .DivModal_ADL::-webkit-scrollbar-thumb {
            background: #ADBAE6;
        }

        .DivModal_ADL::-webkit-scrollbar-thumb:hover {
            background: #ADBAE6;
        }

        #CC_modalLoadImage_ADL::-webkit-scrollbar {
            width: 4px;
            height: 4px;
        }

        #CC_modalLoadImage_ADL::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        #CC_modalLoadImage_ADL::-webkit-scrollbar-thumb {
            background: #ADBAE6;
        }

        #CC_modalLoadImage_ADL::-webkit-scrollbar-thumb:hover {
            background: #ADBAE6;
        }

        .modalEditDataCard_ADL {
            position: fixed;
            z-index: 9999;
            top: 0;
            width: 100%;
            height: 100%;
            left: 0;
        }

        .ModalEdit_ADL::-webkit-scrollbar {
            width: 6px;
            height: 4px;
        }

        .ModalEdit_ADL::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .ModalEdit_ADL::-webkit-scrollbar-thumb {
            background: #ADBAE6;
        }

        .ModalEdit_ADL::-webkit-scrollbar-thumb:hover {
            background: #ADBAE6;
        }

        #CC_modalTyC_ADL::-webkit-scrollbar {
            width: 4px;
            height: 4px;
        }

        #CC_modalTyC_ADL::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        #CC_modalTyC_ADL::-webkit-scrollbar-thumb {
            background: #ADBAE6;
        }

        #CC_modalTyC_ADL::-webkit-scrollbar-thumb:hover {
            background: #ADBAE6;
        }

        #SecFormDataCard_ADL::-webkit-scrollbar {
            width: 4px;
            height: 4px;
        }

        #SecFormDataCard_ADL::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        #SecFormDataCard_ADL::-webkit-scrollbar-thumb:hover {
            background: #ADBAE6;
        }

        #SecFormDataCard_ADL::-webkit-scrollbar-thumb:hover {
            background: #ADBAE6;
        }

        #SecFormConfirmDataCard_ADL::-webkit-scrollbar {
            width: 4px;
            height: 4px;
        }

        #SecFormConfirmDataCard_ADL::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        #SecFormConfirmDataCard_ADL::-webkit-scrollbar-thumb:hover {
            background: #ADBAE6;
        }

        #SecFormConfirmDataCard_ADL::-webkit-scrollbar-thumb:hover {
            background: #ADBAE6;
        }

        .DivForm_ADL::-webkit-scrollbar {
            width: 6px;
            height: 4px;
        }

        .DivForm_ADL::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .DivForm_ADL::-webkit-scrollbar-thumb:hover {
            background: #ADBAE6;
        }

        .DivForm_ADL::-webkit-scrollbar-thumb:hover {
            background: #ADBAE6;
        }

        .DivForm_ADL {
            position: absolute;
            height: 281px;
            left: 241px;
            z-index: 1004;
        }

        .hiddenElement_ADL {
            display: none;
        }

        .DivContentFormPrincipal_ADL {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 8px 0px;
            gap: 24px;
            margin-left: 41px;
            position: initial;
            height: auto;
            background: #FFFFFF;
            border: 1px solid#DFE5F9;
            box-shadow: 0px 4px 4px rgba(173, 186, 230, 0.4);
            border-radius: 8px;
        }

        .DivHeader_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            padding: 0px 8px;
            gap: 8px;
            width: 100%;
            height: 61px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .DivHeaderSubOne_ADL {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 6px 12px;
            gap: 10px;
            width: 100%;
            height: 61px;
            background: rgba(239, 242, 252, 0.6);
            border-radius: 4px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .DivHeaderSubTwo_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            width: 100%;
            height: 49px;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .DivButtonsHeader_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 5px 12px 6px 0px;
            gap: 8px;
            width: 72px;
            height: 32px;
            border-radius: 4px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .DivLblTitleButtons_ADL {
            width: 96%;
            height: 17px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #1B1C1E;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 1;
        }

        .DivLblTextButtons_ADL {
            width: 36px;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            text-align: right;
            letter-spacing: 0.07em;
            color: #0081FF;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .DivHeaderButtons_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 5px 12px 6px 0px;
            gap: 8px;
            width: 141px;
            height: 32px;
            border-radius: 4px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .DivHeaderContentsvg_ADL {
            width: 16px;
            height: 16px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .DivHeaderContentTitle_ADL {
            width: 115px;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            text-align: right;
            letter-spacing: 0.07em;
            color: #0081FF;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .DivHeaderTitle_ADL {
            width: 675px;
            height: 17px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #1B1C1E;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 1;
        }

        .DivProducts_ADL {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 24px;
            width: 100%;
            height: auto;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .DivProductsAllSection_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 24px;
            width: 100%;
            height: auto;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .AllSectionOne_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px 16px;
            gap: 24px;
            width: 100%;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .ProductContainer_ADL {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0px 16px;
            gap: 10px;
            width: 100%;
            height: 238px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .AllSectionOneInputsOne_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 16px;
            height: 76px;
            flex: none;
            flex-grow: 0;
        }

        .AllSectionServiceTwo_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 10px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .ServiceTwoOrderCero_ADL {
            width: 100%;
            order: 0;
        }

        .ServiceTwoOrderOne_ADL {
            width: 100%;
            order: 1;
        }

        .SectionDate_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px 16px;
            gap: 32px;
            width: 715px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .DetailCardDate_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 9px 8px 8px 8px;
            gap: 10px;
            width: 683px;
            height: 96px;
            border-radius: 4px;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .CardContentDateDetail_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 8px;
            width: 100%;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .DateDetailSub_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 8px;
            width: 100%;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .DateDetailSubFrame_ADL {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 8px;
            width: 36%;
            height: 24px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .DetailCard_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 9px 8px 8px 8px;
            gap: 10px;
            width: 100%;
            height: 109px;
            background: rgba(239, 242, 252, 0.4);
            border-radius: 4px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .DetailCardTitle_ADL {
            width: 100%;
            height: 16px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #ADBAE6;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .DetailCardContent_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            padding: 0px 12px;
            gap: 8px;
            width: 96%;
            height: 66px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .DetailCardIcon {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px 4px;
            gap: 10px;
            width: 32px;
            height: 32px;
            background: radial-gradient(132.98%166.25%at 81.54%7.45%, #F0F0F0 0%, #989898 100%);
            box-shadow: 0px 2px 2px rgba(173, 186, 230, 0.4);
            border-radius: 4px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .DetailCardAction_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            padding: 5px 12px 6px 8px;
            gap: 8px;
            width: 83px;
            height: 32px;
            background: #E2F1FF;
            border-radius: 4px;
            flex: none;
            order: 2;
            flex-grow: 0;
        }

        .CardActionText_ADL {
            width: 39px;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            text-align: right;
            letter-spacing: 0.07em;
            color: #555F83;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .DetailCardContentSub_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 4px;
            width: 92%;
            height: 66px;
            flex: none;
            order: 1;
            flex-grow: 1;
        }

        .LblNameCardContentSub_ADL {
            width: 100%;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            display: flex;
            align-items: center;
            letter-spacing: 0.05em;
            color: #1B1C1E;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .LblNameCardContentSubTwo_ADL {
            width: 100%;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #1B1C1E;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .LblNameCardContentDate_ADL {
            width: 100%;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #1B1C1E;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .LblTextCardContentDate_ADL {
            width: 90px;
            height: 16px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #555F83;
            flex: none;
            order: 1;
            flex-grow: 1;
        }

        .LblNroCardContentSub_ADL {
            width: 100%;
            height: 16px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #9240FE;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .LblNroCardContentSubTwo_ADL {
            width: 100%;
            height: 16px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #9240FE;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .LblSpaceAvailableContentSub_ADL {
            width: 100%;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #555F83;
            flex: none;
            order: 2;
            align-self: stretch;
            flex-grow: 0;
        }

        .LblSpaceAvailableContentSubTwo_ADL {
            width: 100%;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #555F83;
            flex: none;
            order: 2;
            align-self: stretch;
            flex-grow: 0;
        }

        .InputOrdenCero_ADL {
            order: 0;
            width: 84%;
        }

        .InputOrdenOne_ADL {
            width: 84%;
        }

        .InputOrdenTwo_ADL {
            width: 84%;
        }

        .InputTextNroCard_ADL {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: 0.05em;
            color: #ADBAE6;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .InputTextFields_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            width: 57%;
            height: auto;
            flex: none;
            align-self: stretch;
            flex-grow: 0;
        }

        .InputTextValueDebt_ADL {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            text-align: right;
            letter-spacing: 0.05em;
            color: #ADBAE6;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .InputFile_ADL {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 10px 0px 10px 8px;
            gap: 8px;
            width: 100%;
            height: 40px;
            background: #FFFFFF;
            border: 1px solid#ADBAE6;
            border-radius: 4px;
        }

        .fileCustom_ADL {
            position: absolute;
            top: 1px;
            right: 1px;
            left: 1px;
            z-index: 6;
            display: block;
            height: 38px;
            padding: 10px 0px 10px 8px;
            line-height: 1.5;
            color: #555;
            background: #FFFFFF;
            border: 0.075rem solid#ddd;
            border-radius: 0 0.25rem 0.25rem 0;
        }

        .fileCustom_ADL::before {
            position: absolute;
            top: -0.06rem;
            right: -0.075rem;
            bottom: -0.075rem;
            z-index: 6;
            display: block;
            content: attr(titleload);
            height: 37px;
            padding: 0.5rem 1rem;
            line-height: 1.5;
            color: #0081FF;
            background: #FFFFFF;
            border-radius: 0 0.25rem 0.25rem 0;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .fileCustom_ADL::after {
            position: absolute;
            top: 8px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            color: var(--colorLetter);
            line-height: 1.5;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            content: attr(title);
        }

        .TextFieldsOrderCero_ADL {
            order: 0;
        }

        .TextFieldsOrderOne_ADL {
            order: 1;
        }

        .FieldBase_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 8px;
            width: 88%;
            height: auto;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .FieldLabel_ADL {
            width: 100%;
            height: 16px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
            position: relative;
        }

        .LabelTextTwo_ADL {
            position: absolute;
            height: 16px;
            right: 0px;
            top: 0%;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
            display: flex;
            align-items: center;
            text-align: right;
            letter-spacing: 0.07em;
            color: #ADBAE6;
        }

        .InputSelect_ADL {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 10px 8px;
            gap: 8px;
            width: 100%;
            height: 40px;
            background: #FFFFFF;
            border: 1px solid#ADBAE6;
            border-radius: 4px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            color: #ADBAE6;
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.15149 10.2829L8.28286 9.15158L11.7172 12.5863L15.1515 9.15158L16.2829 10.2829L11.7172 14.8486L7.15149 10.2829Z" fill="%23555F83"/></svg>');
            background-position: right 10px center;
            background-repeat: no-repeat;
            background-color: white;
            outline: none;
            appearance: none;
        }

        .InputSelect_focus_ADL {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.2828 13.7171L15.1515 14.8484L11.7172 11.4137L8.28284 14.8484L7.15147 13.7171L11.7172 9.15137L16.2828 13.7171Z" fill="%23555F83"/></svg>');
        }

        .InputSelect_selected_ADL {
            color: #555F83;
        }

        .InputText_ADL {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            padding: 10px 8px;
            gap: 10px;
            width: 100%;
            height: 40px;
            background: #FFFFFF;
            border: 1px solid#ADBAE6;
            border-radius: 4px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .InputText_ADL::placeholder {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            color: #ADBAE6;
        }

        .LabelText_ADL {
            position: relative;
            height: 21px;
            left: 0px;
            top: -3px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #555F83;
        }

        .ImgTypeCard_ADL {
            width: 24px;
            height: 24px;
            flex: none;
            order: 1;
            flex-grow: 0;
            position: relative;
            left: 77%;
            bottom: 35.5%;
        }

        .ImgTypeCardVisa_ADL {
            width: 24px;
            height: 24px;
            flex: none;
            order: 1;
            flex-grow: 0;
            position: relative;
            left: 77%;
            bottom: 36.5%;
            background-image: url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.343 11.1312C12.3324 12.06 13.1454 12.5775 13.758 12.8862C14.3873 13.2022 14.5985 13.405 14.5962 13.6875C14.5914 14.1203 14.0938 14.311 13.6288 14.3184C12.8163 14.3315 12.3447 14.0918 11.9689 13.9112L11.6764 15.324C12.0536 15.5029 12.7508 15.6588 13.4735 15.6667C15.1714 15.6667 16.2817 14.8012 16.2871 13.4604C16.2942 11.7589 14.0072 11.665 14.0229 10.9046C14.0282 10.6735 14.2413 10.4276 14.7084 10.3646C14.9397 10.3336 15.5784 10.3094 16.3016 10.6531L16.5856 9.28581C16.1965 9.14011 15.6965 9 15.0736 9C13.4764 9 12.352 9.87646 12.343 11.1312ZM19.3161 9.11797C19.0056 9.11797 18.7441 9.30412 18.6281 9.59089L16.203 15.5659H17.8998L18.2369 14.6025H20.31L20.5054 15.5659H22L20.6953 9.11797H19.3161ZM19.5529 10.8601L20.0424 13.2811H18.702L19.5529 10.8601ZM10.287 9.11797L8.95012 15.5659H10.5663L11.9027 9.11797H10.287ZM7.89595 9.11797L6.21382 13.5064L5.53345 9.7752C5.45376 9.35855 5.13828 9.11797 4.78802 9.11797H2.0381L2 9.30484C2.56437 9.4316 3.20587 9.63589 3.59431 9.8536C3.8322 9.98692 3.90003 10.1032 3.97825 10.42L5.26683 15.5659H6.97497L9.59332 9.11797H7.89595Z" fill="url(%23paint0_linear_241_42640)"/><defs><linearGradient id="paint0_linear_241_42640" x1="22" y1="12.3333" x2="2" y2="12.3333" gradientUnits="userSpaceOnUse"><stop stop-color="%230056CB"/><stop offset="1" stop-color="%2300246F"/></linearGradient></defs></svg> ');
        }

        .InputFeedback_ADL {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 4px;
            width: 90%;
            height: 16px;
            flex: none;
            order: 2;
            align-self: stretch;
            flex-grow: 0;
        }

        .Feedbackasic_ADL {
            width: 16px;
            height: 16px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .LabelFeedback_ADL {
            width: 267px;
            height: 16px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: 0.07em;
            color: #555F83;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .LabelFeedbackBlue_ADL {
            color: rgba(49, 135, 255, 1);
        }

        .AllSectionService_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px 16px;
            gap: 12px;
            width: 100%;
            height: 109px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .AllSectionCheck_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 10px 24px;
            gap: 10px;
            width: 715px;
            height: 44px;
            flex: none;
            order: 2;
            align-self: stretch;
            flex-grow: 0;
        }

        .SectionCheckSub_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 8px;
            width: 667px;
            height: 24px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .SectionCheckSubTyC_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 8px;
            width: 100%;
            height: 24px;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .ContentCheckBoxTerms_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 10px;
            width: 24px;
            height: 24px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .ContentSubCheckBoxTerms_ADL {
            width: 24px;
            height: 24px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .CheckBoxTerms_ADL {
            width: 24px;
            height: 24px;
            border-radius: 4px;
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_5440_77733)"><rect x="0.5" y="0.5" width="23" height="23" rx="3.5" fill="white" stroke="%23ADBAE6"/></g><defs><clipPath id="clip0_5440_77733"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
            appearance: none;
            border: 0px;
        }

        .CheckBoxTerms_ADL:checked {
            background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_5440_98909)"><g clip-path="url(%23clip1_5440_98909)"><rect width="24" height="24" rx="4" fill="url(%23paint0_linear_5440_98909)"/></g><g clip-path="url(%23clip2_5440_98909)"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.0843 8.04883L17.2558 9.13856L10.3526 16.5599L6.86865 13.0729L8.00051 11.9421L10.311 14.2546L16.0843 8.04883Z" fill="white"/></g></g><defs><linearGradient id="paint0_linear_5440_98909" x1="11.8432" y1="-1.98923e-05" x2="10.6034" y2="23.9356" gradientUnits="userSpaceOnUse"><stop stop-color="%230081FF"/><stop offset="1" stop-color="%230056CB"/></linearGradient><clipPath id="clip0_5440_98909"><rect width="24" height="24" fill="white"/></clipPath><clipPath id="clip1_5440_98909"><rect width="24" height="24" fill="white"/></clipPath><clipPath id="clip2_5440_98909"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
        }

        .CheckBoxTerms_ADL:focus {
            border: 1px solid rgba(86, 176, 255, 1);
        }

        .TextCheckBoxTerms_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 2px 0px 1px;
            gap: 8px;
            width: 635px;
            height: 24px;
            flex: none;
            order: 1;
            flex-grow: 1;
        }

        .LblTextTerm_ADL {
            position: relative;
            top: 1.5px;
            width: 635px;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: 0.05em;
            color: #555F83;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .TextTermColorLink_ADL {
            color: #0081FF;
        }

        .DivFooter_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            padding: 0px 16px;
            gap: 8px;
            width: 100%;
            height: 49px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .Divers_ADL {
            width: 100%;
            height: 1px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .DiversSize_ADL {
            position: relative;
            height: 1px;
            left: 0px;
            right: 0px;
            top: calc(50%-1px/2);
            background: #DFE5F9;
        }

        .ActionsButtons_ADL {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: center;
            padding: 0px 8px;
            gap: 8px;
            width: 100%;
            height: 40px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .ButtonCancel_ADL {
            box-sizing: border-box;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 9px 16px 10px;
            width: 94px;
            height: 40px;
            background: rgba(255, 255, 255, 0.2);
            border: 1px solid#ADBAE6;
            border-radius: 4px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .TextButtonCancel {
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            text-align: center;
            letter-spacing: 0.07em;
            color: #555F83;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .ButtonContinue_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 9px 16px 10px;
            width: 100px;
            height: 40px;
            background: linear-gradient(180deg, #0081FF 0%, #0056CB 100%);
            opacity: 0.5;
            border-radius: 4px;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .ButtonContinueActive_ADL {
            background: linear-gradient(180deg, #0081FF 0%, #0056CB 100%);
            opacity: inherit;
        }

        .TextButtonContinue {
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            text-align: center;
            letter-spacing: 0.07em;
            color: #FFFFFF;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .DivContentFormStep_ADL {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 24px 16px 24px 24px;
            gap: 8px;
            position: absolute;
            height: 154px;
            left: 771px;
            top: 24.29px;
            background: #FFFFFF;
            border: 1px solid#DFE5F9;
            box-shadow: 0px 4px 4px rgba(173, 186, 230, 0.4);
            border-radius: 8px;
        }

        .DivFormStepTitle_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            width: 188px;
            height: 24px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .DivIconStepTitle_ADL {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 8px;
            width: 24px;
            height: 24px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .DivIconStepTitleSub_ADL {
            width: 24px;
            height: 24px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .DivStepTitle_ADL {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 12px 0px 0px 8px;
            width: 164px;
            height: 21px;
            flex: none;
            order: 1;
            flex-grow: 1;
        }

        .DivStepTitleText_ADL {
            width: 156px;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            display: flex;
            align-items: center;
            letter-spacing: 0.05em;
            color: #0081FF;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .DivStepSubTitle_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px 0px 0px 11px;
            gap: 12px;
            width: 188px;
            height: 42px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .DivIconStepSubTitle_ADL {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            padding: 0px;
            gap: 10px;
            width: 2px;
            height: 42px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .DivIconStepSubTitleText_ADL {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            padding: 0px 10px 0px 0px;
            gap: 10px;
            width: 163px;
            height: 42px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .DivSubTitleText_ADL {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px 5px 0px 0px;
            width: 153px;
            height: 42px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .TitleText_ADL {
            width: 148px;
            height: 42px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #555F83;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .RowConfirmation_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 0px;
            width: 188px;
            height: 24px;
            flex: none;
            order: 4;
            align-self: stretch;
            flex-grow: 0;
        }

        .DivStepTitleTextDisable_ADL {
            width: 156px;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            display: flex;
            align-items: center;
            letter-spacing: 0.05em;
            color: #ADBAE6;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .modal-active_ADL {
            height: 100vh;
            -webkit-overflow-scrolling: touch;
        }

        .div-overlay_ADL {
            position: fixed;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
            background: rgba(0, 53, 133, 0.8);
            z-index: 1005;
        }

        .ContentModal_ADL {
            position: initial;
            top: 103px;
        }

        .ModalFile_ADL {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            padding: 8px 0px;
            gap: 16px;
            position: absolute;
            left: 446px;
            top: 5%;
            background: #FFFFFF;
            border: 1px solid#DFE5F9;
            box-shadow: 0px 32px 48px rgba(0, 36, 111, 0.4);
            border-radius: 8px;
            z-index: 1006;
        }

        .ModalTyC_ADL {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            padding: 8px 0px;
            gap: 8px;
            position: absolute;
            left: 255.5px;
            right: 255.5px;
            top: 2%;
            background: #FFFFFF;
            border: 1px solid#DFE5F9;
            box-shadow: 0px 32px 48px rgba(0, 36, 111, 0.4);
            border-radius: 8px;
            z-index: 1006;
        }

        .ModalEdit_ADL {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            padding: 3px 0px;
            gap: 30px;
            position: absolute;
            height: auto;
            left: 445px;
            top: 3.2%;
            background: #FFFFFF;
            border: 1px solid#DFE5F9;
            box-shadow: 0px 32px 48px rgba(0, 36, 111, 0.4);
            border-radius: 8px;
            z-index: 1006;
        }

        .ContentCtrlEdit_ADL {
            display: flex;
            flex-direction: column;
            order: 1;
            align-items: flex-start;
            box-sizing: border-box;
            gap: 30px;
            position: relative;
            width: 100%;
            overflow-y: scroll;
        }

        .FrameModalEdit {
            width: 390px;
            height: 200px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .FrameSetModalEdit_ADL {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0px 16px;
            gap: 10px;
            position: absolute;
            height: auto;
            left: 0px;
            right: 0px;
            top: 91px;
        }

        .FrameCloseModalEdit_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            padding: 0px;
            gap: 8px;
            position: absolute;
            height: 79px;
            left: 0px;
            right: 0px;
            top: 0px;
        }

        .HeaderModalEdit_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            padding: 0px 8px;
            gap: 8px;
            height: 47px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .HeaderSecSubModalEdit_ADL {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 15px 12px 16px;
            gap: 10px;
            background: rgba(239, 242, 252, 0.6);
            border-radius: 4px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .TitleHeaderModalEdit_ADL {
            width: 350px;
            height: 16px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #1B1C1E;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .DetailCardEdit_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 9px 24px 12px 8px;
            gap: 10px;
            width: auto;
            height: 110px;
            background: rgba(239, 242, 252, 0.4);
            border-radius: 4px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .TitleCardEdit_ADL {
            width: 326px;
            height: 16px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #ADBAE6;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentCardEdit_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 8px;
            width: 326px;
            height: 66px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentCreditCardEdit_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px 4px;
            gap: 10px;
            width: 32px;
            height: 32px;
            background: radial-gradient(132.98%166.25%at 81.54%7.45%, #E7D689 0%, #ADA377 100%);
            box-shadow: 0px 2px 2px rgba(173, 186, 230, 0.4);
            border-radius: 4px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .ContentSubCreditCardEdit_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 4px;
            width: 100%;
            height: 66px;
            flex: none;
            order: 1;
            flex-grow: 1;
        }

        .LblNameCardContentEdit_ADL {
            width: 286px;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #1B1C1E;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .LblNroCardContentEdit_ADL {
            width: 286px;
            height: 16px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #9240FE;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .LblSpaceAvailableContentEdit_ADL {
            width: 286px;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            letter-spacing: 0.07em;
            color: #555F83;
            flex: none;
            order: 2;
            align-self: stretch;
            flex-grow: 0;
        }

        .ImputsModalEdit_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px 16px;
            gap: 24px;
            width: 390px;
            height: auto;
            flex: none;
            align-self: stretch;
            flex-grow: 0;
        }

        .OrderOne_ADL {
            order: 1;
        }

        .OrderTwo_ADL {
            order: 2;
        }

        .ImputsFieldModalEdit_ADL {
            width: 100%;
        }

        .ContentFooterModalEdit_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 8px;
            width: 100%;
            height: 52px;
            flex: none;
            order: 3;
            align-self: stretch;
            flex-grow: 0;
        }

        .FooterFrameModalEdit_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 24px;
            width: 100%;
            height: 44px;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .FooterModalEdit_ADL {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-end;
            padding: 0px 4px;
            gap: 8px;
            width: 100%;
            height: 44px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .CloseModalRow_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 8px 8px 0px 0px;
            gap: 10px;
            width: 32px;
            height: 24px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .CloseModalDiv_ADL {
            width: 24px;
            height: 24px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .CloseModal_ADL {
            position: absolute;
            left: 95.00%;
            right: 100%;
            top: 1.62%;
            bottom: 28.62%;
            background: #555F83;
        }

        .FullTabs_ADL {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            padding: 0px;
            width: 754px;
            height: 49px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .FullContentModal_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 8px;
            width: 389px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .FrameModal_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 24px;
            width: 389px;
            flex: none;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            order: 0;
            flex-grow: 1;
        }

        .FrameModalTyC_ADL {
            display: flex;
            gap: 16px;
            flex: none;
            order: 2;
            align-self: stretch;
            flex-grow: 0;
            flex-direction: column;
            width: 100%;
        }

        .FrameContentModal_ADL {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 16px;
            width: 389px;
            height: auto;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .FrameContentModalTyC_ADL {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 8px 8px 8px 24px;
            gap: 16px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .FrameContentSubModalTyC_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 24px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .FrameTopModalTyC_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 8px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .TopContentModalTyC_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 10px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
            overflow-y: scroll;
            height: 290px;
        }

        .ContentTextModalTyC_ADL {
            width: 98%;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            text-align: justify;
            letter-spacing: 0.05em;
            color: #555F83;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .TopContentModalTyC_ADL::-webkit-scrollbar {
            width: 4px;
            height: 4px;
        }

        .TopContentModalTyC_ADL::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .TopContentModalTyC_ADL::-webkit-scrollbar-thumb {
            background: #ADBAE6;
        }

        .TopContentModalTyC_ADL::-webkit-scrollbar-thumb:hover {
            background: #ADBAE6;
        }

        .SeparatorInLineModalTyC_ADL {
            width: 98px;
            height: 4px;
            border-radius: 26px;
            transform: rotate(-90deg);
            flex: auto;
            order: 1;
            flex-grow: 0;
        }

        .ImageContent_DAL {
            width: 200px;
            height: 259px;
            flex: none;
            order: 0;
            flex-grow: 0;
            border-radius: 6px;
            border: 1px solid var(--carbon-c-lighter-300, #DFE5F9);
            box-shadow: 0px 16px 16px 0px rgba(173, 186, 230, 0.40);
        }

        .FrameCheckModalTyC_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 8px 24px;
            gap: 16px;
            flex: none;
            order: 2;
            align-self: stretch;
            flex-grow: 0;
        }

        .TitleContent_ADL {
            width: 389px;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            align-items: center;
            text-align: center;
            letter-spacing: 0.07em;
            color: #1B1C1E;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .TextContent_ADL {
            width: 357px;
            height: 113px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            text-align: center;
            letter-spacing: 0.05em;
            color: #555F83;
            flex: none;
            order: 2;
            flex-grow: 0;
            padding: 0px 19px 0px 0px;
        }

        .ModalFooter_ADL {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-end;
            padding: 0px;
            gap: 8px;
            width: 100%;
            height: 44px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .ModalTyCDividers {
            width: 100%;
            height: 1px;
            flex: none;
            order: 2;
            align-self: stretch;
            flex-grow: 0;
        }

        .ModalTyCTabs_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: flex-end;
            padding: 0px 12px;
            gap: 8px;
            height: 48px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .ModalTyCTabsSub_ADL {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 12px 8px;
            height: 48px;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .ModalTyCTabFrame_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 8px;
            height: 24px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .ModalTyCIcon_ADL {
            width: 24px;
            height: 24px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .ModalTyCTitleText_ADL {
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            text-align: right;
            letter-spacing: 0.05em;
            color: #1B1C1E;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .ModalFooterDividers {
            width: 100%;
            height: 1px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .ModalLineSection_ADL {
            position: relative;
            height: 1px;
            left: 0%;
            right: 0%;
            top: calc(50%-1px/2);
            background: #DFE5F9;
        }

        .ModalActions_ADL {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: flex-start;
            padding: 0px 8px;
            gap: 8px;
            width: 100%;
            height: 40px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .ModalActionsTyC_ADL {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: flex-start;
            padding: 0px 8px;
            gap: 8px;
            width: 745px;
            height: 40px;
            flex: none;
            order: 4;
            align-self: stretch;
            flex-grow: 0;
        }

        .ModalButton_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 9px 16px 10px;
            width: 86px;
            height: 40px;
            background: linear-gradient(180deg, #0081FF 0%, #0056CB 100%);
            border-radius: 4px;
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .ModalTextButton_ADL {
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            text-align: center;
            letter-spacing: 0.07em;
            color: #FFFFFF;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .ModalLoader_ADL {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 8px;
            position: absolute;
            height: 182px;
            left: 564.5px;
            top: 30%;
            filter: drop-shadow(0px 32px 48px rgba(0, 36, 111, 0.4));
            z-index: 1006;
        }

        .ModalContentLoader_ADL {
            width: 166px;
            height: 182px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentSubLoader_ADL {
            width: 78.82px;
            height: 96px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .ModalBoxLoader_ADL {
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 10px;
            position: absolute;
            width: 166px;
            height: 97px;
            left: calc(50%-166px/2);
            top: 85px;
            background: #FFFFFF;
            border: 1px solid#DFE5F9;
            box-shadow: 0px 8px 8px rgba(0, 36, 111, 0.4);
            border-radius: 8px;
        }

        .BoxFrameSetLoader_ADL {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0px 16px;
            gap: 8px;
            width: 166px;
            height: 97px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .TextFrameLoader_ADL {
            width: 138px;
            height: 42px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            text-align: center;
            letter-spacing: 0.07em;
            color: #555F83;
            flex: none;
            order: 1;
            flex-grow: 1;
        }

        .ContentLogoLoader_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: flex-start;
            padding: 0px 0px 0px 16px;
            gap: 8px;
            position: absolute;
            width: 34.52px;
            height: 96px;
            left: 50.7px;
            top: 0px;
        }

        .ModalThankyouPage_ADL {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            padding: 8px 0px;
            gap: 16px;
            position: absolute;
            height: auto;
            left: 445px;
            right: auto;
            top: 20%;
            background: #FFFFFF;
            border: 1px solid#DFE5F9;
            box-shadow: 0px 32px 48px rgba(0, 36, 111, 0.4);
            border-radius: 8px;
            z-index: 1006;
        }

        .FrameThankyouPage_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px 0px 0px 0px;
            gap: 10px;
            width: auto;
            height: 24px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .FullContentThankyouPage_ADL {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px;
            gap: 8px;
            width: 390px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .FrameThankyouSubPage_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 24px;
            width: 100%;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .FullContentSubThankyouPage_ADL {
            display: flex;
            padding: 0px 16px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
            gap: 16px;
            align-self: stretch;
        }

        .DivImgModal_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 8px;
            gap: 10px;
            width: 80px;
            height: 80px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .ImgModal_ADL {
            width: 64px;
            height: 64px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .ContentTextThankyouPage_ADL {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px 0px;
            gap: 8px;
            width: 358px;
            height: 92px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .TextTitleThankyouPage_ADL {
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 0px 20px;
            gap: 10px;
            width: 358px;
            height: 21px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .TextContentThankyouPage_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 10px;
            width: 358px;
            height: 63px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .FormatTextTitleThankyouPage_ADL {
            width: 358px;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            text-align: center;
            letter-spacing: 0.07em;
            color: #1B1C1E;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .FormatTextContentThankyouPage_ADL {
            width: 358px;
            height: 63px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            text-align: center;
            letter-spacing: 0.05em;
            color: #555F83;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .FooterThankyouPage_ADL {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-end;
            padding: 0px;
            gap: 8px;
            width: 100%;
            height: 44px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .DivDisplay_ADL {
            display: none;
        }

        .DivFormOne_ADL {
            padding-bottom: 0 !important;
            max-width: 1220px;
            width: 100%;
            margin: auto;
            padding: 40px 12px;
        }

        .DivModal_ADL {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 16px;
            position: absolute;
            height: auto;
            right: 344px;
            top: 22px;
            background: #FFFFFF;
            border: 1px solid#DFE5F9;
            box-shadow: 0px 32px 48px rgba(0, 36, 111, 0.4);
            border-radius: 8px;
            z-index: 1006;
            overflow-x: hidden;
        }

        .ModalFormOne_ADL {
            width: 593px;
            height: auto;
        }

        .ContentModalFormOne_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 24px;
            width: 593px;
            height: auto;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .ContentModalSub_ADL {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0px 32px;
            gap: 16px;
            height: 630px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentTextModal_ADL {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0px;
            gap: 24px;
            width: 529px;
            height: 534px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentTitleModal_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 10px;
            width: 529px;
            height: 21px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .TitleModal_ADL {
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            line-height: 21px;
            display: initial;
            align-items: center;
            text-align: center;
            letter-spacing: 0.07em;
            color: #1B1C1E;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .DivContentModal_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px;
            gap: 24px;
            width: 529px;
            height: 489px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .DivContentModalSub_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 10px;
            width: 529px;
            height: 66px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .ItemBody_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            width: 529px;
            height: auto;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 1;
        }

        .DiamondBody_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 10px;
            gap: 10px;
            width: 24px;
            height: 24px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .ContentTextBody_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 3px 0px 0px;
            gap: 10px;
            width: 505px;
            height: auto;
            flex: none;
            order: 1;
            flex-grow: 1;
        }

        .TextBody_ADL {
            height: auto;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: 0.05em;
            color: #555F83;
        }

        .AlertContentBody_ADL {
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 16px;
            gap: 8px;
            width: 529px;
            height: 240px;
            background: #E3F2FF;
            border: 1px solid#3187FF;
            border-radius: 8px;
            flex: none;
            order: 3;
            align-self: stretch;
            flex-grow: 0;
        }

        .IconsTitleContentBody_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0px;
            gap: 8px;
            width: 497px;
            height: 32px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .IconsTitle_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 0px;
            gap: 10px;
            width: 32px;
            height: 32px;
            border-radius: 4px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .IconsTitleSub_ADL {
            width: 16px;
            height: 16px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .IconsTitleText_ADL {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 6px 0px 0px;
            gap: 10px;
            width: 457px;
            height: 32px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 1;
        }

        .IconsText_ADL {
            width: 457px;
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 21px;
            letter-spacing: 0.05em;
            color: #2E4783;
            flex: none;
            order: 0;
            flex-grow: 1;
        }

        .ContentAlert_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0px 0px 0px 40px;
            gap: 16px;
            width: 497px;
            height: 168px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentMainAlert_ADL {
            width: 457px;
            height: 168px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            letter-spacing: 0.07em;
            color: #555F83;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .ContentFooter_ADL {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: flex-end;
            padding: 0px;
            gap: 8px;
            width: 593px;
            height: 44px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
        }

        .LineSection_ADL {
            width: 593px;
            height: 1px;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
        }

        .FooterRowButton_ADL {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: flex-start;
            padding: 0px 16px;
            gap: 8px;
            width: 593px;
            height: 40px;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
            position: relative;
            top: 9px;
        }

        .FooterButton_ADL {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 9px 16px 10px;
            width: 86px;
            height: 40px;
            background: linear-gradient(180deg, #0081FF 0%, #0056CB 100%);
            border-radius: 4px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .FooterTextButton_ADL {
            height: 21px;
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 21px;
            display: flex;
            align-items: center;
            text-align: center;
            letter-spacing: 0.07em;
            color: #FFFFFF;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .CardContentCompraCartera {
            display: flex;
            flex-direction: row;
            position: relative;
            background: #FFFFFF;
            align-items: center;
            padding: 12px 16px 11px 12px;
            gap: 12px;
            border: 1px solid#EFF2FC;
            box-shadow: 0px 16px 16px rgba(173, 186, 230, 0.4);
            border-radius: 12px;
            cursor: pointer;
        }

        .SubContentIcon_ADL {
            width: 40px;
            height: 40px;
            flex: none;
            order: 0;
            flex-grow: 0;
        }

        .SubContentDivider_ADL {
            flex: none;
            order: 1;
            flex-grow: 0;
        }

        .SubCardContentBody_ADL {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 2px 0px 0px 0px;
            gap: 0px;
            height: 41px;
            flex: none;
            order: 2;
            flex-grow: 1;
        }

        .OfferTitleBlack_ADL {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 500;
            font-size: 11px;
            line-height: 16px;
            color: #1B1C1E;
            flex: none;
            order: 0;
            align-self: stretch;
            flex-grow: 0;
            cursor: pointer;
        }

        .OfferTitleBlue_ADL {
            font-family: 'Poppins';
            font-style: normal;
            font-weight: 400;
            font-size: 11px;
            line-height: 16px;
            letter-spacing: 0.07em;
            color: #0056CB;
            flex: none;
            order: 1;
            align-self: stretch;
            flex-grow: 0;
            cursor: pointer;
        }

        .DivModalAlertCupo_ADL {
            display: flex;
            width: 576px;
            padding: 16px;
            flex-direction: column;
            align-items: flex-start;
            border-radius: 8px;
            border: 1px solid var(--semantic-info-700, #3187FF);
            background: var(--semantic-info-100, #E3F2FF);
        }

        .DivModalSubAlertCupo_ADL {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            align-self: stretch;
        }

        .DivModalSvgAlertCupo_ADL {
            display: flex;
            padding: 8px;
            justify-content: center;
            align-items: center;
            gap: 10px;
        }

        .DivModalTextAlertCupo_ADL {
            display: flex;
            padding-top: 14px;
            align-items: flex-start;
            gap: 10px;
            flex: 1 0 0;
            align-self: stretch;
        }

        .DivModalSpanAlertCupo_ADL {
            color: var(--carbon-c-lighter-700, #555F83);
            font-family: Poppins;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 21px;
            letter-spacing: 0.84px;
        }

        @media(max-width:2500px) {
            .DivModal_ADL {
                right: 36%;
            }

            .ModalFile_ADL {
                left: 40%;
            }

            .FullTabs_ADL {
                width: 100%;
            }

            .CloseModal_ADL {
                left: 100%;
            }

            .ModalTyCDividers {
                width: 100%;
            }

            .ModalActionsTyC_ADL {
                width: 100%;
            }

            .ModalEdit_ADL {
                left: 40%;
            }

            .ModalThankyouPage_ADL {
                left: 40%;
            }

            .ModalLoader_ADL {
                left: 45%;
            }
        }

        @media(max-width:2000px) {
            .DivModal_ADL {
                right: 34%;
            }

            .ModalFile_ADL {
                left: 38%;
            }

            .FullTabs_ADL {
                width: 100%;
            }

            .CloseModal_ADL {
                left: 100%;
            }

            .ModalTyCDividers {
                width: 100%;
            }

            .ModalActionsTyC_ADL {
                width: 100%;
            }

            .ModalEdit_ADL {
                left: 38%;
            }

            .ModalThankyouPage_ADL {
                left: 39%;
            }

            .ModalLoader_ADL {
                left: 44%;
            }
        }

        @media(max-width:1750px) {
            .DivModal_ADL {
                right: 32%;
            }

            .ModalFile_ADL {
                left: 34%;
            }

            .FullTabs_ADL {
                width: 100%;
            }

            .CloseModal_ADL {
                left: 100%;
            }

            .ModalTyCDividers {
                width: 100%;
            }

            .ModalActionsTyC_ADL {
                width: 100%;
            }

            .ModalEdit_ADL {
                left: 34%;
            }

            .ModalThankyouPage_ADL {
                left: 37%;
            }

            .ModalLoader_ADL {
                left: 43%;
            }
        }

        @media(max-width:1300px) {
            .DivModal_ADL {
                right: 26%;
            }

            .ModalFile_ADL {
                left: 32.5%;
            }

            .FullTabs_ADL {
                width: 100%;
            }

            .CloseModal_ADL {
                left: 100%;
            }

            .ModalTyCDividers {
                width: 100%;
            }

            .ModalActionsTyC_ADL {
                width: 100%;
            }

            .ModalEdit_ADL {
                left: 33%;
            }

            .ModalThankyouPage_ADL {
                left: 34%;
            }

            .ModalLoader_ADL {
                left: 43%;
            }
        }

        @media(max-width:1024px) {
            .DivModal_ADL {
                right: 22.5%;
            }

            .ModalFile_ADL {
                left: 32%;
            }

            .FullTabs_ADL {
                width: 100%;
            }

            .CloseModal_ADL {
                left: 100%;
            }

            .SectionCheckSubTyC_ADL {
                width: 100%;
            }

            .ModalTyCDividers {
                width: 100%;
            }

            .ModalActionsTyC_ADL {
                width: 99%;
            }

            .ModalEdit_ADL {
                left: 32%;
            }

            .ModalThankyouPage_ADL {
                left: 32%;
            }

            .ModalLoader_ADL {
                left: 42%;
            }
        }

        #CC_modalLoadImage_ADL,
        #CC_modalEditDataCard_ADL,
        #CC_modalTyC_ADL {
            position: fixed;
            z-index: 9999;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            overflow-y: overlay;
            left: 0;
        }

        #SecFormDataCard_ADL,
        #SecFormConfirmDataCard_ADL {
            display: flex;
            position: fixed;
            width: 100%;
            height: 88%;
            overflow: auto;
            overflow-y: overlay;
            left: 240px;
        }

        #SecContentForm_ADL {
            background-color: transparent;
        }

        .DivForm_ADL {
            position: relative !important;
            height: initial !important;
            left: initial !important;
            z-index: initial !important;
            overflow-y: overlay;
            overflow-x: hidden;
            margin-left: 30px;
        }
    
  
    
        .mth-slider {
            position: relative;
            width: 100%;
            max-width: 100%;
            max-height: 100%;
            overflow: hidden;
        }

        .mth-slides {
            position: relative;
            width: 100%;
            height: auto;
            display: flex;
            transition: transform 1s ease-in-out;
        }

        .slide {
            min-width: 100%;
            height: 100%;
            cursor: pointer;
        }

        .slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .mth-prev,
        .mth-next {
            position: absolute;
            top: 55%;
            transform: translateY(-50%);
            border-radius: 100%;
            color: white;
            border: none;
            cursor: pointer;
            z-index: 10;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .mth-prev {
            left: 10px;
        }

        .mth-next {
            right: 10px;
        }

        .mth-paginator {
            position: absolute;
            bottom: 0px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 5px;
        }

        .mth-dot {
            width: 10px;
            height: 10px;
            background: blue;
            border-radius: 50%;
            opacity: 0.5;
            cursor: pointer;
        }

        .mth-dot.active {
            opacity: 1;
        }
    
