:root {
    --fs-title: 64px;
    --fs-title-sub: 24px;
    --fs-sub-txt: 20px;
    --fs-body: 18px;
    --fs-body-txt: 16px;
    --fs-body-sub: 14px;
    --fs-small: 12px;

    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
    --fw-extra-bold: 800;
    --fw-black: 900;
}

.subTopPadd {
    padding: 4.5em 0 4em;
}

.sv_signUp {
    background-image: url(../images/signUpBg.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100dvh;
}

/* Sign Up */
.sv_signUpBox {
    max-width: 468px;
    padding: 2em;
    background: rgba(21, 68, 163, 0.1);
    box-shadow: 0px 5px 33.4px rgba(0, 0, 0, 0.4), inset 0 0 3px rgba(255, 255, 255, 0.25);
    border-radius: 24px;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(12px);
}

.sv_siteLogo {
    margin-bottom: 2.625em;
}

.sv_siteLogo img {
    max-width: 231px;
    margin-inline: auto;
    width: 100%;
}

.sv_signUpBoxTitle {
    gap: 0.375em;
}

.sv_signUpBoxTitleTxt>* {
    font-size: var(--fs-title-sub);
    color: #ffffff;
    font-weight: var(--fw-semi-bold);
}

.sv_signUpBoxDesc>p {
    font-size: var(--fs-small);
    color: #ffffff;
    opacity: 0.65;
    margin-bottom: 3.4em;
    margin-top: 0.5em;
    line-height: 2.166;
}

.sv_signUpInputs {
    background-color: #ffffff;
    border-radius: 58px;
    overflow: hidden;
}

.sv_TxtInp>input {
    font-size: var(--fs-body-sub);
    color: #1F447B;
    font-weight: var(--fw-medium);
    background-color: transparent;
    border: none;
    outline: none;
    font-family: var(--font-main);
    width: 100%;
}

.sv_TxtInp.readonly>input {
    color: rgba(31, 68, 123, 0.6);
}

.sv_TxtInp>input::placeholder {
    color: rgba(31, 68, 123, 0.6);
}

.sv_contDrop {
    margin: 0.3125em 0.571em 0.3125em 0.3125em;
}

.sv_contDrop>select {
    background: #DCEFFB;
    border-radius: 30px;
    padding: 0.4285em 1.8em 0.4285em 0.7142em;
    font-size: var(--fs-body-sub);
    font-weight: var(--fw-medium);
    font-family: var(--font-main);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'>\<path d='M4.83203 5.70703C4.72092 5.70703 4.60981 5.6862 4.4987 5.64453C4.40148 5.58898 4.3112 5.52648 4.22786 5.45703L0.290365 1.4987C0.0959205 1.31814 -0.00130165 1.11675 -0.00130165 0.894531C0.012587 0.65842 0.109809 0.450086 0.290365 0.269531C0.47092 0.088975 0.672309 -0.00130296 0.894532 -0.00130296C1.13064 -0.00130296 1.33898 0.088975 1.51953 0.269531L4.83203 3.60286L8.16536 0.269531C8.34592 0.088975 8.54731 0.00564138 8.76953 0.0195301C9.00564 0.0195301 9.21398 0.109808 9.39453 0.290364C9.57509 0.470919 9.66537 0.679253 9.66537 0.915364C9.66537 1.13759 9.56814 1.33898 9.3737 1.51953L5.4362 5.45703C5.35287 5.52648 5.25564 5.58898 5.14453 5.64453C5.04731 5.6862 4.94314 5.70703 4.83203 5.70703Z' fill='%231544A3'/>\</svg>");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 10px 6px;
    border: none;
    outline: none;
    color: rgba(31, 68, 123, 0.6);
}

.sv_sendOtpBtn {
    min-width: auto;
}

.sv_sendOtpBtn button,
.sv_sendOtpBtn a {
    display: inline-block;
    border: none;
    outline: none;
    font-size: var(--fs-body-sub);
    font-family: var(--font-main);
    font-weight: var(--fw-medium);
    background-color: var(--primary-blue);
    color: #ffffff;
    width: max-content;
    padding: .4375rem 1rem;
    cursor: pointer;
    white-space: nowrap;
    width: 100%;
    font-size: .875rem;
    font-weight: 600;
    border-radius: 70px;
    line-height: 1.5;
}

.sv_signUpEmail,
.sv_signUpVerify {
    margin-bottom: 1.125em;
}

.sv_signUpVerify.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.sv_signUpEmail .sv_TxtInp {
    position: relative;
    flex: 1;
    min-width: 0;
    align-self: stretch;
    display: flex;
    align-items: center;
}

/* Email icon lives on the wrapper, never touched by browser autofill */
.sv_signUpEmail .sv_TxtInp::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 13px;
    background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='17' height='13' viewBox='0 0 17 13'>\<path d='M1.73047 12.3346C1.25825 12.3346 0.848525 12.168 0.501302 11.8346C0.167969 11.4874 0.00130212 11.0777 0.00130212 10.6055V1.73047C0.00130212 1.25825 0.167969 0.855468 0.501302 0.522135C0.848525 0.174912 1.25825 0.00130081 1.73047 0.00130081H14.6055C15.0916 0.00130081 15.5013 0.174912 15.8346 0.522135C16.168 0.855468 16.3346 1.25825 16.3346 1.73047V10.6055C16.3346 11.0777 16.168 11.4874 15.8346 11.8346C15.5013 12.168 15.0916 12.3346 14.6055 12.3346H1.73047ZM14.6055 3.64713L8.6263 7.10547C8.55686 7.16102 8.48047 7.20269 8.39714 7.23047C8.3138 7.24436 8.23741 7.2513 8.16797 7.2513C8.08464 7.2513 8.00825 7.24436 7.9388 7.23047C7.88325 7.20269 7.8138 7.16102 7.73047 7.10547L1.73047 3.64713V10.6055H14.6055V3.64713ZM8.16797 5.45963L14.5846 1.73047H1.77214L8.16797 5.45963Z' fill='%231F447B' fill-opacity='0.6'/>\</svg>");
    background-repeat: no-repeat;
    background-size: 17px 13px;
    pointer-events: none;
}

.sv_signUpEmail .sv_TxtInp input {
    padding: 0.779em 1.1428em;
    padding-left: 30px;
}

.sv_signUpVerify {
    padding: 5px;
    padding-left: 1em;
}

.sv_signUpVerify.num {
    padding: 2px;
    padding-left: 1em;
}

.sv_signUpInputs.sv_signUpNumber {
    padding-left: 0.1em;
}

.sv_signUpInputs.sv_signUpNumber .sv_sendOtpBtn {
    padding-left: 0.2em;
    padding-right: 0.2em;
}

.sv_signUpSubmit a {
    padding: 0.8571em 4em;
    margin-top: 2.2857em;
    font-size: var(--fs-body-sub);
    font-family: var(--font-main);
    font-weight: var(--fw-medium);
    color: var(--text-white);
    background-color: var(--primary-blue);
    border-radius: 50px;
    border: none;
    outline: none;
    width: 100%;
    transition: all 0.3s;
    cursor: pointer;
    float: left;
    width: 100%;
    text-align: center;
}

.sv_signUpSubmit a:hover {
    color: #ffffff;
}

.sv_signUpSubmit a[disabled],
.sv_signUpSubmit a.disable {
    color: rgba(0, 0, 0, 0.5);
    background-color: #FFFFFF;
    opacity: 0.3;
    cursor: auto;
    pointer-events: none;
}

.sv_signUpBoxBtm {
    margin-top: 1.5rem;
}

.sv_signUpBoxBtm:not(:last-child) {
    margin-bottom: 1.375rem;
    padding-bottom: 1.375rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.102);
}

.sv_signUpBoxBtmTxtNLink {
    gap: 0.3em;
}

.sv_signUpBoxBtmTxtNLink:not(:last-child) {
    margin-bottom: 0.5em;
}

.sv_signUpBoxBtmTxtNLink>* {
    font-size: var(--fs-body-sub);
    font-weight: 400;
}

.sv_signUpBoxBtmTxt {
    color: rgba(255, 255, 255, 0.6);
}

.sv_signUpBoxBtmLink {
    color: #FFFFFF;
}

.sv_signUpBoxBtmList h3 {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-white);
    line-height: 1.2;
    margin-bottom: 16px;
    letter-spacing: 0;
}

.sv_signUpBoxBtmList ul li:not(:last-child) {
    margin-bottom: 16px;
}

.sv_signUpBoxBtmList ul li p {
    font-size: 12px;
    font-weight: 300;
    display: flex;
    gap: 6px;
    color: var(--text-white);
    letter-spacing: 0;
}

.sv_signUpBoxBtmList ul li p span:not(:last-child) {
    flex: 0 0 15px;
    max-width: 15px;
}

/* Account Creation */
/* Account Creation Selections */
.sv_accountCreationSec {
    background-image: url(../images/accountCreactionBg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 100dvh;
}

.sv_accountCreationSec>.wrapper {
    max-width: 100%;
}

.sv_accountCreationBox {
    gap: 1.5em;
    margin-block: 1.5em;
    min-height: 94dvh;
}

.sv_accountCreationLeft {
    max-width: 300px;
    position: sticky;
    top: 24px;
    height: fit-content;
}

.sv_accountCreationLeftTitle>* {
    font-size: var(--fs-body-sub);
    color: #FFFFFF;
    font-weight: var(--fw-regular);
    margin-block: 1.714em 1.142em;
    text-transform: uppercase;
}

.sv_accountCreationLeftListingBasic {
    font-size: var(--fs-body-sub);
    color: #FFFFFF;
    padding: 0.5714em;
    font-weight: var(--fw-light);
    gap: 4px;
    transition: all 0.3s;
}

.sv_accountCreationLeftListingBasic.active {
    background: rgba(0, 0, 0, 0.01);
    border-radius: 8px;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.35), inset 0 -1px 1px rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(22px);
}

.sv_accountCreationLeftListingStepsBtn {
    gap: 5px;
    color: #FFFFFF;
}

.sv_accountCreationLeftListingStepsCount span {
    display: inline-flex;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #DFE9EF;
    font-size: var(--fs-small);
    color: #3D4046;
    background-color: #FFFFFF;
    justify-content: center;
    align-items: center;
    font-weight: var(--fw-semi-bold);
}

.sv_accountCreationLeftListingStepsTxtTitle {
    font-size: var(--fs-body-sub);
    color: #FFFFFF;
    font-weight: var(--fw-regular);
    margin-top: 2.5px;
}

.sv_accountCreationLeftListingStepsTxtDesc {
    font-size: calc(var(--fs-small) - 2px);
    color: #FFFFFF;
    opacity: 0.8;
    font-weight: var(--fw-medium);
    margin-top: 0.4em;
}

.sv_accountCreationLeftListingStepsUl>li {
    padding: 0.5em;
    margin-top: 0.5em;
    border-radius: 8px;
    transition: all 0.3s;
}

.sv_accountCreationLeftListingStepsUl>li:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 1px 30.2px rgba(0, 0, 0, 0.2);
}

.sv_accountCreationLeftListingStepsUl>li:has(.sv_accountCreationLeftListingStepsBtn.active) {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 1px 30.2px rgba(0, 0, 0, 0.2);
}

.sv_accountCreationLeftListingStepsBtn.active .sv_accountCreationLeftListingStepsCount span,
.sv_accountCreationLeftListingStepsBtn.completed .sv_accountCreationLeftListingStepsCount span {
    background-color: #00BE7E;
    border-color: #00BE7E;
    color: #FFFFFF;
}

.sv_accountCreationLeftListingStepsBtn.pending .sv_accountCreationLeftListingStepsCount span {
    background-color: #F47C06;
    border-color: #F47C06;
    color: #FFFFFF;
}

.sv_accountCreationLeftListingStepsBtn.active .sv_accountCreationLeftListingStepsTxt {
    width: 100%;
    background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8'>\<path d='M2.91667 3.76667L0.183333 1.03333C0.0611111 0.911112 0 0.772223 0 0.616667C0 0.45 0.0611111 0.305556 0.183333 0.183333C0.305555 0.0611111 0.444444 0 0.6 0C0.766667 0 0.911111 0.0611111 1.03333 0.183333L4.2 3.35C4.25556 3.40556 4.29444 3.47222 4.31667 3.55C4.35 3.61667 4.36667 3.68889 4.36667 3.76667C4.36667 3.84444 4.35 3.92222 4.31667 4C4.29444 4.06667 4.25556 4.12778 4.2 4.18333L1.03333 7.35C0.911111 7.47222 0.772222 7.53333 0.616667 7.53333C0.461111 7.52222 0.322222 7.45556 0.2 7.33333C0.0777775 7.21111 0.0166664 7.07222 0.0166664 6.91667C0.0166664 6.75 0.0777775 6.60556 0.2 6.48333L2.91667 3.76667Z' fill='white'/>\</svg>");
    background-repeat: no-repeat;
    background-position: right top 7px;
    background-size: 5px 8px;
    padding-right: 1em;
}


/* update */
.sv_accountCreationRight {
    background: rgba(66, 129, 255, 0.4);
    box-shadow: 0px 0px 49px rgba(0, 0, 0, 0.25);
    border-radius: 24px;
    padding: 2em 3.3em;
    width: 100%;
    padding-top: 5em;
}

.sv_accountCreationRightDots {
    background-image: url(../images/sv_accountCreationRightFormBoxBg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}

.sv_accountCreationRightHeadTitle {
    gap: 0.36em;
}

.sv_accountCreationRightHeadTitle>* {
    font-size: var(--fs-title-sub);
    color: #FFFFFF;
    font-weight: var(--fw-semi-bold);
}

.sv_accountCreationRightHeadDesc>p {
    font-size: var(--fs-small);
    font-weight: 300;
    color: #FFFFFF;
    opacity: 0.6;
    margin-top: 0.5em;
    max-width: 490px;
    margin-inline: auto;
}

.sv_accountCreationStepsSelection {
    gap: 2em;
    margin-top: 2.75em;
    font-size: var(--fs-body-txt);
}

.sv_accountCreationManualSteps,
.sv_accountCreationExpressSteps {
    padding: 2em;
    background: rgba(21, 68, 163, 0.1);
    box-shadow: 0px 5px 33.4px rgba(0, 0, 0, 0.3), inset 0 0 3px rgba(255, 255, 255, 0.25);
    border-radius: 24px;
    width: 100%;
}

.sv_accountCreationStepsSelectionTitle {
    gap: 0.375em;
}

.sv_accountCreationStepsSelectionTitle>* {
    font-size: var(--fs-title-sub);
    color: #FFFFFF;
    font-weight: var(--fw-semi-bold);
}

.sv_accountCreationStepsSelectionDesc>p {
    font-size: var(--fs-small);
    color: #FFFFFF;
    font-weight: var(--fw-regular);
    opacity: 0.65;
    margin-block: 0.7em;
}

.sv_accountCreationStepsSelectionTNC {
    gap: 0.3em;
}

.sv_accountCreationStepsSelectionTNC>* {
    font-size: var(--fs-body-sub);
    color: #FFFFFF;
    font-family: var(--font-main);
}

.sv_accountCreationStepsSelectionTNC>p {
    font-weight: var(--fw-medium);
}

.sv_accountCreationStepsSelectionTNC>a {
    font-weight: var(--fw-bold);
    text-decoration: underline;
}

.sv_accountCreationStepsSelectionTNCCheck {
    font-size: var(--fs-body-sub);
    color: #FFFFFF;
    margin-top: 0.6428em;
    margin-bottom: 3.5714em;
    font-weight: var(--fw-regular);
}

/* CheckBox */
.check {
    padding-left: 25px;

    &::before,
    &::after {
        content: "";
        position: absolute;
        transition: all 0.3s ease;
    }

    &::before {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 14px;
        height: 14px;
        border: 2px solid #ffffff;
        background-color: transparent;
    }

    &::after {
        top: 11px;
        left: 6px;
        opacity: 0;
    }

    &>input[type="checkbox"] {
        display: none;
    }

    &:has(input:checked) {
        &::before {
            background-color: #ffffff;
            border-color: #ffffff;
        }

        &::after {
            opacity: 1;
        }
    }

    &:has(input[type="checkbox"]) {
        &::before {
            border-radius: 4px;
        }

        &::after {
            width: 4px;
            height: 8px;
            transform: translateY(-70%) rotate(45deg);
            border-right: 2px solid #2d4c91;
            border-bottom: 2px solid #2d4c91;
        }
    }

    &:has(input:disabled) {
        opacity: 0.4;
        cursor: not-allowed;
    }
}

.sv_accountCreationStepsSelectionBtn>* {
    padding: 0.8571em 4em;
    font-size: var(--fs-body-sub);
    width: 100%;
    color: var(--primary-blue);
    background-color: #FFFFFF;
    float: left;
    text-align: center;
    border-radius: 50px;
    font-weight: var(--fw-medium);
    font-family: var(--font-main);
}

.sv_accountCreationStepsSelectionBtn>*.disabled {
    background-color: rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 0.6);
    pointer-events: none;
    cursor: auto;
}

.sv_selectionDocsTitle>* {
    font-size: calc(var(--fs-body-txt) - 3px);
    color: #FFFFFF;
    font-weight: var(--fw-semi-bold);
    line-height: 2;
}

.sv_selectionDocsList ul.flexDisplay {
    flex-flow: row wrap;
    row-gap: 0.6em;
    margin-top: 0.3em;
}

.sv_selectionDocsList ul.flexDisplay>li {
    width: 50%;
    gap: 0.5em;
}

.sv_selectionDocsList ul>li {
    font-size: var(--fs-small);
    color: #FFFFFF;
    font-weight: var(--fw-regular);
}

.sv_accountCreationStepsSelectionDocs {
    background: rgba(255, 255, 255, 0.06);
    border-radius: 24px;
    padding: 2em;
    margin-top: 3.125em;
    font-size: var(--fs-body-txt);
}


.sv_accountCreationRightFormBox {
    margin-top: 2em;
    max-height: 60dvh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #4B7DE4 transparent;
    padding-right: 0.6em;
    padding-left: 0.6em;
}

/* Chrome,Edge,Safari */
.sv_accountCreationRightFormBox::-webkit-scrollbar::-webkit-scrollbar {
    width: 4px;
}

.sv_accountCreationRightFormBox::-webkit-scrollbar-track::-webkit-scrollbar-track {
    background: transparent;
}

.sv_accountCreationRightFormBox::-webkit-scrollbar-thumb::-webkit-scrollbar-thumb {
    background-color: #4B7DE4;
    border-radius: 10px;
}

.sv_accountCreationRightFormBox {
    overscroll-behavior: contain;
}

.sv_accountCreationRightFormSec ul.flexDisplay,
.sv_accountCreationRightFormDataSec ul.flexDisplay {
    gap: 1.5em;
    flex-flow: row wrap;
    width: 100%;
    align-items: end;
}

.sv_accountCreationRightFormFields {
    position: relative;
}

.sv_accountCreationRightFormFields .error-message {
    position: absolute;
    bottom: -1.5em;
    left: 0;
    font-size: var(--fs-small);
    color: red;
    font-weight: 300;
}

.sv_accountCreationRightFormFields.arbName input {
    text-align: right;
}

.sv_accountCreationRightFormFields>* {
    gap: 0.75em;
}

.sv_accountCreationRightFormFields>label {
    font-size: var(--fs-body-sub);
    color: #FFFFFF;
    font-weight: 400;
    margin-bottom: .5rem;
    float: left;
}

.sv_accountCreationRightFormFields>input.error-input,
.sv_accountCreationRightFormFields>select.error-input,
.sv_accountCreationRightFormFields>textarea.error-input,
.file-placeholder.error-input,
.sv_accountCreationRightFormFields>.flatpickr-wrapper input.error-input {
    border-color: red;
    background-color: rgba(255, 0, 0, 0.1);
}

.sv_accountCreationRightFormFields>input.success-input,
.sv_accountCreationRightFormFields>select.success-input,
.sv_accountCreationRightFormFields>textarea.success-input,
.file-placeholder.success-input,
.sv_accountCreationRightFormFields>.flatpickr-wrapper input.success-input {
    border-color: green;
    background-color: rgba(0, 255, 0, 0.1);
}



.sv_accountCreationRightFormFields>input,
.sv_accountCreationRightFormFields>select,
.sv_accountCreationRightFormFields>textarea,
.file-placeholder,
.sv_accountCreationRightFormFields>.flatpickr-wrapper input {
    font-size: var(--fs-body-sub);
    color: #FFFFFF;
    font-weight: var(--fw-regular);
    font-family: var(--font-main);
    padding: 0.7857em 1.1428em;
    border-radius: 60px;
    border: 1px solid rgba(221, 232, 255, 0.6);
    outline: none;
    background-color: transparent;
    width: 100%;
    transition: all 0.3s;
}

.sv_accountCreationRightFormFields>.flatpickr-wrapper .numInputWrapper input {
    border: none;
    font-size: inherit;
    line-height: 1 !important;
}


.sv_accountCreationRightFormFields>textarea {
    border-radius: 20px;
    resize: none;
}

.sv_accountCreationRightFormFields>select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 5.01953C4.40278 5.01953 4.3125 5.00564 4.22917 4.97786C4.15972 4.9362 4.09722 4.88759 4.04167 4.83203L0.166667 0.95703C0.0555558 0.845919 1.19209e-07 0.720919 1.19209e-07 0.582031C1.19209e-07 0.443142 0.0625002 0.311197 0.1875 0.186198C0.3125 0.0611973 0.4375 -0.00130296 0.5625 -0.00130296C0.701389 -0.00130296 0.833334 0.0611973 0.958334 0.186198L4.5 3.7487L8.0625 0.186198C8.17361 0.075086 8.29861 0.0195301 8.4375 0.0195301C8.57639 0.0195301 8.70833 0.0820303 8.83333 0.207031C8.95833 0.33203 9.02083 0.463975 9.02083 0.602864C9.02083 0.727864 8.95833 0.852864 8.83333 0.977864L4.95833 4.83203C4.88889 4.88759 4.8125 4.9362 4.72917 4.97786C4.65972 5.00564 4.58333 5.01953 4.5 5.01953Z" fill="white" fill-opacity="0.6"/></svg>');
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 20px;
}

.sv_accountCreationRightFormFields>select option {
    color: #000000;
}

.sv_accountCreationRightFormFields>.flatpickr-wrapper input.date-picker,
.sv_accountCreationRightFormFields>.flatpickr-wrapper input.date-picker:hover,
.sv_accountCreationRightFormFields>.flatpickr-wrapper input.date-picker:focus {
    background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'>\<path d='M1.33203 15.2708C0.957031 15.2708 0.637587 15.1389 0.373698 14.875C0.123698 14.6111 -0.00130177 14.2986 -0.00130177 13.9375V3.4375C-0.00130177 3.07639 0.123698 2.76389 0.373698 2.5C0.637587 2.23611 0.957031 2.10417 1.33203 2.10417H3.16536V0.562499C3.16536 0.409721 3.21398 0.277777 3.3112 0.166666C3.42231 0.0555548 3.55425 0 3.70703 0C3.8737 0 4.00564 0.0555548 4.10286 0.166666C4.21398 0.277777 4.26953 0.409721 4.26953 0.562499V2.10417H8.91536V0.541666C8.91536 0.388888 8.96398 0.263888 9.0612 0.166666C9.17231 0.0555548 9.30425 0 9.45703 0C9.60981 0 9.73481 0.0555548 9.83203 0.166666C9.94314 0.263888 9.9987 0.388888 9.9987 0.541666V2.10417H11.832C12.207 2.10417 12.5195 2.23611 12.7695 2.5C13.0334 2.76389 13.1654 3.07639 13.1654 3.4375V13.9375C13.1654 14.2986 13.0334 14.6111 12.7695 14.875C12.5195 15.1389 12.207 15.2708 11.832 15.2708H1.33203ZM1.33203 14.1875H11.832C11.8876 14.1875 11.9431 14.1597 11.9987 14.1042C12.0543 14.0486 12.082 13.9931 12.082 13.9375V6.9375H1.08203V13.9375C1.08203 13.9931 1.10981 14.0486 1.16536 14.1042C1.22092 14.1597 1.27648 14.1875 1.33203 14.1875ZM1.08203 5.85417H12.082V3.4375C12.082 3.38194 12.0543 3.32639 11.9987 3.27083C11.9431 3.21528 11.8876 3.1875 11.832 3.1875H1.33203C1.27648 3.1875 1.22092 3.21528 1.16536 3.27083C1.10981 3.32639 1.08203 3.38194 1.08203 3.4375V5.85417ZM1.08203 5.85417V3.4375C1.08203 3.38194 1.08203 3.32639 1.08203 3.27083C1.08203 3.21528 1.08203 3.1875 1.08203 3.1875C1.08203 3.1875 1.08203 3.21528 1.08203 3.27083C1.08203 3.32639 1.08203 3.38194 1.08203 3.4375V5.85417ZM6.58203 9.75C6.40148 9.75 6.2487 9.6875 6.1237 9.5625C5.9987 9.4375 5.9362 9.28472 5.9362 9.10417C5.9362 8.92361 5.9987 8.77083 6.1237 8.64583C6.2487 8.50694 6.40148 8.4375 6.58203 8.4375C6.76259 8.4375 6.91537 8.50694 7.04036 8.64583C7.16537 8.77083 7.22787 8.91667 7.22787 9.08333C7.22787 9.26389 7.16537 9.42361 7.04036 9.5625C6.91537 9.6875 6.76259 9.75 6.58203 9.75ZM3.33203 9.75C3.15148 9.75 2.9987 9.6875 2.8737 9.5625C2.7487 9.4375 2.6862 9.28472 2.6862 9.10417C2.6862 8.92361 2.7487 8.77083 2.8737 8.64583C2.9987 8.50694 3.15148 8.4375 3.33203 8.4375C3.51259 8.4375 3.66536 8.50694 3.79036 8.64583C3.91536 8.77083 3.97786 8.91667 3.97786 9.08333C3.97786 9.26389 3.91536 9.42361 3.79036 9.5625C3.66536 9.6875 3.51259 9.75 3.33203 9.75ZM9.83203 9.75C9.65148 9.75 9.4987 9.6875 9.3737 9.5625C9.2487 9.4375 9.1862 9.28472 9.1862 9.10417C9.1862 8.92361 9.2487 8.77083 9.3737 8.64583C9.4987 8.50694 9.65148 8.4375 9.83203 8.4375C10.0126 8.4375 10.1654 8.50694 10.2904 8.64583C10.4154 8.77083 10.4779 8.91667 10.4779 9.08333C10.4779 9.26389 10.4154 9.42361 10.2904 9.5625C10.1654 9.6875 10.0126 9.75 9.83203 9.75ZM6.58203 12.6875C6.40148 12.6875 6.2487 12.625 6.1237 12.5C5.9987 12.375 5.9362 12.2222 5.9362 12.0417C5.9362 11.8611 5.9987 11.7083 6.1237 11.5833C6.2487 11.4444 6.40148 11.375 6.58203 11.375C6.76259 11.375 6.91537 11.4444 7.04036 11.5833C7.16537 11.7083 7.22787 11.8542 7.22787 12.0208C7.22787 12.2014 7.16537 12.3611 7.04036 12.5C6.91537 12.625 6.76259 12.6875 6.58203 12.6875ZM3.33203 12.6875C3.15148 12.6875 2.9987 12.625 2.8737 12.5C2.7487 12.375 2.6862 12.2222 2.6862 12.0417C2.6862 11.8611 2.7487 11.7083 2.8737 11.5833C2.9987 11.4444 3.15148 11.375 3.33203 11.375C3.51259 11.375 3.66536 11.4444 3.79036 11.5833C3.91536 11.7083 3.97786 11.8542 3.97786 12.0208C3.97786 12.2014 3.91536 12.3611 3.79036 12.5C3.66536 12.625 3.51259 12.6875 3.33203 12.6875ZM9.83203 12.6875C9.65148 12.6875 9.4987 12.625 9.3737 12.5C9.2487 12.375 9.1862 12.2222 9.1862 12.0417C9.1862 11.8611 9.2487 11.7083 9.3737 11.5833C9.4987 11.4444 9.65148 11.375 9.83203 11.375C10.0126 11.375 10.1654 11.4444 10.2904 11.5833C10.4154 11.7083 10.4779 11.8542 10.4779 12.0208C10.4779 12.2014 10.4154 12.3611 10.2904 12.5C10.1654 12.625 10.0126 12.6875 9.83203 12.6875Z' fill='white' fill-opacity='0.6'/>\</svg>");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 14px 16px;
}

/* .sv_accountCreationRightFormFields > input:hover,.sv_accountCreationRightFormFields > select:hover{background: rgba(243, 250, 255, 0.2);} */
/* .sv_accountCreationRightFormFields > input:focus,.sv_accountCreationRightFormFields > select:focus{background: #FFFFFF;color: rgba(21, 68, 163, 0.6);} */

.sv_accountCreationRightFormFields>.flatpickr-wrapper {
    display: block;
}

.sv_accountCreationRightFormFields>input::placeholder,
.sv_accountCreationRightFormFields>.flatpickr-wrapper input.date-picker::placeholder,
.sv_accountCreationRightFormFields>textarea::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.sv_accountCreationRightFormFields.col-50,
.sv_accountCreationRightFormData.col-50 {
    width: calc(50% - 0.75em);
}

.sv_accountCreationRightFormFields .ibanV {
    position: absolute;
    right: 48px;
    top: 20px;
    transform: translate(50%, 50%);
    background: #FFFFFF;
    border-radius: 70px;
    padding: 7px 16px;
    border: none;
    color: var(--primary-blue);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}



.sv_accountCreationRightFormRadioBtns {
    margin-top: 0.5em;
}

.sv_accountCreationRightFormRadioBtn {
    width: fit-content;
    display: inline-flex;
    flex-direction: column;
}

.sv_accountCreationRightFormRadioBtn>label {
    width: 42px;
    height: 42px;
    font-size: var(--fs-body-sub);
    color: #FFFFFF;
    font-weight: var(--fw-medium);
    border: 1px solid #ffffff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-inline: auto;
    cursor: pointer;
    transition: all 0.3s;
}

.sv_accountCreationRightFormRadioBtn:has(input:checked)>label {
    color: var(--primary-blue);
}

.sv_accountCreationRightFormRadioBtn>span:last-child {
    font-size: 8px;
    margin-top: 1em;
    color: #FFFFFF;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.375;
    display: block;
    text-align: center;
}

.sv_accountCreationRightFormRadioBtn:hover label>svg>path {
    fill: #D7E4FF;
}

.sv_accountCreationRightFormRadioBtn:hover label {
    background: rgba(220, 239, 251, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.sv_accountCreationRightFormRadioBtn:has(input:checked) label>svg>path {
    fill: var(--primary-blue);
    fill-opacity: 1;
}

.sv_accountCreationRightFormRadioBtn:has(input:checked) label>svg>line {
    stroke: var(--primary-blue);
}

.sv_accountCreationRightFormRadioBtn:has(input:checked) label {
    background-color: #DCEFFB;
}

.sv_accountCreationRightFormSec:not(:last-child, :nth-last-child(2)) {
    padding-bottom: 2.5em;
    margin-bottom: 2.5em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.custom-file {
    position: relative;
    width: 100%;
    cursor: pointer;
    float: left;
}

.custom-file input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.file-placeholder {
    display: block;
    color: rgba(255, 255, 255, 0.4);
    background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='9' height='16' viewBox='0 0 9 16' fill='none'>\<path d='M8.29167 10.9987C8.29167 12.1515 7.88889 13.1376 7.08333 13.957C6.27778 14.7626 5.29861 15.1654 4.14583 15.1654C2.97917 15.1654 1.99306 14.7418 1.1875 13.8945C0.395834 13.0473 0 12.0334 0 10.8529V2.95703C0 2.13759 0.284723 1.44314 0.854167 0.873697C1.42361 0.290363 2.11806 -0.0013032 2.9375 -0.0013032C3.77083 -0.0013032 4.47222 0.304252 5.04167 0.915364C5.61111 1.52648 5.89583 2.25564 5.89583 3.10286V10.5195C5.89583 10.9918 5.72222 11.4015 5.375 11.7487C5.04167 12.0959 4.63195 12.2695 4.14583 12.2695C3.65972 12.2695 3.24306 12.089 2.89583 11.7279C2.5625 11.3668 2.39583 10.9362 2.39583 10.4362V3.4362C2.39583 3.28342 2.44444 3.15842 2.54167 3.0612C2.65278 2.95009 2.78472 2.89453 2.9375 2.89453C3.09028 2.89453 3.21528 2.95009 3.3125 3.0612C3.42361 3.15842 3.47917 3.28342 3.47917 3.4362V10.5195C3.47917 10.7001 3.54167 10.8598 3.66667 10.9987C3.79167 11.1237 3.95139 11.1862 4.14583 11.1862C4.32639 11.1862 4.47917 11.1237 4.60417 10.9987C4.74306 10.8598 4.8125 10.7001 4.8125 10.5195V2.95703C4.8125 2.42925 4.63194 1.98481 4.27083 1.6237C3.90972 1.26259 3.46528 1.08203 2.9375 1.08203C2.40972 1.08203 1.96528 1.27647 1.60417 1.66536C1.25694 2.04036 1.08333 2.48481 1.08333 2.9987V10.9987C1.08333 11.8459 1.38194 12.5681 1.97917 13.1654C2.57639 13.7626 3.29861 14.0681 4.14583 14.082C5.00695 14.0959 5.73611 13.7904 6.33333 13.1654C6.93056 12.5265 7.22222 11.7695 7.20833 10.8945V3.4362C7.20833 3.28342 7.25695 3.15842 7.35417 3.0612C7.46528 2.95009 7.59722 2.89453 7.75 2.89453C7.90278 2.89453 8.02778 2.95009 8.125 3.0612C8.23611 3.15842 8.29167 3.28342 8.29167 3.4362V10.9987Z' fill='white' fill-opacity='0.6'/>\</svg>");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 9px 16px;
}

.custom-file:hover .file-placeholder {
    background: rgba(243, 250, 255, 0.2);
    background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='9' height='16' viewBox='0 0 9 16' fill='none'>\<path d='M8.29167 10.9987C8.29167 12.1515 7.88889 13.1376 7.08333 13.957C6.27778 14.7626 5.29861 15.1654 4.14583 15.1654C2.97917 15.1654 1.99306 14.7418 1.1875 13.8945C0.395834 13.0473 0 12.0334 0 10.8529V2.95703C0 2.13759 0.284723 1.44314 0.854167 0.873697C1.42361 0.290363 2.11806 -0.0013032 2.9375 -0.0013032C3.77083 -0.0013032 4.47222 0.304252 5.04167 0.915364C5.61111 1.52648 5.89583 2.25564 5.89583 3.10286V10.5195C5.89583 10.9918 5.72222 11.4015 5.375 11.7487C5.04167 12.0959 4.63195 12.2695 4.14583 12.2695C3.65972 12.2695 3.24306 12.089 2.89583 11.7279C2.5625 11.3668 2.39583 10.9362 2.39583 10.4362V3.4362C2.39583 3.28342 2.44444 3.15842 2.54167 3.0612C2.65278 2.95009 2.78472 2.89453 2.9375 2.89453C3.09028 2.89453 3.21528 2.95009 3.3125 3.0612C3.42361 3.15842 3.47917 3.28342 3.47917 3.4362V10.5195C3.47917 10.7001 3.54167 10.8598 3.66667 10.9987C3.79167 11.1237 3.95139 11.1862 4.14583 11.1862C4.32639 11.1862 4.47917 11.1237 4.60417 10.9987C4.74306 10.8598 4.8125 10.7001 4.8125 10.5195V2.95703C4.8125 2.42925 4.63194 1.98481 4.27083 1.6237C3.90972 1.26259 3.46528 1.08203 2.9375 1.08203C2.40972 1.08203 1.96528 1.27647 1.60417 1.66536C1.25694 2.04036 1.08333 2.48481 1.08333 2.9987V10.9987C1.08333 11.8459 1.38194 12.5681 1.97917 13.1654C2.57639 13.7626 3.29861 14.0681 4.14583 14.082C5.00695 14.0959 5.73611 13.7904 6.33333 13.1654C6.93056 12.5265 7.22222 11.7695 7.20833 10.8945V3.4362C7.20833 3.28342 7.25695 3.15842 7.35417 3.0612C7.46528 2.95009 7.59722 2.89453 7.75 2.89453C7.90278 2.89453 8.02778 2.95009 8.125 3.0612C8.23611 3.15842 8.29167 3.28342 8.29167 3.4362V10.9987Z' fill='white' fill-opacity='0.6'/>\</svg>");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 9px 16px;
}

.sv_accountCreationRightFormBtns {
    margin-top: 1.5em;
    gap: 1.5em;
    padding-bottom: 1rem;
}

.sv_accountCreationRightFormBtns>* {
    width: 100%;
}

.sv_accountCreationRightFormBtns>*>* {
    width: 100%;
    border: none;
    outline: none;
    font-size: var(--fs-body-sub);
    padding: 0.8571em 1.571em;
    text-align: center;
    cursor: pointer;
    border-radius: 60px;
    display: inline-block;
    color: #FFFFFF;
    font-weight: var(--fw-medium);
    transition: all 0.3s;
}

.sv_accountCreationRightFormBtns>*.hollowWhiteBtn>* {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.sv_accountCreationRightFormBtns>*.solidWhiteBtn>* {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.sv_accountCreationRightFormBtns>*.hollowWhiteBtn>*:hover {
    background: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: var(--primary-blue);
}

.sv_accountCreationRightFormBtns>*.solidWhiteBtn>*:hover {
    background: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: var(--primary-blue);
}

.sv_accountCreationRightFormNote {
    padding: 1em;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 16px;
}

.sv_accountCreationRightFormNote:first-child {
    margin-bottom: 1.5em;
}

.sv_accountCreationRightFormNote:last-child {
    margin-top: 1.5em;
}

.sv_accountCreationRightFormNote>p {
    font-size: calc(var(--fs-body-sub) - 4px);
    color: rgba(255, 255, 255, 0.6);
    font-weight: var(--fw-medium);
    line-height: 1.8;
}

.sv_accountCreationRightFormNote>p>span {
    font-size: calc(var(--fs-body-sub) - 2px);
    font-weight: 500;
}

.sv_accountCreationRightFormNote>p>span:last-child {
    font-weight: 400;
}

.sv_accountCreationRightFormNote .file-input {
    padding-right: 1.5em;
}

.sv_accountCreationRightFormNote .sv_accountCreationRightFormFields {
    width: 65%;
}

.sv_signatureBox {
    margin-top: 1.5em;
}

.sv_signatureBox .sv_signatureBoxHead label {
    font-size: var(--fs-body-sub);
    color: var(--text-white);
    font-weight: var(--fw-regular);
}

.sv_signatureBoxHead {
    flex-flow: row wrap;
    gap: 15px;
}

.sv_signatureBox .sv_signatureBoxHead label>span {
    color: #E20000;
}

.sv_signatureBox .sv_signatureBoxHead button {
    font-size: var(--fs-small);
    font-weight: var(--fw-regular);
    padding: 0.5em 1em;
    color: var(--text-white);
    font-weight: var(--fw-medium);
    background-color: #436CC7;
    outline: none;
    border-radius: 60px;
    border: none;
    font-family: var(--font-main);
    cursor: pointer;
}

.sv_signatureBox .sv_signBox {
    background-color: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 16px;
    height: 270px;
    margin-top: 0.8em;
}

.sv_accountCreationRightSiteLogo {
    margin-bottom: 2em;
}

.sv_accountCreationRightSiteLogo>a>img {
    margin-inline: auto;
}

.sv_accountCreationRightUpdateRequired .sv_accountCreationRightContent {
    max-width: 1100px;
    margin-inline: auto;
    float: none;
}

.sv_accountCreationRightUpdateRequired .sv_accountCreationRightHeadDesc>p {
    max-width: 100%;
}

.finalPolicyModel .modal-content {
    padding: 42px 52px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 1px rgba(255, 255, 255, 0.25);
}

.finalPolicyModel .modal-content>*:not(:last-child) {
    margin-bottom: 22px;
}

.finalPolicyModelTitle>* {
    font-size: var(--fs-body);
    color: var(--text-white);
    font-weight: var(--fw-semi-bold);
}

.finalPolicyModelList>ul>li {
    font-size: var(--fs-body-sub);
    color: rgba(255, 255, 255, 0.6);
    font-weight: var(--fw-medium);
}

.finalPolicyModelList>ul>li>a {
    color: var(--text-white);
    word-wrap: break-word;
}

.finalPolicyModelList>ul>li:not(:last-child) {
    margin-bottom: 1.5em;
}

.finalPolicyModelBtn>* {
    outline: none;
    border: none;
    background-color: #ffffff;
    color: #1544A3;
    font-size: var(--fs-body-sub);
    padding: 0.857em 4em;
    font-weight: var(--fw-medium);
    border-radius: 60px;
}

.relativeAddNRemove:not(:first-child) {
    margin-top: 1em;
}

.addRelative,
.removeRelative {
    font-size: var(--fs-body-sub);
    color: #FFFFFF;
    font-weight: var(--fw-medium);
    gap: 3px;
    cursor: pointer;
    width: fit-content;
    float: right;
}

.addRelative {
    margin-top: 1em;
}

.removeRelative {
    margin-bottom: 1em;
}

.relativeAddNRemove {
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
}

.relativeAddNRemove>ul.flexDisplay {
    flex-wrap: nowrap;
}

.relativeAddNRemove>ul.flexDisplay>li.col-50 {
    width: calc(25% - 20px);
}

.newAddRemoveBtn {
    width: 7%;
    justify-content: start;
}

.sv_accountCreationRightFormDataSec ul.flexDisplay .sv_accountCreationRightFormData>label {
    font-size: calc(var(--fs-body-sub) - 1px);
    color: rgba(255, 255, 255, 0.6);
    font-weight: var(--fw-medium);
    margin-bottom: 0.3076em;
}

.sv_accountCreationRightFormDataSec ul.flexDisplay .sv_accountCreationRightFormData>p {
    font-size: var(--fs-body-sub);
    color: #FFFFFF;
    font-weight: var(--fw-medium);
}

.sv_accountCreationRightFormNote.conformation {
    margin-top: 1.5em;
}

.conformation .sv_accountCreationStepsSelectionTNCCheck {
    margin: 0;
}

.conformation .sv_accountCreationStepsSelectionTNCCheck::before {
    top: 2px;
    transform: translateY(0px);
    border-radius: 3px;
    width: 12px;
    height: 12px;
    border: 1px solid #ffffff;
}

.conformation .sv_accountCreationStepsSelectionTNCCheck::after {
    width: 3px;
    height: 7px;
    top: 10px;
    left: 4px;
}

.conformation .sv_accountCreationStepsSelectionTNCCheck span {
    font-size: var(--fs-small);
    font-weight: var(--fw-medium);
    color: rgba(255, 255, 255, 0.6);
}

.sv_accountCreationRightFormDoc {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: calc(4.25rem - 2em);
}

.sv_accountCreationRightFormImg {
    width: 40rem;
    height: 30rem;
    background: #05080f;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
}

#cameraPreview {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.docOverlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.docCircle {
    width: 60px;
    height: 60px;
    border: 2px dashed rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    cursor: pointer;
    margin-bottom: 10px;
}

.captureBtn {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 20px;
    font-size: 13px;
    cursor: pointer;
}

.sv_accountCreationRightFormTxt {
    background: #404E82;
    border-radius: 35px;
    padding: 8px;
    margin-top: 2rem;
}

.sv_accountCreationRightFormTxt:not(.floatLft) {
    padding: 1em;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.1);
}

.sv_accountCreationRightFormTxt p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--text-muted-white);
}

.sv_accountCreationRightFormTxt p span {
    display: flex;
    align-items: center;
    justify-content: center;
}


.sv_accountCreationRightFormImgBg3 {
    width: 32rem;
    height: 20.5rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    mix-blend-mode: soft-light;
}

.sv_accountCreationRightFormImgBg3 img {
    scale: 5.7;
    position: relative;
    left: 0;
    top: 75%;
}

.sv_accountCreationRightFormBoxInner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.sv_accountCreationRightFormDocBtn {
    width: 100%;
    max-width: 32rem;
}

.sv_accountCreationRightFormDocBtn .sv_accountCreationRightFormBtns .hollowWhiteBtn,
.sv_accountCreationRightFormDocBtn .sv_accountCreationRightFormBtns .solidWhiteBtn {
    width: 100%;
}

.sv_accountCreationRightFormDocBtn .sv_accountCreationRightFormBtns .solidWhiteBtn a {
    background: #1544A3;
    border: none;
}

.sv_accountCreationRightFormDocBtn .sv_accountCreationRightFormBtns .solidWhiteBtn a:hover {
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.6);
}



.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 20px;
}

.modal-content.success {
    max-width: 33.125rem;
}

.modal-content {
    background: var(--glass-bg);
    padding: 20px;
    border-radius: 8px;
    max-width: 71.125rem;
    width: 100%;
    overflow: hidden;
    animation: modalAppear 0.3s ease-out;
    backdrop-filter: blur(25px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 24px rgba(0, 0, 0, 0.15);
    width: 100%;
}

.modal-content h3 {
    font-size: 14px;
    color: #ee335e;
    font-weight: 600;
    margin-top: 1rem;
    margin-block-end: 0.5rem;
}

@keyframes modalAppear {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header {
    color: white;
    text-align: center;
    position: relative;
}

.modal-content.success .modal-header h2 {
    font-size: 18px;
    margin: 0 0 22px 0;
    font-weight: 600;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px
}

.modal-header h2 {
    font-size: 18px;
    margin: 0 0 22px 0;
    font-weight: 600;
    text-align: left;
}

.modal-header p {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    opacity: 0.9;
    color: rgba(255, 255, 255, 0.6);
}

.modal-img {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
}

.knowMoreModal .modal-content {
    border-radius: 24px;
}

.checkmark-circle {
    width: 80px;
    height: 80px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.checkmark {
    width: 40px;
    height: 40px;
    fill: #4CAF50;
}

.modal-content.success .modal-body {
    text-align: center;
}

.modal-body {
    text-align: end;
}

.modal-body h3 {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 300;
}

.modal-body p {
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.6;
    margin: 0 0 22px 0;
    font-size: 14px;
    font-weight: 600;
}

.welcome-message {
    font-size: 18px;
    color: #333;
    margin: 25px 0;
    font-weight: 500;
}

.modal-content.success .modal-button {
    display: inline-block;
    color: var(--primary-blue);
    background-color: #ffffff;
    border-color: #22c03c;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    border-radius: 60px;
    padding: 12px 56px;
}

.modal-button {
    display: inline-block;
    color: #fff;
    background-color: #22c03c;
    border-color: #22c03c;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
    border-radius: 60px;
    padding: 12px 56px;
}

.solidWhiteBtn button {
    cursor: pointer;
}

.sv_accountCreationRightFormUpdateRequiredSec>ul,
.sv_accountCreationRightFormUpdateRequiredSec>ul>li>ul {
    padding-left: 1.5em;
}

.sv_accountCreationRightFormUpdateRequiredSec>ul>li,
.sv_accountCreationRightFormUpdateRequiredSec>ul>li>ul>li {
    position: relative;
}

.sv_accountCreationRightFormUpdateRequiredSec>ul>li:not(:last-child),
.sv_accountCreationRightFormUpdateRequiredSec>ul>li>ul>li:not(:last-child) {
    margin-bottom: 1em;
}

.sv_accountCreationRightFormUpdateRequiredSec>ul>li::after,
.sv_accountCreationRightFormUpdateRequiredSec>ul>li>ul>li::after {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #ffffff;
    content: "";
    left: -15px;
    top: 10px;
}

.sv_accountCreationRightFormUpdateRequiredSec>ul>li>ul>li::after {
    background-color: rgba(255, 255, 255, 0.6);
}

.sv_accountCreationRightFormUpdateRequiredSec>ul>li>p {
    font-size: var(--fs-body);
    color: var(--text-white);
}

.sv_accountCreationRightFormUpdateRequiredSec>ul>li>ul>li {
    font-size: calc(var(--fs-body) - 2px);
    color: rgba(255, 255, 255, 0.6);
}

.psAboutHero {
    min-height: 685px;
    background: url('../images/aboutBg.gif') no-repeat center / cover;
    z-index: 1;
}

.psAboutHero::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background-color: rgba(0, 27, 90, 0.56);
    z-index: -1;
}

.abHeroBannBox {
    position: absolute;
    bottom: -113px;
}

.abHeroText h1 {
    font-size: 52px;
    color: #F47C06;
    margin-bottom: 117px;
    font-weight: 400;
    padding-left: 64px;
}

.abHeroContent {
    backdrop-filter: blur(18px);
    padding: 64px;
    border-radius: 32px;
    background: linear-gradient(180deg, rgba(21, 68, 163, 0.7) 100%, rgba(20, 64, 152, 0.7) 100%);
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.35), inset 0 -1px 1px rgba(255, 255, 255, 0.15), 0 20px 40px rgba(0 0, 0, 0.25);
}

.abHeroContent * {
    color: #fff;
}

.abHeroContent h2 {
    font-size: 64px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 32px;
    color: var(--text-muted-blue);
}

.abHeroContent p {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: var(--text-muted-blue);
}

.abHeroContent p:not(:last-child) {
    margin-bottom: 32px;
}


.psVisMissMore {
    background-color: var(--primary-blue);
    padding: 150px 0;
    isolation: isolate;
}

.leftSideRound {
    position: absolute;
    top: 214px;
    left: 0;
    max-width: 160px;
    width: 100%;
    z-index: -1;
}

.rightSideRound {
    position: absolute;
    top: 569px;
    right: 0;
    max-width: 160px;
    width: 100%;
}

.bottomtSideRound {
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.psVisionMissionText {
    padding: 60px;
}

.psVisionMissionText>ul>li {
    gap: 30px;
    align-items: baseline;
}

.psVisMisHEad h3 {
    font-size: 200px;
    line-height: 100%;
    color: var(--text-muted-blue);
}

.psVisMisDesc p {
    position: relative;
    color: rgba(255, 255, 255, 0.6);
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
}

.psVisMisDesc p span {
    color: var(--text-muted-blue);
}

.psVision>.psVisMisDesc p {
    position: relative;
    bottom: 30px;
}

.psMission {
    flex-direction: row-reverse;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.psMission .psVisMisDesc p {
    position: relative;
    bottom: 64px;
}

.psAboutPowCom {
    backdrop-filter: blur(18px);
    padding: 64px;
    border-radius: 32px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.35), inset 0 -1px 1px rgba(255, 255, 255, 0.15), 0 20px 40px rgba(0 0, 0, 0.25);
    background: linear-gradient(180deg, rgba(21, 68, 163, 0.45) 0%, rgba(20, 64, 152, 0.45) 100%);
}

.psAboutPowCom h3 {
    font-size: 64px;
    font-weight: 600;
    line-height: 90px;
    margin-bottom: 16px;
    color: var(--text-muted-blue);
    max-width: 843px;
    width: 100%;
}

.psAboutInfo {
    display: flex;
    justify-content: space-between;
}

.psAboutDesk p {
    font-size: 14px;
    line-height: 2;
    text-align: justify;
    font-weight: 300;
    color: var(--text-white);
}

.psAboutDesk p:not(:last-child) {
    margin-bottom: 32px;
}

.psAboutImg {
    max-width: 423px;
    padding: 40px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 20px rgba(255, 255, 255, 0.15);
    border-radius: 24px;
    margin-left: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.ps_CareerBann {
    background: var(--primary-blue);
    padding-top: 72px;
    border-bottom: 1px solid rgba(173, 184, 195, 0.2);
}

.career_wrapp {
    max-width: 1700px;
    padding: 0 25px;
    margin: auto;
}

.ps_careerHead {
    padding: 40px 0;
}

.ps_careerHead * {
    font-size: var(--fs-title);
    font-weight: 600;
    line-height: 90px;
    color: var(--text-muted-blue);
    text-align: center;
}

.ps_careerImgText {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.ps_careerImg {
    max-width: 760px;
}

.ps_careerText {
    max-width: 800px;
}

.ps_careerText h2 {
    font-size: 44px;
    line-height: 62px;
    color: var(--text-muted-blue);
    margin-bottom: 24px;
}

.ps_careerText h2 span {
    color: #0AB9FF;
}

.ps_careerText p {
    color: var(--text-muted-white);
    line-height: 28px;
    font-weight: 400;
}

.ps_careerText p {
    margin-bottom: 24px;
}

.ps_jobInfoBox {
    background-color: var(--primary-blue);
}

.ps_boxFilterWrapp {
    display: flex;
    background-color: var(--primary-blue);
    position: sticky;
    top: 83px;
    z-index: 3;
}

.ps_jobFilterBox {
    max-width: 1140px;
    padding: 42px 24px;
    margin: auto;
}

.ps_jobFilterBox h3 {
    font-size: var(--fs-sub-txt);
    letter-spacing: 0.04em;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 19px;
    color: var(--text-white);
}

.ps_jobFilterBox>ul {
    display: flex;
    gap: 12px;
    overflow-y: scroll;
    flex-wrap: nowrap;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.ps_jobFilterBox>ul li {
    width: max-content;
}

.ps_jobFilterBox>ul li a {
    width: max-content;
    border: 1px solid var(--border-light-blue);
    border-radius: 40px;
    padding: 9px 18px;
    font-size: var(--fs-body-sub);
    color: var(--bg-light-blue);
    line-height: 32px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}

.ps_jobFilterBox>ul li.filterActive a {
    color: var(--primary-blue);
    background-color: var(--bg-light-blue);
    border: 1px solid var(--border-light-blue);
    border-radius: 40px;
    padding: 9px 18px;
}

.ps_jobFilterBox>ul li a:hover {
    background: var(--bg-light-blue);
    color: var(--primary-blue);
}

.ps_jobDeskBox>ul li {
    padding: 64px 0;
}

.ps_jobDeskBox>ul li {
    border-bottom: 1px solid rgba(173, 184, 195, 0.2);
}

.jobVaccDetail {
    max-width: 1120px;
    margin: auto;
}

.jobVaccDetail {
    display: flex;
    justify-content: space-between;
}

.jobDeskHead h3 {
    font-size: 40px;
    font-weight: 500;
    line-height: 34px;
    color: var(--text-white);
    letter-spacing: 0.04em;
    margin-bottom: 20px;
}

.dateTimeLoc {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.dateTimeLoc p {
    gap: 4px;
    color: rgba(255, 255, 255, 0.6);
    align-items: center;
}

.dateTimeLoc p span:nth-child(2) {
    font-size: var(--fs-body);
    letter-spacing: 0.04em;
    line-height: 34px;
    font-weight: 400;
}

.dateTimeLoc p svg {
    width: 20px;
}

.jobDeskBtn a {
    float: left;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(21, 68, 163, 0.25);
    border-radius: 8px;
    border: 1px solid rgba(173, 184, 195, 0.2);
    background: rgba(21, 68, 163, 0.25);
}

.jobDeskBtn a svg {
    width: 22px;
}

.ps_jobDeskBox>ul li {
    transition: background-color 0.3s ease-in-out;
}

.ps_jobDeskBox>ul li:hover {
    background-color: white;
}

.ps_jobDeskBox>ul li:hover .jobDeskHead h3 {
    color: #1544A3;
}

.ps_jobDeskBox>ul li:hover .jobDeskBtn a {
    background-color: #1544A3;
    border-color: #1544A3;
}

.ps_jobDeskBox>ul li:hover .jobDeskBtn a svg path {
    fill: white;
}

.ps_jobDeskBox>ul li:hover .dateTimeLoc p {
    color: rgba(21, 68, 163, 0.8);
}

.ps_jobDeskBox>ul li:hover .dateTimeLoc p svg path {
    fill: rgba(21, 68, 163, 0.8);
    fill-opacity: 1;
}

.jobDeskHead h3,
.jobDeskBtn a,
.dateTimeLoc p,
.dateTimeLoc p svg path {
    transition: all 0.3s ease-in-out;
}


.ps_careerDetailInfo {
    background-color: var(--primary-blue);
    padding: 83px 0;
}

.ps_careerDetailInfo>li {
    padding: 64px 0;
    border-bottom: 1px solid rgba(173, 184, 195, 0.2);
}

.careerDetWrapp {
    max-width: 1178px;
    width: 100%;
    margin: auto;
    padding: 0 24px;
}

.careerInfoBox {
    display: flex;
    justify-content: space-between;
}

.careerLeftBox {
    max-width: 406px;
}

.careerRightBox {
    max-width: 1068px;
    padding-left: 20px;
}

.careerDetailHead .careerLeftBox * {
    font-size: var(--fs-title);
    color: var(--text-muted-blue);
    line-height: 90px;
    font-weight: 600;
}

.careerDetailHead .careerRightBox .carDetBox {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 17px;
}

.careerDetailHead .careerRightBox .carDetBox p {
    display: flex;
    align-items: center;
    gap: 5px;
}

.careerDetailHead .careerRightBox .carDetBox p span:nth-child(2) {
    font-size: var(--fs-title-sub);
    line-height: 34px;
    font-weight: 600;
    letter-spacing: 0.04em;
    display: flex;
    align-items: center;
    color: var(--text-white);
}

.careerDetailHead .careerRightBox .carDetBox p svg {
    width: 20px;
}

.careerRightBox p {
    font-size: var(--fs-body-txt);
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 0.04em;
    font-weight: 400;
    line-height: 28px;
    float: left;
    margin-top: 5px;
}

.careerRightBox p span {
    color: var(--text-white);
}

.careerRightBox .sv_accountCreationRightFormBox {
    overflow: visible;
}

.careerLeftBox {
    display: flex;
    align-items: start;
    flex-direction: column;
    padding-right: 20px;
}

.careerLeftBox h2 {
    color: #F47C06;
    font-size: 36px;
    line-height: 50px;
    font-weight: 600;
    letter-spacing: 0.04em;
    margin-top: 20px;
}

.psResponseImg {
    max-width: 258px;
    width: 100%;
}

.careerRightBox ul li {
    list-style-type: disc;
    font-size: var(--fs-body-txt);
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 0.04em;
    line-height: 1.5;
    font-weight: 400;
}

.careerRightBox ul li:not(:last-child) {
    margin-bottom: 12px;
}

.careerDetLeft {
    max-width: 123px;
    position: absolute;
    top: 135px;
}

.careerDetRight {
    max-width: 123px;
    position: absolute;
    top: 637px;
    right: 0;
}

.careerDetForm ul li {
    list-style-type: none;
}

.formFieldBox {
    max-width: 45%;
    display: flex;
    flex-direction: column;
}

.careerDetFormBox ul li {
    list-style-type: none;
}

.psSolidBtn {
    max-width: 237px;
}

.psSolidBtn a {
    background: #fff !important;
    color: var(--primary-blue);
    font-size: 16px;
    font-weight: 600;
}

.psHollowBtn div {
    display: flex;
    align-items: center;
    gap: 7px;
}

.psHollowBtn {
    justify-content: space-between;
    max-width: 267px;
}

.captchaBox {
    justify-content: space-between;
}

.psHollowBtn div input {
    -webkit-appearance: auto !important;
}

.psHollowBtn div input[type="checkbox"] {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.psHollowBtn div .captchaImg {
    width: 39px;
}

.hollowWhiteBtn.psHollowBtn .captchaBox:hover {
    background: transparent !important;
    color: #FFFFFF;
}


/* flatpickr-calendar */
.flatpickr-calendar.open {
    background-color: #2A4076;
    border-radius: 16px;
    width: 421px;
    padding: 24px 22px;
    border-color: transparent;
}

.flatpickr-innerContainer {
    justify-content: center;
}

span.flatpickr-weekday {
    color: #ffffff;
    font-size: 16px;
    font-weight: var(--fw-medium);
}

.flatpickr-months {
    align-items: center;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    height: 44px;
    width: 44px;
    padding: 0px;
    color: rgba(255, 255, 255, 1);
    fill: rgba(255, 255, 255, 1);
    border: 1px solid #fff;
    border-radius: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(243, 250, 255, 0.2);
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    color: rgba(255, 255, 255, 1);
    fill: rgba(255, 255, 255, 1);
}

.flatpickr-current-month {
    padding-top: 0.2em;
    display: flex;
    width: 100%;
    left: 0;
    justify-content: center;
}

.flatpickr-rContainer,
.flatpickr-days,
.dayContainer {
    width: 100%;
}

.dayContainer {
    max-width: 100%;
    gap: 4px;
    row-gap: 5px;
}

.flatpickr-day {
    font-size: 18px;
    border-radius: 6px;
    font-weight: 400;
    width: calc(14.2857143% - 4px);
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: calc(14.2857143% - 4px);
    height: 14.2857143%;
    line-height: 39px;
    background-color: rgba(248, 250, 252, 0.12);
    color: #ffffff;
}

.flatpickr-day.selected,
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    background-color: #ffffff;
    font-weight: var(--fw-medium);
    color: black;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: rgba(255, 255, 255, 0.35);
}

.flatpickr-weekdays {
    margin-block: 0.8em;
}

.flatpickr-current-month {
    font-size: 115%;
    font-weight: var(--fw-semi-bold);
}

.flatpickr-current-month select,
.flatpickr-current-month input {
    color: #ffffff !important;
    background-color: #2A4076 !important;
    border-radius: 6px !important;
}

.flatpickr-current-month select,
.flatpickr-current-month .numInputWrapper {
    border: 1px solid #ffffff !important;
    border-radius: 6px !important;
}

.flatpickr-current-month input {
    line-height: 1.5;
}

.flatpickr-current-month .numInputWrapper {
    margin-left: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after,
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-bottom-color: rgba(255, 255, 255, 1);
    border-top-color: rgba(255, 255, 255, 1);
}

.flatpickr-current-month select,
.flatpickr-current-month input {
    padding: 0.1em 0.1em 0.1em 0.4em !important;
    padding-right: 10px !important;
    line-height: 1.5 !important;
}

.flatpickr-current-month select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='24' viewBox='0 0 8 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.71967 14.2803L1.28033 19.7197C0.807857 20.1921 1.14248 21 1.81066 21H6.5C7.32843 21 8 20.3284 8 19.5V14.8107C8 14.1425 7.19214 13.8079 6.71967 14.2803Z' fill='white'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    background-size: 8px 24px !important;
}



/* Equity Research */
.ps_equityHero {
    padding-top: 4.5em;
}

.equity_wrapp {
    max-width: 1731px;
    width: 100%;
    margin: auto;
    padding: 0 25px;
}

.ps_commonHead {
    padding: 2.5em 0;
}

.ps_commonHead * {
    font-size: var(--fs-title);
    font-weight: 600;
    line-height: 90px;
    color: var(--text-muted-blue);
    text-align: center;
}

.ps_commonHead>p {
    font-size: var(--fs-body);
    line-height: 32px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 8px;
}

.ps_equityInfoBox {
    margin-top: 2em;
    flex-wrap: wrap;
    align-items: flex-start;
}

.ps_equityImg {
    max-width: 760px;
    width: 100%;
}

.ps_EquityText {
    max-width: 889px;
    width: 100%;
}

.ps_EquityText p {
    color: var(--text-muted-white);
    line-height: 1.7;
    font-weight: 300;
    font-size: var(--fs-body);
}

.ps_EquityText p span:nth-child(1) {
    font-weight: 700;
    color: var(--text-white);
}

.ps_EquityText p span:nth-child(2) {
    font-weight: 400;
    color: var(--text-white);
}

.ps_EquityText p:not(:last-child) {
    margin-bottom: 25px;
}

.ps_equiResTops {
    justify-content: space-between;
}

.ps_equiResTops li {
    justify-content: space-between;
}

.ps_equiResTops li {
    max-width: 32%;
    width: 100%;
    padding: 1.4em;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 24px;
}

.ps_equiResTops li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: circle(0% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s;
    z-index: -1;
    background: var(--text-white);
    border-radius: 24px;
}

.ps_equiResTops li:hover:before {
    clip-path: circle(100% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 2s;
}

.equiResTopImg {
    text-align: center;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
}

.equiResTopText h3 {
    text-align: center;
    color: var(--text-white);
    font-size: var(--fs-title-sub);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0;
}

.ps_equiResTops li:hover .equiResTopText h3 {
    color: var(--primary-blue);
}

.ps_equiResTops li:hover .equiResTopImg svg path {
    fill: var(--primary-blue);
}

.bottomBg {
    position: absolute;
    bottom: 0;
    z-index: -1;
}


/* research team */
.ps_resTeamBox {
    padding-top: 4.5em;
    padding-bottom: 4em;
}

.res_wrapp {
    max-width: 1824px;
    padding: 0 24px;
    margin: auto;
}

.resTeamCard {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 3.12em;
}

.resTeamCardItem {
    max-width: 867px;
    padding: 2em;
    display: flex;
    align-items: start;
    gap: 1.5em;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 24px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.35), inset 0 -1px 1px rgba(255, 255, 255, 0.15), 0 20px 40px rgba(0 0, 0, 0.25);
    backdrop-filter: blur(5.1px);
    -webkit-backdrop-filter: blur(5px);
}

.resTeamInfoHead>h2 {
    font-size: calc(var(--fs-title-sub) + 4px);
    color: var(--text-white);
    line-height: 1.35;
    font-weight: 700;
}

.resTeamInfoHead>p {
    font-size: var(--fs-body);
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 500;
    margin-top: 6px;
    margin-bottom: 1em;
}

ul.resTeamMemInfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 1em;
}

ul.resTeamMemInfo li {
    max-width: 48%;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px 6px;
}

.resTeamMemInfo li span:nth-child(2) {
    color: rgba(255, 255, 255, 0.6);
    font-size: var(--fs-body-sub);
    line-height: 1.2;
}

.resTeamInfo>p {
    font-size: var(--fs-body-sub);
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.8);
    text-align: justify;
}

.resTeamInfo>p>span {
    color: var(--text-white);
    font-weight: 400;
}

.resTeamMemOptBox {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 1em;
}

.resTeamMemOptBox>li {
    width: max-content;
    padding: 6px 13px;
    border: 1px solid #FFFFFF;
    border-radius: 3em;
    color: var(--text-white);
    font-size: var(--fs-body-sub);
}

/*.resTeamMemOptBox>li:nth-child(5) {
    background: #F47C06;
    border: none;
}*/

.resTeamImg {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    overflow: hidden;
}

/* faq main page */
.ps_faqPage {
    padding: 4.5em 0 4em
}

.faq_wrapp {
    max-width: 1235px;
    padding: 0 24px;
    margin: auto;
}

.ps_faqPage .np_FAQ_list_link a h3 {
    gap: 5px;
}

.ps_faqPage .ps_commonHead {
    margin-bottom: 0;
    padding-bottom: 0;
}

.ps_faqImg {
    max-width: 678px;
    width: 100%;
    margin: auto;
    margin-top: 30px;
}

.ps_faqPage .rightSideRound {
    max-width: 127px;
    width: 100%;
    z-index: -1;
}

.ps_faqPage .leftSideRound {
    max-width: 127px;
    width: 100%;
    z-index: -1;
}

.qDiv {
    cursor: default;
}

.qDiv:not(:last-child) {
    margin-bottom: 25px;
}

.qDiv>ul {
    padding-left: 25px;
    margin-top: 0px;
}

.qDiv>ul>li {
    list-style-type: disclosure-closed;
}

.qDiv>ul>li:not(:last-child) {
    margin-bottom: 10px;
}

.qDiv b {
    font-weight: 600;
}

.qDiv p>a,
.qDiv span>a,
.qDiv span>b>a,
.qDiv>p>b>a {
    color: #1544A3;
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* privacy policy */
.ps_privPolicy .ps_commonHead {
    margin-bottom: 0;
}

.ps_privPolicy .np_FAQ_list_link a h3 {
    gap: 5px;
}

.ps_policyVers {
    margin-bottom: 40px;
}

ul.policyVersCards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

li.policyVersCardItem {
    max-width: 31%;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #ffffff20;
}

li.policyVersCardItem>a {
    color: var(--text-white);
}

.policyInfo {
    padding: 14px 24px;
}

.policyInfo>p,
.policyInfo>.policyInfoContent>p {
    font-size: var(--fs-body);
    line-height: 25px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 6px;
    transition: all ease-in-out 0.8s;
}

.policyInfo>h5,
.policyInfo>.policyInfoContent>h5 {
    font-size: var(--fs-title-sub);
    line-height: 32px;
    font-weight: 500;
    color: var(--text-white);
    display: flex;
    justify-content: space-between;
    transition: all ease-in-out 0.8s;
    align-items: baseline;
}

.policyInfo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: circle(0% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s;
    z-index: -1;
    background: var(--text-white);
}

.sv_arbicSwitch>p {
    font-size: var(--fs-body);
    color: rgba(255, 255, 255, 0.4);
}

.sv_arbicSwitch>p>span {
    color: rgba(255, 255, 255, 1);
    font-weight: var(--fw-medium);
}

.policyInfo>p {
    font-size: var(--fs-body);
    line-height: 25px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 6px;
    transition: all ease-in-out 0.8s;
}

.policyInfo>h5 {
    font-size: var(--fs-title-sub);
    line-height: 32px;
    font-weight: 500;
    color: var(--text-white);
    display: flex;
    justify-content: space-between;
    transition: all ease-in-out 0.8s;
    align-items: baseline;
}

.policyInfo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: circle(0% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s;
    z-index: -1;
    background: var(--text-white);
}

.policyInfo:hover:before {
    clip-path: circle(100% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 2s;
}

.policyInfo:hover * {
    color: var(--primary-blue);
}

.policyInfo:hover h5 span svg path {
    fill: var(--primary-blue);
}

.policyInfo:hover:before {
    clip-path: circle(100% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 2s;
}

.policyInfo:hover *,
.policyInfo:hover>.policyInfoContent>* {
    color: var(--primary-blue);
}

.policyInfo:hover h5 span svg path {
    fill: var(--primary-blue);
}

/* disclaimer */
.disc_wrapp {
    max-width: 1188px;
    padding: 0 24px;
    margin: auto;
}

.disclaimInfoBox {
    padding: 2em;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    border: 1px solid rgba(173, 184, 195, 0.2);
}

.disclaimInfoBox ul li p {
    font-size: var(--fs-body);
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.8;
    text-align: justify;
}

.disclaimInfoBox ul li p a {
    color: var(--text-white);
}

.discWhiteText {
    color: var(--text-white);
}

.discBoldText {
    font-weight: 600;
}

.disclaimInfoBox ul li:not(:last-child) {
    margin-bottom: 2.8em;
}

.disclaimInfoBox ul li:first-child {
    padding-bottom: 2.8em;
    border-bottom: 1px solid #ffffff20;
}

.discSocialMedia {
    background-image: url(../images/discSocialBann.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2.83em;
    border-radius: 1.8em;
    isolation: isolate;
    overflow: hidden;
    margin-top: 2.8em;
}

.discSocialMedia::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #00000020;
    position: absolute;
    inset: 0;
    z-index: -1;
}

.discSocialMedia h5 {
    font-size: var(--fs-sub-txt);
    line-height: 1.4;
    color: #DCEFFB;
    font-weight: 700;
    margin-bottom: 2em;
}

.discSocialMedia ul {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.discSocialMedia ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
}

.discSocialMedia ul li div a {
    font-size: var(--fs-sub-txt);
    line-height: 2;
    letter-spacing: 0.01em;
    font-weight: 600;
    color: var(--text-white);
}

.socialIcon {
    width: max-content;
    width: 56px;
    height: 56px;
    padding: 12px;
    background: #ffffff10;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.socialIcon svg path {
    transition: fill 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

li:hover .socialIcon {
    background-color: white;
}

li:hover .socialIcon svg path {
    fill: #1544A3;
}


/* fees history */
.psFeeContainer {
    width: 100%;
    padding: 2em;
    border: none;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.3), inset 1px 0px 1px rgba(255, 255, 255, 0.2), inset -1px 0px 5px rgba(255, 255, 255, 0.3);
    background: rgba(0, 0, 0, 0.004);
    border-radius: 24px;
}

.psFeeHeading {
    font-weight: 500;
    font-size: 1.2rem;
    margin: 0 0 16px 8px;
    color: #1a2639;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.psFeeTable {
    width: 100%;
    border-collapse: collapse;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}

.psFeeTable tbody {
    background: #fff;
}

.psFeeTable thead tr th {
    max-width: 33.33%;
    width: 100%;
}

.psFeeHeader {
    background: var(--primary-blue);
    color: #0f263b;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 1.5em;
    text-align: left;
    white-space: nowrap;
}

.psFeeArrows {
    display: flex;
    flex-direction: column;
    gap: 2px;
    float: left;
    width: max-content;
}

.psFeeArrows span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.psFeeArrows span svg {
    width: 10px;
}

.psFeeArrows span svg path {
    fill: #fff;
}

.psFeeCell {
    line-height: 1.5;
    font-size: var(--fs-sub-txt);
    font-weight: 500;
    color: #466385;
    padding: 24px;
    border-bottom: 1px solid #e4ebf5;
    text-align: center;
}

.psFeeDate {
    font-size: var(--fs-body);
    color: #ADB8C3;
    font-weight: 500;
    line-height: 1.5;
}

.psFeeDate p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    white-space: nowrap;
}

.psFeeIconCell p a {
    color: var(--primary-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.psFeeTable tr:last-child .psFeeCell {
    border-bottom: none;
}

.psFeeSortHeader {
    text-align: center;
}

.psFeeSortHeader>p {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: var(--fs-sub-txt);
    color: var(--text-white);
}

.psFeeArrows span>span>svg path {
    fill: white;
}

.psFeeArrows span {
    cursor: pointer;
}

.psFeeArrows span.active svg path {
    fill: #fff !important;
    fill-opacity: 1 !important;
}



/* Schedule fee */
.schedFeeInfoDrop {
    background: #f3f9ff;
    padding-bottom: 60px;
}

.psSchedFeeSec .bottomBg {
    top: 83px;
}

.schedFeeVers .policyInfo:nth-child(3)>h5 {
    text-decoration: underline;
}

.schedFeeWrapp {
    max-width: 1764px;
    padding: 0 24px;
    margin: 0 auto;
}

.schedFeeDropBox {
    margin-top: -60px;
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.schedDrop1 .np_FAQ_list {
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.schedDrop1 {
    padding: 2em;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}

.schedDropHead {
    margin-bottom: 2em;
}

.schedDropHead h2 {
    font-size: 42px;
    line-height: 59px;
    font-weight: 500;
}

.schedFeeContent {
    padding: 0;
}

.schedFeeContent.active .schedFeeDropbtn {
    border: 1px solid #EFF4F8;
    border-bottom: none;
    border-radius: 24px 24px 0 0;
}

.schedFeeTable {
    border: 1px solid #EFF4F8;
    border-top: 0;
    border-radius: 0 0 24px 24px;
    overflow: hidden;
}

.schedFeeDropbtn>a,
.schedFeeDesc table tr td,
.schedFeeDesc table tr th {
    padding: 24px;
}

.schedFeeContent {
    background: transparent;
    box-shadow: none;
    border: 1px solid #EFF4F8;
    border-radius: 24px;
}

.schedFeeContent.active {
    border-color: transparent;
}

.nameInfoBox {
    gap: 1em;
}

.nameIcon {
    min-width: 54px;
    min-height: 54px;
    background: #FFEFDF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    overflow: hidden;
}

.nameIcon p {
    color: #F47C06;
    font-size: 10px;
    line-height: 25px;
    letter-spacing: 0.04em;
    font-weight: 700;
    text-transform: uppercase;
}

.nameText h3 {
    font-size: var(--fs-title-sub);
    color: #466385;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.4;
}

.nameText p {
    font-size: var(--fs-body-sub);
    color: #ADB8C3;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.4;
}

.schedFeeTable table {
    text-align: left;
    border-collapse: collapse;
}

.schedFeeTable>table>thead tr>th {
    width: 33.33%;
    font-size: var(--fs-sub-txt);
    line-height: 1.5;
    color: rgba(70, 99, 133, 0.6);
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.schedFeeTable>table>tbody>tr:not(:last-child) {
    border-bottom: 1px solid #EFF4F8;
}

.schedFeeTable>table>tbody>tr {
    white-space: nowrap;
}

.schedFeeDesc table tr td {
    color: #000;
    font-size: var(--fs-body);
    line-height: 1.5;
    font-weight: 500;
}

.schedFeeDesc table tr .schedDisabled {
    color: #ADB8C3;
}

.schedFeeDesc table tbody tr:last-child {
    background-color: #F3F5FA;
}

.schedFeeDesc table tbody tr:last-child td {
    color: var(--primary-blue);
    font-weight: 700;
}

.aboutSchedFee {
    background: #F8FAFC;
    padding: 1.5em;
    margin-top: 1.5em;
    border-radius: 1em;
}

.aboutSchedFee p {
    font-size: var(--fs-body-sub);
    line-height: 20px;
    font-weight: 500;
    opacity: 0.6;
    color: #466385;
}

.schedFeeContent.active .aboutSchedFee p {
    font-size: var(--fs-body-sub);
    line-height: 20px;
    font-weight: 500;
    opacity: 0.6;
    color: #466385;
}

.aboutSchedFee h4 {
    font-size: var(--fs-body-sub);
    line-height: 20px;
    font-weight: 600;
    color: #000;
}

.schedFeeDesc {
    margin-top: 0 !important;
}

.feeSchedCardInfo {
    margin-top: 2em;
}

.feeSchedCards {
    display: flex;
    justify-content: start;
    gap: 2%;
    flex-wrap: wrap;
    row-gap: 35px;
}

.feeSchedCards li {
    max-width: 31%;
    padding: 45px 32px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 24px;
}

.feeSchedIcon {
    width: 54px;
    height: 54px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.feeSchedCardItem h3 {
    font-size: var(--fs-title-sub);
    letter-spacing: 0.04em;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 8px;
}

.feeSchedCardItem p {
    font-size: var(--fs-body-txt);
    letter-spacing: 0.04em;
    font-weight: 500;
    color: #466385;
}

.feeSchedCardItem>p>span {
    color: #1544A3;
    font-weight: 700;
}

.feeSchedIcon1 {
    background-color: #E7ECF6;
}

.feeSchedIcon2 {
    background-color: #EDF7FF;
}

.feeSchedIcon3 {
    background-color: #E5FFF6;
}

.feeSchedIcon4 {
    background-color: #DFDFFF;
}

.feeSchedIcon5 {
    background-color: #FFF8BF;
}


/* Our MAnegement */
.ourManegeWrapp {
    max-width: 1548px;
    width: 100%;
    padding: 0 24px;
    margin: auto;
}

.cardHead {
    margin-bottom: 1.5em;
}

.cardHead h3 {
    font-size: 32px;
    color: #DBF0FF;
    line-height: 45px;
    font-weight: 600;
}

.ourManegeCardWrapp {
    display: flex;
    justify-content: start;
    gap: 52px;
    align-items: stretch;
}

.ourManegeCardWrapp li {
    transition: width 0.6s ease, transform 0.6s ease;
    display: flex;
}

.ourManegeCardWrapp li {
    flex: 1;
    transition: flex 0.4s ease;
    cursor: pointer;
}

.ourManegeCardWrapp li.activeCard {
    flex: 1.3;
}

.manegeCardInfo {
    border-radius: 24px;
    overflow: hidden;
}

.manegeImgBOx {
    background: rgba(0, 0, 0, 0.004);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 23px;
    border-radius: 24px;
}

.manegeImgBOx img {
    transition: all 0.3s ease;
}

.manegeTextBox {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0px 0px 24px 24px;
    padding: 1.6em;
    bottom: -75%;
    isolation: isolate;
    transition: all 0.6s ease;
    z-index: 1;
}

.manegeTextBox.activeOver {
    bottom: 0;
}

.manegeTextBox::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(54, 101, 195, 0.65);
    box-shadow: inset 0px 21px 22.6px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(18px);
    z-index: -1;
    transition: all 0.3s ease-in-out;
}

.activeOver.manegeTextBox::after {
    background: rgba(14, 30, 63, 0.6);
    z-index: -1;
}

.manegeTextBox>div>h4 {
    font-size: var(--fs-title-sub);
    color: #ffffff;
    line-height: 36px;
    font-weight: 700;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #DDE7FA33;
    transition: all 0.6s ease-in-out;
}

.manegeTextBox>div>h5 {
    font-size: calc(var(--fs-sub-txt) - 1px);
    color: rgba(255, 255, 255, 0.8);
    line-height: 27px;
    font-weight: 600;
    margin-bottom: 20px;
}

.manegeTextInfo>p {
    font-size: var(--fs-body);
    line-height: 32px;
    color: var(--text-white);
    margin-bottom: 15px;
}

.manegeTextInfo>p>span {
    color: #F47C06;
}

.manegeTextInfo {
    opacity: 0;
    visibility: hidden;
    transition: all 0.6 ease-in-out;
}

.activeOver .manegeTextInfo {
    opacity: 1;
    visibility: visible;
}

.omMainText * {
    text-align: center;
}

.activeOver .omMainText {
    display: none;
}

.omOverText {
    display: none;
}

.activeOver .omOverText {
    display: block;
}

.activeOver .omOverText * {
    text-align: left;
}

.activeOver>div>h5 {
    margin-bottom: 15px;
}

.detaArrowBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: rgba(21, 68, 163, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(18px);
    background: rgba(21, 68, 163, 0.2);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.15), inset 0 -1px 1px rgba(255, 255, 255, 0.1), 0 20px 40px rgba(0, 0, 0, 0.15);
}

.manegeCardInfo:hover .manegeImgBOx img,
.manegeCardInfo:hover .manegeTextBox {
    scale: 1.02;
}

.detaArrowBtn a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.overcloseBtn {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.activeOver .overcloseBtn {
    opacity: 1;
    visibility: visible;
}

.psReasearchTeam {
    margin-top: 3.3em;
}



/* Form css */
.newAddRemoveBtn {
    gap: 15px;
    margin-top: 24px;
}

.newAddRemoveBtn .addRelative,
.newAddRemoveBtn .removeRelative {
    margin: 0;
}

.newAddRemoveBtn>div>span {
    white-space: nowrap;
}

.removeRelative span:first-child {
    width: 10px;
}

.psNote div p a {
    color: #fff;
}

.pepFormSec {
    display: flex;
}

.pepFormSec>ul.flexDisplay {
    flex-wrap: nowrap;
}

.pepFormSec>ul.flexDisplay>li.col-50 {
    width: 100%;
}

.pepFormSec .newAddRemoveBtn {
    width: max-content;
}


/* Preview Icon Styles */

.preview-icon {
    margin-left: 10px;
    margin-bottom: .5rem;
    cursor: pointer;
    display: none;
    vertical-align: middle;
    color: #00ff00;
    font-size: 14px;
    font-weight: 500;
    float: left;
}

.preview-icon i {
    color: #00ff00 !important;
    font-size: 14px;
    transition: all 0.3s ease;
}

.preview-icon:hover i {
    color: green;
    transform: scale(1.1);
}

/* Preview Modal Styles */
.preview-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.preview-modal .modal-content {
    max-width: 90%;
    max-height: 90%;
    position: relative;
}

.preview-modal .close-preview {
    position: absolute;
    top: -40px;
    right: 0;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s ease;
}

.preview-modal .close-preview:hover {
    color: green;
}

.preview-modal .preview-content {
    text-align: center;
}

.preview-modal img {
    max-width: 100%;
    max-height: 80vh;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.preview-modal iframe {
    width: 100%;
    height: 80vh;
    border: none;
    border-radius: 8px;
    background: #fff;
}

/* Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.preview-modal .modal-content {
    animation: fadeIn 0.3s ease;
}



.qDiv {
    cursor: default;
}

.qDiv:not(:last-child) {
    margin-bottom: 25px;
}

.qDiv>ul {
    padding-left: 25px;
    margin-top: 0px;
}

.qDiv>ul>li {
    list-style-type: disclosure-closed;
}

.qDiv>ul>li:not(:last-child) {
    margin-bottom: 10px;
}

.qDiv>ul>li:last-child {
    margin-bottom: 10px;
}

.qDiv b {
    font-weight: 600;
}

.qDiv p>a,
.qDiv span>a,
.qDiv span>b>a,
.qDiv>p>b>a {
    color: #1544A3;
    text-decoration: underline;
    text-underline-offset: 2px;
}


.signPrivacyBox {
    padding-top: 10em;
}

.signPrivacy {
    padding: 0 8em;
}

.signPrivacy .finalPolicyModelList {
    margin-top: 3em;
}

.signPrivacy .finalPolicyModelBtn {
    margin-top: 2em;
}

.arbName input {
    font-family: "Tajawal", "Noto Kufi Arabic", sans-serif;
}



/* retail ipo */
.retailIpoBlock h5 {
    justify-content: center;
    gap: 8px;
    align-items: center;
}

.retailIpoContent .ps_policyVers {
    margin-bottom: 24px;
}

.retailIpoContent .ps_policyVers .np_outManagementContBox {
    max-width: 100%;
}

.ipoTimeLine>ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ipoTimeLine>ul>li>p {
    margin-bottom: 6px !important;
}

.ipoTimeLine>ul>li>h4 {
    display: flex;
    gap: 8px;
    font-weight: normal;
    align-items: center;
}


/* 404 */
.not_foundHero {
    padding: 55px 0;
}

.notFoundHero .np_acHeroRgtTitle .np_acHero_text {
    margin-bottom: 1em;
}

.notFoundHero .np_acHero_text h2 {
    text-align: left;
}

.notFoundHero .np_acHeroRgtTitle h3 {
    font-size: 2em;
    color: #DCEFFB99;
    line-height: 45px;
    margin-bottom: 24px;
}

.notFoundHero .np_acHeroRgtTitle p {
    margin-bottom: 24px;
    color: #fff;
}

.notFoundHero .np_acHeroRgtTitle p:nth-of-type(2) {
    color: #FFFFFF99;
}

.notFoundHero .np_acHeroRgtTitle p:last-child {
    display: flex;
    gap: 6px;
    margin-bottom: 0;
    align-items: center;
}

.notFoundHero .np_acHeroRgtTitle p:last-child a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.notFoundHero .IndvLink {
    text-align: start;
    margin-top: 0;
}

.notFoundHero .IndvLink a {
    padding: 11px 20px;
}


.researchLogBox .np_onlineCashTsec_lft {
    margin-left: 9vw;
    max-width: 930px;
}

.researchLogBox .np_onlineCashTsec_lft img {
    width: 100%;
}

.researchLogBox .np_onlineCashTsec_rgt {
    max-width: 412px;
    display: flex;
    flex-direction: column;
    padding: 35px;
    top: 209px;
}

.firmLogo {
    margin: auto;
    max-width: 230px;
    width: 100%;
    margin: auto;
    margin-bottom: 42px;
}

.researchLogBox .np_onlineCashTsec_rgt h3 {
    margin-top: 7px;
}

/* ============================================
   OTP Verify / Send OTP — Countdown & Input
   ============================================ */

/* Verify button inside email row */
.sv_verifyEmailBtn {
    flex-shrink: 0;
}

/* OTP input wrap — slide-down animation */
.sv_otpInputWrap {
    margin-top: 0.625em;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.3s ease;
}

.sv_otpInputWrap.sv_otpVisible {
    max-height: 80px;
    opacity: 1;
}

/* OTP input row */
.sv_signUpOtpInput {
    padding: 0 0.5em 0 1em;
}

.sv_signUpOtpInput .sv_TxtInp {
    flex: 1;
}

.sv_signUpOtpInput .sv_TxtInp input {
    padding: 0.75em 0.5em;
    letter-spacing: 0.15em;
    font-size: var(--fs-body-sub);
}

.sv_signUpOtpInput .sv_TxtInp input::placeholder {
    letter-spacing: 0;
}

/* Countdown timer */
.sv_otpCountdown {
    flex-shrink: 0;
    padding: 0.4em 0.75em;
    background: rgba(31, 68, 123, 0.08);
    border-radius: 50px;
    min-width: 62px;
    text-align: center;
    margin-right: 0.25em;
    transition: background 0.3s;
}

.sv_otpTimer {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--primary-blue);
    font-family: var(--font-main);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.04em;
}

.sv_otpCountdown.sv_otpExpired {
    background: rgba(200, 50, 50, 0.09);
}

.sv_otpCountdown.sv_otpExpired .sv_otpTimer {
    color: #c83232;
}

/* Trigger button disabled (sending) state */
.sv_sendOtpBtn button.sv_otpSending,
.sv_sendOtpBtn button:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}

/* Verified state — OTP input row */
.sv_signUpOtpInput.sv_otpVerified {
    background: linear-gradient(90deg, rgba(31,68,123,0.07) 0%, rgba(31,68,123,0.12) 100%);
    border: 1.5px solid rgba(31,68,123,0.25);
}

.sv_signUpOtpInput.sv_otpVerified .sv_TxtInp input {
    color: #1a8a4a;
    font-weight: 600;
    letter-spacing: 0;
    pointer-events: none;
}

/* Kill browser autofill background color on all sv_TxtInp inputs */
.sv_TxtInp > input:-webkit-autofill,
.sv_TxtInp > input:-webkit-autofill:hover,
.sv_TxtInp > input:-webkit-autofill:focus,
.sv_TxtInp > input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #1F447B !important;
    caret-color: #1F447B;
    transition: background-color 5000s ease-in-out 0s;
}

/* ============================================
   INTL-TEL-INPUT — EXPRESS FORM (personal_details)
   Dark-theme variant of sv_iti_wrap for the
   .sv_accountCreationRightFormFields context
   ============================================ */

/* Wrapper: match the same pill shape as other inputs in the express form */
.sv_express_iti_wrap {
    display: flex;
    align-items: center;
    overflow: visible;
    border-radius: 60px;
    border: 1px solid rgba(221, 232, 255, 0.6);
    background-color: transparent;
    transition: all 0.3s;
    width: 100%;
    padding: 2px 2px 2px 0;
    gap: 0;
    box-sizing: border-box;
}

/* Let iti fill the pill */
.sv_express_iti_wrap .iti {
    flex: 1;
    min-width: 0;
    align-self: stretch;
    display: flex;
    align-items: center;
    width: 100%;
}

/* The actual tel input inside — borderless, transparent, white text */
.sv_express_iti_wrap .iti input[type="tel"] {
    width: 100%;
    height: 100%;
    padding: 0.7857em 1.1428em 0.7857em 0;
    font-size: var(--fs-body-sub);
    color: #FFFFFF;
    font-weight: var(--fw-regular);
    font-family: var(--font-main);
    background-color: transparent;
    border: none;
    outline: none;
}

.sv_express_iti_wrap .iti input[type="tel"]::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

/* Flag / dial-code button — subtle dark pill to match dark theme */
.sv_express_iti_wrap .iti__selected-flag {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 30px;
    padding: 0.35em 0.85em 0.35em 0.75em;
    margin: 3px 6px 3px 3px;
    height: calc(100% - 6px);
    outline: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.sv_express_iti_wrap .iti__selected-flag:hover,
.sv_express_iti_wrap .iti__selected-flag[aria-expanded="true"] {
    background: rgba(255, 255, 255, 0.22);
}

/* Dial code text — white to match form */
.sv_express_iti_wrap .iti__selected-dial-code {
    font-family: var(--font-main);
    font-size: var(--fs-body-sub);
    font-weight: var(--fw-medium);
    color: rgba(255, 255, 255, 0.8);
    margin-left: 4px;
}

/* Dropdown panel */
.sv_express_iti_wrap .iti__dropdown-content {
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(221, 232, 255, 0.3);
    font-family: var(--font-main);
    z-index: 9999;
    top: calc(100% + 4px);
    background: #1a2e4a;
}

/* Search box inside dropdown */
.sv_express_iti_wrap .iti__search-input {
    font-family: var(--font-main);
    font-size: var(--fs-body-sub);
    color: #fff;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(221, 232, 255, 0.3);
    padding: 8px 12px;
    width: 100%;
    outline: none;
}

.sv_express_iti_wrap .iti__search-input::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

/* Country list */
.sv_express_iti_wrap .iti__country-list {
    font-family: var(--font-main);
    font-size: var(--fs-body-sub);
    max-height: 220px;
    background: transparent;
    color: #fff;
}

.sv_express_iti_wrap .iti__country-name,
.sv_express_iti_wrap .iti__dial-code {
    color: rgba(255, 255, 255, 0.85);
}

.sv_express_iti_wrap .iti__country.iti__highlight,
.sv_express_iti_wrap .iti__country:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Error / success states — target the wrapper div instead of direct child input */
.sv_accountCreationRightFormFields > .sv_express_iti_wrap.error-input {
    border-color: red;
    background-color: rgba(255, 0, 0, 0.1);
}

.sv_accountCreationRightFormFields > .sv_express_iti_wrap.success-input {
    border-color: green;
    background-color: rgba(0, 255, 0, 0.1);
}

/* RTL support */
html[dir="rtl"] .sv_express_iti_wrap {
    padding: 2px 0 2px 2px;
    flex-direction: row-reverse;
}

html[dir="rtl"] .sv_express_iti_wrap .iti {
    direction: ltr;
}

html[dir="rtl"] .sv_express_iti_wrap .iti input[type="tel"] {
    text-align: left;
    padding: 0.7857em 0 0.7857em 1.1428em;
}

html[dir="rtl"] .sv_express_iti_wrap .iti__selected-flag {
    margin: 3px 3px 3px 6px;
}

html[dir="rtl"] .sv_express_iti_wrap .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 4px;
}