.nt-cp-local-pagecontainer {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.nt-cp-local-card1 {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
    border-radius: 8px;
    background: var(--White, #FFF);
    max-width: 400px;
}

.nt-cp-local-card2 {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
    background: var(--White, #FFF);
    max-width: 400px;
}

.nt-cp-local-card3 {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 8px;
    background: var(--White, #FFF);
    max-width: 400px;
}

/*.nt-cp-h1{
    font-weight: 500;
}*/

.nt-cp-local-card1formbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    align-self: stretch;
}

.nt-cp-card1inputbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.nt-cp-local-card2box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    min-height: 304px;
}

.nt-cp-local-card2content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}

.nt-cp-local-card2body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.nt-cp-local-card2condition {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.nt-cp-local-card2list ul {
    list-style-type: disc;
    padding-left: 20px;
    color: #000;
}

.nt-cp-local-card2list li {
    color: #000;
}

.nt-cp-local-card3content {
    display: flex;
    min-height: 304px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.nt-cp-local-card3subtype {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
}

.nt-cp-local-tsibox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.nt-cp-local-tsicontainer {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    border-radius: 8px;
    background: #FFF;
}

.nt-cp-local-tsititlebox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.nt-cp-local-telepanelbox {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px;
    align-self: stretch;
    flex-wrap: wrap;
}

.nt-cp-local-telematiccell {
    display: flex;
    width: 232px;
    height: 232px;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 48px;
    aspect-ratio: 1/1;
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #DAD9D8);
    background: #FFF;
}

.nt-cp-local-telematicpanel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 48px;
}

.nt-cp-local-telematicimagebox {
    display: flex;
    height: 78px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.nt-cp-local-telematicimage {
    display: flex;
    width: 184px;
    height: 24.331px;
    padding: 0px 2.028px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4.055px;
    flex-shrink: 0;
    aspect-ratio: 184.00/24.33;
}

.nt-cp-local-telematicdesc {
    width: 184px;
    color: var(--Black, #000);
    text-align: center;
    /* MobileWeb/Body/Detail Caps */
    font-family: "INTL Text";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
    text-transform: uppercase;
}

.nt-cp-local-errorbox {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.nt-cp-local-modal-closebox {
    display: flex;
    width: 32px;
    height: 32px;
    /*padding: 6px;*/
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.nt-cp-local-modal-container {
    display: flex;
    width: 800px;
    padding: var(--spacing-32, 32px);
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-16, 16px);
    flex: 1 0 0;
    border-radius: var(--Radius-M, 8px);
    background: var(--White, #FFF);
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.25);
}

.nt-cp-local-modal-title {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.nt-cp-local-modal-titletext {
    display: flex;
    align-items: center;
    gap: 32px;
    flex: 1 0 0;
    align-self: stretch;
}

.nt-cp-local-modal-logobox {
    display: flex;
    padding: 16px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.nt-cp-local-modal-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
    align-self: stretch;
}

.nt-cp-local-modal-bodysec {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.nt-cp-local-modal-bodysectitle {
    align-self: stretch;
    color: var(--text-default, #000);
    /* MobileWeb/Body/Body Strong */
    font-family: "INTL Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
}

/*.card-text{
    color: black;
}*/

/* tool tip */
#custom-tooltip {
    transform: translateZ(0);
}

.nt-cp-local-grid-tooltip {
    display: none;
    /*display: flex;*/
    /*height: 32px;*/
    padding: var(--spacing-4, 4px) var(--spacing-8, 8px);
    align-items: center;
    gap: var(--spacing-8, 8px);
    border-radius: var(--Radius-S, 4px);
    background: var(--Gray-900, #272623);
    position: absolute;
    z-index: 1000;
}

.nt-cp-local-grid-tooltip-text {
    white-space: nowrap;
    color: var(--White, #FFF);
    text-align: left;
    /* MobileWeb/Body/Detail  Strong */
    font-family: "INTL Text";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
}

.nt-cp-local-resendconfirmbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 10px;
}

.nt-cp-local-bannerbox {
    display: flex;
    width: 100%;
    padding: 16px;
    align-items: flex-start;
    gap: 16px;
    border-radius: 4px;
    background: var(--Red-50, #FFE1DE);
}

.nt-cp-local-bannertextbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    gap: 4px;
}

.nt-cp-local-bannertitlebox {
    display: flex;
    /*justify-content: flex-end;*/
    align-self: stretch;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
}

.notificationClose {
    cursor: pointer;
}

.nt-cp-local-bannertext a {
    color: var(--text-default, #000);
}

.nt-cp-toast-icon,
.nt-cp-toast-closeicon {
    padding: 12px;
}

.nt-cp-toast-text-primary {
    font-weight: 500;
    color: var(--Gray-25, #F5F5F5);
}

.nt-cp-toast-text-secondary {
    color: var(--Gray-400, #A09E9A);
    line-height: 125%; /* 17.5px */
}

    .nt-cp-toast-text-secondary a {
        color: var(--Gray-400, #A09E9A);
    }

.nt-cp-local-confirmemail-footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.nt-cp-btn-secondary a {
    color: var(--co-text-primary, #000);
    text-align: center;
    /* MobileWeb/Body/Detail Strong Caps */
    font-family: "INTL Text";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    text-transform: uppercase;
}

    .nt-cp-btn-secondary a:hover {
        color: var(--co-text-primary, #000) !important;
    }

.nt-cp-local-emailbox {
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.nt-cp-local-emailcontainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
    height: 100%;
}

.nt-cp-local-emailpage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: var(--Radius-M, 8px);
    background: #FFF;
}

.nt-cp-local-emailbody {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.nt-cp-local-emailbody-title {
    display: flex;
    width: 336px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

.nt-cp-local-emailbody-textbox {
    display: flex;
    width: 336px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
}

.nt-cp-local-emailbody-text {
    flex: 1 0 0;
    color: var(--text-secondary, #5F5E5B);
    text-align: center;
    /* MobileWeb/Body/Body Small */
    font-family: "INTL Text";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}

    .nt-cp-local-emailbody-text pre {
        text-decoration: none;
        color: var(--text-secondary, #5F5E5B);
        text-align: center;
        /* MobileWeb/Body/Body Small */
        font-family: "INTL Text";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
        margin: 0px;
        text-wrap: auto;
    }

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

a {
    color: #000;
}

input.form-control {
    box-shadow: none !important;
}

.form-control:focus {
    color: none !important;
}

.nt-cp-local-select-field-root:active, .nt-cp-local-select-field-root:hover {
    border-color: #5f5e5b;
}

.nt-cp-local-select-field-root {
    width: 100% !important;
    align-items: center;
    background: #fff;
    border: 1px solid #cbcac8;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    display: inline-flex;
    font-family: "INTL Text";
    gap: 16px;
    height: 40px;
    justify-content: space-between;
    outline-color: #ff7144;
    overflow: hidden;
    padding: 8px 12px;
    transition: box-shadow .1s ease-in-out;
    width: inherit;
}

    .nt-cp-local-select-field-root:focus {
        border-color: #ff7144;
        box-shadow: 0 0 0 1px #ff7144;
    }

    .nt-cp-local-select-field-root option {
        background: var(--gray-800, #30312e);
        align-items: center;
        border-bottom: 1px solid var(--gray-700, #41413e);
        color: var(--gray-300, #bab9b5);
        cursor: pointer !important;
        display: flex;
        font-family: INTL Text;
        font-size: 14px;
        font-weight: 500;
        gap: 16px;
        line-height: 17px;
        overflow: hidden;
        overflow-wrap: break-word;
        padding: 12px 20px;
        text-align: left;
        white-space: normal;
        word-break: break-word;
    }

        .nt-cp-local-select-field-root option:hover {
            background: var(--gray-700, #41413e);
            color: #fff;
            cursor: pointer;
        }

    .nt-cp-local-select-field-root:disabled {
        border-radius: var(--Radius-rounded-sm, 4px);
        background: var(--Gray-50, #E8E8E8);
        background-repeat: no-repeat !important;
        background-position: 96.8% center !important;
        background-size: 13px 8px !important;
        border: none !important;
        cursor: not-allowed !important;
        color: var(--Gray-500, #82817D) !important;
    }

.nt-cp-local-select-customarrow {
    -webkit-appearance: none !important;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M15.3663 6.61621L10 11.9825L4.63375 6.61621L3.75 7.49996L10 13.75L16.25 7.49996L15.3663 6.61621Z' fill='black'></path></svg>");
    background-repeat: no-repeat;
    background-position: 96.8% center;
}

    .nt-cp-local-select-customarrow:disabled {
        /*background-image: url("data:image/svg+xml,<svg opacity='0.2' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M15.3663 6.61621L10 11.9825L4.63375 6.61621L3.75 7.49996L10 13.75L16.25 7.49996L15.3663 6.61621Z' fill='black'></path></svg>") !important;*/
        background-image: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'>\ <path d='M11.6163 0L6.25 5.36625L0.88375 0L0 0.88375L6.25 7.13375L12.5 0.88375L11.6163 0Z' fill='%23A09E9A'/>\</svg>") !important;
    }

.nt-cp-local-card1content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.nt-cp-local-card1title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.form-label {
    margin-bottom: 0px;
}

.intl-tel-input .country-list {
    width: 225px;
}

.nt-cp-local-telemodal-box {
    display: flex;
    width: 800px;
    padding: var(--spacing-32, 32px);
    flex-direction: column;
    /*align-items: center;*/
    gap: var(--spacing-16, 16px);
    flex: 1 0 0;
    border-radius: var(--Radius-M, 8px);
    background: var(--White, #FFF);
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.25);
}

.nt-cp-local-telemodal-titlebox {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

.nt-cp-local-telemodal-title {
    display: flex;
    align-items: center;
    gap: 32px;
    flex: 1 0 0;
    align-self: stretch;
}

.nt-cp-local-telemodal-logobox {
    display: flex;
    padding: 16px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    max-width: 500px;
}

.nt-cp-local-telemodal-bodycontent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    flex: 1 0 0;
    align-self: stretch;
}

.nt-cp-local-telemodal-contactbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.nt-cp-local-telemodal-reqbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

    /*.nt-cp-local-telemodal-reqbox > p, ol, li, span, a {
    color: var(--gray-600, #5f5e5b);
    font-size: 16px;
}*/

    .nt-cp-local-telemodal-reqbox ol {
        list-style: decimal;
        padding-left: 18px;
    }

    .nt-cp-local-telemodal-reqbox li {
        margin-block-end: 0.75rem;
    }

.nt-cp-body h4 {
    font-weight: 400;
    margin-block-end: 0.75rem;
}

.modal-body {
    padding: 0px;
}

.nt-cp-local-telemodal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.nt-cp-local-footerbox {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background: var(--co-system-asphalt, #272623);
}

    .nt-cp-local-footerbox .nt-cp-detail {
        color: var(--Gray-300, #BAB9B5);
        text-transform: uppercase;
        display: flex;
    }

.nt-cp-local-termsbox {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
}

    .nt-cp-local-termsbox a {
        color: var(--Gray-300, #BAB9B5);
        font-size: 12px;
    }


.nt-cp-local-lang-hint-outer {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

    .nt-cp-local-lang-hint-outer img {
        width: 16px;
        height: 16px;
        aspect-ratio: 1/1;
    }

.nt-cp-local-lang-hint-text {
    flex: 1 0 0;
    color: var(--Core-Black, #000);
    /* MobileWeb/Body/Detail */
    font-family: "INTL Text";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 133.333% */
}