: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 input{padding: 0.779em 1.1428em;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-position:left 18px center;background-size:17px 13px;padding-left:44px;}
.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%;}
.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:76dvh;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: 500;}
.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; height: 65vh;}
.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;}
.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 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;}