.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.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{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
/* latin-ext */
@font-face {
    font-family: 'Parkinsans';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/parkinsans.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Parkinsans';
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/parkinsans_1.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* fallback */
@font-face {
    font-family: 'Playwrite NZ Basic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/playwritenzbasic.woff2) format('woff2');
}
/* cyrillic-ext */
@font-face {
    font-family: 'SN Pro';
    font-style: italic;
    font-weight: 200 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/snpro.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'SN Pro';
    font-style: italic;
    font-weight: 200 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/snpro_1.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'SN Pro';
    font-style: italic;
    font-weight: 200 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/snpro_2.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'SN Pro';
    font-style: italic;
    font-weight: 200 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/snpro_3.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'SN Pro';
    font-style: italic;
    font-weight: 200 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/snpro_4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'SN Pro';
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/snpro_5.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'SN Pro';
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/snpro_6.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'SN Pro';
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/snpro_7.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'SN Pro';
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/snpro_8.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'SN Pro';
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/snpro_9.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/lexend.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/lexend_1.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/lexend_2.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal_1.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal_2.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal_3.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal_4.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal_5.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal_6.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal_7.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal_8.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal_9.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal_10.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal_11.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal_12.woff2) format('woff2');
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../../Assets/Kyc/fonts/arabic/tajawal_13.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    /* Main Brand Colors */
    --primary-blue: #1544A3;
    --dark-blue: #1F447B;
    --deep-blue: #133C8F;
    --accent-teal: #11AFB6;
    --accent-teal-dark: #129399;

    /* Neutral / UI Colors */
    --bg-light-blue: #E0EEFB;
    --bg-accent-blue: #F3F9FF;
    --text-white: #FFFFFF;
    --text-black: #000000;
    --text-muted-white: rgba(255, 255, 255, 0.6);
    --text-muted-blue: #DCEFFB;
    --text-para-blue: #466385;
    --border-glass: rgba(173, 184, 195, 0.2);
    --border-light-blue: #B9CDF8;

    /* Effects & Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-btn: rgba(255, 255, 255, 0.2);
    --glass-bg: rgba(0, 0, 0, 0.2);
    --glass-blur: blur(25px);
    --glass-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);

    /* Typography */
    --font-main: "Parkinsans", sans-serif;
}

body {
    font-family: var(--font-main);
    background: var(--primary-blue);
    font-weight: 300;
    letter-spacing: 0.04em;
}

* {
    outline: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

input,
button {
    -moz-appearance: none;
    -webkit-appearance: none;
}

input,
button,
div,
ul,
li {
    outline: none !important;
}

div {
    box-sizing: border-box;
}

a:link,
a:visited {
    text-decoration: none;
}

img {
    border: none;
    outline: none;
    max-width: 100%;
    display: block;
}

svg {
    display: block;
}

ul,
ul li {
    list-style-type: none
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

.helperSpan {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.clr {
    clear: both
}

.floatLft {
    float: left
}

.floatRgt {
    float: right
}

.inlineBlk {
    display: inline-block;
    vertical-align: middle
}

.table {
    display: table
}

.transition {
    transition: all .35s ease 0s;
    -moz-transition: all .35s ease 0s;
    -webkit-transition: all .35s ease 0s;
}

.col-100 {
    width: 100%
}

.col-90 {
    width: 90%
}

.col-80 {
    width: 80%
}

.col-70 {
    width: 70%
}

.col-60 {
    width: 60%
}

.col-50 {
    width: 50%
}

.col-40 {
    width: 40%
}

.col-30 {
    width: 30%
}

.col-20 {
    width: 20%
}

.col-10 {
    width: 10%
}

.flexDisplay {
    display: flex;
}

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

.justifyStart {
    justify-content: flex-start;
}

.justifyEnd {
    justify-content: flex-end;
}

.justifyCenter {
    justify-content: center;
}

.alignStart {
    align-items: flex-start;
}

.alignEnd {
    align-items: flex-end;
}

.alignCenter {
    align-items: center;
}

.flexWrap {
    flex-flow: row wrap;
}

.flexColumn {
    flex-direction: column;
}

.textCenter {
    text-align: center;
}

.textLeft {
    text-align: left;
}

.textRight {
    text-align: right;
}

.np__fw500 {
    font-weight: 500;
}

.np__fw600 {
    font-weight: 600;
}

.np__fw700 {
    font-weight: 700;
}

.np__fw800 {
    font-weight: 800;
}

.np__fw900 {
    font-weight: 900;
}

.h_wrapper {
    max-width: 1920px;
    padding: 0 24px;
    margin: 0 auto;
}

.wrapper {
    max-width: 1398px;
    padding: 0 24px;
    margin: 0 auto;
}

.o_wrapper {
    max-width: 1814px;
    padding: 0;
    padding-left: 24px;
    margin: 0 0 0 auto;
    position: relative;
}

.c_wrapper {
    max-width: 1532px;
    padding: 0 24px;
    margin: 0 auto;
}

.s_wrapper {
    max-width: 1700px;
    padding: 0 24px;
    margin: 0 auto;
}

.ac_wrapper {
    max-width: 1763px;
    padding: 0 24px;
    margin: 0 auto;
}

.t_wrapper {
    max-width: 1738px;
    padding: 0 24px;
    margin: 0 auto;
}

.act_wrapper {
    max-width: 1807px;
    padding-left: 24px;
    margin: 0 0 0 auto;
}

.m_wrapper {
    max-width: 1488px;
    padding: 0 24px;
    margin: 0 auto;
}

.f_wrapper {
    max-width: 1097px;
    margin: 0 auto;
}

/* Header Styles */
.np_header {
    background: rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(173, 184, 195, 0.2);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 17px 0;
    backdrop-filter: blur(25px);
    transition: all 0.3s;
}

    .np_header.stickyHead {
        background: #1544a396
    }

.np_header_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

/* .np_navbar{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} */
.np_navbar .np_menu_list {
    display: flex;
    align-items: center;
    gap: 32px;
}

    .np_navbar .np_menu_list li a {
        color: var(--text-white);
        font-size: 16px;
        font-weight: 300;
    }

.np_navbar_btn {
    display: flex;
    align-items: center;
    gap: 16px;
}

.np__btLink {
    color: var(--text-white);
    font-size: 16px;
}

.np_hero {
    z-index: 2;
    background: #171E42;
}

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

.np_hero_text {
    position: absolute;
    top: 15%;
    right: 15.5%;
}

.np_logo {
    display: block;
}

.np_logoMob {
    display: none;
}

.np_navbar {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mobile-menu-toggle,
.mobile-header-buttons {
    display: none;
}


.np__common_button {
    background: var(--glass-btn);
    box-shadow: 0px 15px 26px rgba(29, 29, 29, 0.2);
    backdrop-filter: blur(50px);
    border-radius: 9999px;
    padding: 8px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-white);
    position: relative;
    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);
    font-weight: 300;
}

    .np__common_button.profile {
        padding: 12px 20px;
    }

.np_hero_btn {
    background: var(--glass-btn);
    box-shadow: 0px 15px 26px rgba(29, 29, 29, 0.2);
    backdrop-filter: blur(50px);
    border-radius: 9999px;
    padding: 8px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-white);
    display: inline-block;
    will-change: transform;
    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);
}

@keyframes dotEntrance {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    60% {
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

[id^="dot"] {
    opacity: 0;
    transform-origin: center;
    transform-box: fill-box;
}

.is-visible #dot1,
.is-visible #dot9 {
    animation: dotEntrance 0.6s ease forwards 0.1s;
}

.is-visible #dot2,
.is-visible #dot6 {
    animation: dotEntrance 0.6s ease forwards 0.3s;
}

.is-visible #dot10,
.is-visible #dot13 {
    animation: dotEntrance 0.6s ease forwards 0.5s;
}

.is-visible #dot3,
.is-visible #dot7 {
    animation: dotEntrance 0.6s ease forwards 0.7s;
}

.is-visible #dot11,
.is-visible #dot14 {
    animation: dotEntrance 0.6s ease forwards 0.9s;
}

.is-visible #dot4,
.is-visible #dot8 {
    animation: dotEntrance 0.6s ease forwards 1.1s;
}

.is-visible #dot12,
.is-visible #dot15 {
    animation: dotEntrance 0.6s ease forwards 1.3s;
}

.is-visible #dot5 {
    animation: dotEntrance 0.6s ease forwards 1.5s;
}


.np_hero_img {
    /* height: 100dvh; */
    object-fit: cover;
    position: relative;
}

    .np_hero_img::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        background: linear-gradient(0deg, #171E40 0%, rgba(25, 29, 71, 0) 100%);
        width: 100%;
        height: 50%;
    }

    .np_hero_img img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

.slick-slide img.np_hero_textImg-ar {
    display: none
}

.np_hero_textImg-ar {
    display: none
}

.np_count {
    position: absolute;
    bottom: -10%;
    left: 0;
    width: 100%;
    z-index: 2;
}

.np_count_inner {
    background: rgba(21, 68, 163, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px -4px 60px rgba(13, 57, 122, 0.7);
    border-radius: 134px;
    padding: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    backdrop-filter: blur(18px);
    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);
}

.np_count_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

    .np_count_box span {
        width: 80px;
        height: 80px;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 74px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 32px;
        color: var(--text-white);
        font-weight: 500;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        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);
    }

.np_count_box_text h3 {
    font-size: 40px;
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 16px;
    line-height: 1;
}

.np_count_box_text p {
    font-size: 16px;
    color: var(--text-white);
    font-weight: 500;
}

.np_whoWeAre {
    background: var(--bg-light-blue);
    padding-top: 174px;
    padding-bottom: 175px;
    border-bottom-right-radius: 64px;
    border-bottom-left-radius: 64px;
    overflow: hidden;
}

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

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

.np_whoWeAre_title h3 {
    font-size: 64px;
    color: var(--dark-blue);
    font-weight: 700;
    margin-bottom: 24px;
    text-align: center;
}

.np_whoWeAre_icon {
    margin-bottom: 24px;
    text-align: center;
    transition: height 1s ease;
    overflow: hidden;
}

.np_whoWeAre_para p {
    font-size: 18px;
    color: var(--text-para-blue);
    line-height: 2;
}

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

.np_app {
    isolation: isolate;
    padding: 0px 0 61px 0;
}

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

.np_app_img a {
    display: flex;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
}

.np_tradeOnline {
    padding: 64px 0;
    overflow: hidden;
}

.np_tradeOnline_title {
    text-align: center;
    margin-bottom: 60px;
}

    .np_tradeOnline_title h2 {
        font-size: 64px;
        color: var(--text-muted-blue);
        font-weight: 600;
    }

    .np_tradeOnline_title p {
        font-size: 18px;
        color: var(--text-muted-white);
        line-height: 2;
        margin-top: 16px;
    }

.np_tradeOnline_slides {
    position: relative;
    height: 55vh;
    width: 100%;
}

.np_tradeOnline_slideLists {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

    .np_tradeOnline_slideLists li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
    }

.np_tradeOnline {
    width: 100%;
}

.np_tradeOnline_slideLists li .np_tradeOnline_slideItem {
    pointer-events: auto;
    width: 100%;
}


/* First Slide: eTrade */
.np_tradeOnline_slideLists li:nth-child(1) .np_tradeOnline_slideContent {
    background: var(--accent-teal);
}

.np_tradeOnline_slideLists li:nth-child(1) .np_tradeOnline_slide_text {
    float: left;
}

    .np_tradeOnline_slideLists li:nth-child(1) .np_tradeOnline_slide_text a {
        color: var(--accent-teal-dark);
    }

.np_tradeOnline_slideLists li:nth-child(1) .np_tradeOnline_slideImg {
    left: auto;
    right: 0;
    bottom: -52px;
}

/* Second Slide: Mobile Trading */
.np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slideContent {
    background: #7878BC;
    float: right;
}

.np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slide_text {
    float: right;
}

    .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slide_text h3 {
        justify-content: flex-end;
    }

    .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slide_text a {
        color: #6868A4;
    }

    .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slide_text p {
        float: right;
        text-align: end;
    }

.np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slideImg {
    left: 0;
    right: auto;
}

.np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slide_btn {
    justify-content: flex-end;
}

/* Last Slide: Direct Market Access */
.np_tradeOnline_slideLists li:nth-child(3) .np_tradeOnline_slideContent {
    background: #002878;
}

.np_tradeOnline_slideLists li:nth-child(3) .np_tradeOnline_slide_text {
    float: left;
}

    .np_tradeOnline_slideLists li:nth-child(3) .np_tradeOnline_slide_text a {
        color: #002878;
    }

.np_tradeOnline_slideLists li:nth-child(3) .np_tradeOnline_slideImg {
    left: auto;
    right: 0;
}


.np_tradeOnline_slideContent {
    border-radius: 24px;
    padding: 42px;
    max-width: 85%;
}

.np_tradeOnline_slide_text h3 {
    font-size: 60px;
    color: var(--text-white);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.np_tradeOnline_slide_text p {
    font-size: 18px;
    color: var(--text-white);
    line-height: 2;
    margin-bottom: 24px;
    max-width: 68%;
}

.np_tradeOnline_slide_btn {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 24px;
}

.np_tradeOnline_slide_text a {
    font-size: 16px;
    color: var(--accent-teal-dark);
    font-weight: 600;
    padding: 10px 16px;
    background: var(--text-white);
    border-radius: 58px;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 10px;
}

.np_tradeOnline_slide_text title {
    display: block;
}

/* .np_tradeOnline_slide_text a span{display: inline-block;width: 18px;height: 20px;} */
.np_tradeOnline_slide_text a span svg {
    display: inline-block;
    width: 18px;
    height: 20px;
}

.np_tradeOnline_slideImg {
    position: absolute;
    bottom: -90px;
    right: 0;
    z-index: 1;
}

.np_tradeOnline_slideContent,
.np_tradeOnline_slideImg {
    will-change: transform;
}

.np_products_title {
    text-align: center;
    margin-bottom: 64px;
}

    .np_products_title h2 {
        font-size: 64px;
        color: var(--text-muted-blue);
        font-weight: 600;
    }

    .np_products_title p {
        font-size: 18px;
        color: var(--text-muted-white);
        line-height: 2;
        margin-top: 16px;
    }

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

.np_products_text h3 {
    color: var(--text-white);
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 6px;
}

.np_products_text p {
    color: var(--text-muted-white);
    font-size: 14px;
    line-height: 1.5;
}

.np_products_list {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
}

    .np_products_list li {
        width: calc(33.3% - 0px);
    }

.np_products_card {
    padding: 24px;
    position: relative;
}

    .np_products_card::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);
    }

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

    .np_products_card:hover .np_products_img svg path {
        fill: var(--primary-blue);
    }

    .np_products_card:hover .np_products_text h3 {
        color: var(--primary-blue);
    }

    .np_products_card:hover .np_products_text p {
        color: var(--primary-blue);
    }


.np_awards {
    padding: 64px 0;
}

.np_awards_title {
    text-align: center;
    margin-bottom: 34px;
}

    .np_awards_title h2 {
        font-size: 64px;
        color: var(--text-muted-blue);
        font-weight: 600;
    }

    .np_awards_title p {
        font-size: 18px;
        color: var(--text-muted-white);
        line-height: 2;
        margin-top: 16px;
    }

.np_award_card {
    position: relative;
    border-radius: 16px;
    margin: 0 15px;
    outline: none;
    width: 100%;
}

.np_award_card_inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

.np_award_card_wrapper {
    position: relative;
    width: 100%;
    height: 32vh;
    border-radius: 16px;
}

.np_awards_slider_inner {
    margin: 0 -15px;
}

    .np_awards_slider_inner .slick-list {
        padding-top: 30px;
        padding-bottom: 80px;
    }

.custom-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: #002878;
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.slick-prev {
    left: -30px !important;
    background: url('../../Assets/Kyc/images/arrow_circle_left.svg') no-repeat center !important;
    width: 40px !important;
    height: 40px !important;
}

.slick-next {
    right: -30px !important;
    background: url('../../Assets/Kyc/images/arrow_circle_right.svg') no-repeat center !important;
    width: 40px !important;
    height: 40px !important;
}

.np_award_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
}

    .np_award_overlay::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../../Assets/Kyc/images/award1Bg1.png") no-repeat center/cover;
        transition: transform 0.4s ease-in-out;
        z-index: 0;
        border-radius: 16px;
    }

    .np_award_overlay::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../../Assets/Kyc/images/award1Bg2.png") no-repeat center/cover;
        transform: translateY(100%);
        transition: transform 0.4s ease-in-out;
        z-index: 0;
        border-radius: 16px;
    }

.np_award_card h3 {
    font-size: 18px;
    font-weight: 500;
    color: var(--text-white);
    margin-top: 16px;
    position: relative;
    display: inline-block;
    float: left;
}

.np_award_card p {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-muted-white);
    margin-top: 8px;
    float: left;
    width: 100%;
}

.np_award_card img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 20px;
    transition: transform 0.4s ease, filter 0.4s ease;
}

.np_award_card:hover .np_award_overlay::before {
    transform: translateY(-100%);
}

.np_award_card:hover .np_award_overlay::after {
    transform: translateY(0);
}

.np_award_card:hover img {
    transform: scale(1.09) translateY(-20px);
    filter: drop-shadow(0 12px 25px rgba(0, 0, 0, 0.25));
}


.np_report {
    background: var(--deep-blue);
    padding: 64px 0;
    isolation: isolate;
}


.np_report_card_inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.np_report_list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 59px;
}

.np_report_card_img {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 74px;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    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);
}

.np_report_card_text h3 {
    font-size: 28px;
    color: var(--text-white);
    font-weight: 600;
    margin-bottom: 16px;
    line-height: 1;
}

.np_report_card_text p {
    font-size: 16px;
    color: var(--text-white);
    font-weight: 500;
    line-height: 1;
}

.np_resReport {
    background: var(--bg-light-blue);
    padding: 64px 0;
}

.np_resReport_text {
    text-align: center;
    margin-bottom: 34px;
}

    .np_resReport_text h2 {
        font-size: 64px;
        color: var(--primary-blue);
        font-weight: 600;
    }

    .np_resReport_text p {
        font-size: 18px;
        color: rgb(70, 99, 133, 0.6);
        line-height: 2;
        margin-top: 16px;
    }

.np_resReport_cards_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.np_resReport_cards_tabs {
    display: flex;
    align-content: center;
    gap: 12px;
}

    .np_resReport_cards_tabs li a.active {
        font-size: 14px;
        color: var(--text-white);
        font-weight: 500;
        padding: 3px 12px;
        background: var(--primary-blue);
        border-radius: 40px;
        display: inline-block;
        line-height: 32px;
        transition: all ease-in-out 0.3s;
        border: 1px solid var(--primary-blue);
    }

    .np_resReport_cards_tabs li a {
        font-size: 14px;
        color: #4C6AA6;
        font-weight: 500;
        padding: 3px 12px;
        background: transparent;
        border-radius: 40px;
        display: inline-block;
        line-height: 32px;
        border: 1px solid #B9CDF8;
        transition: all ease-in-out 0.3s;
    }

        .np_resReport_cards_tabs li a:hover {
            background: var(--primary-blue);
            color: var(--text-white);
            border: 1px solid var(--primary-blue);
        }

.np_resReport_cards_viewAll a {
    font-size: 14px;
    color: var(--primary-blue);
    font-weight: 500;
    padding: 10px 16px;
    background: transparent;
    border-radius: 58px;
    display: inline-block;
    border: 1px solid var(--primary-blue);
    transition: all ease-in-out 0.3s;
}

    .np_resReport_cards_viewAll a:hover {
        background: var(--primary-blue);
        color: var(--text-white);
        border: 1px solid var(--primary-blue);
    }

.np_resReport_card_list {
    display: flex;
    justify-content: center;
    gap: 24px;
}

    .np_resReport_card_list li {
        width: calc(33.3% - 0px);
    }

.np_resReport_card {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.np_resReport_card_img {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #B9CDF8;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15.125rem;
}

.np_resReport_card_text h3 {
    font-size: 20px;
    color: var(--primary-blue);
    font-weight: 700;
    margin-bottom: 6px;
    line-height: 2rem;
}

.np_resReport_card_text p {
    font-size: 14px;
    color: var(--text-para-blue);
    font-weight: 500;
    margin-bottom: 6px;
    line-height: 1.5rem;
}

    .np_resReport_card_text p:last-child {
        margin-bottom: 0;
    }

.np_resReport_card_text > span {
    font-size: 12px;
    color: rgb(0, 0, 0, 0.4);
    font-weight: 500;
    margin-bottom: 4px;
    line-height: 2rem;
    float: left;
    width: 100%;
}

.np_resReport_card_text .read-more {
    font-size: 14px;
    color: var(--primary-blue);
    font-weight: 400;
    line-height: 2rem;
    display: flex;
    align-items: center;
    gap: 4px;
    float: left;
    text-transform: uppercase;
}

    /* .np_resReport_card_text a span{display: block;width: 14px;height: 14px;} */
    .np_resReport_card_text .read-more span svg {
        display: block;
        width: 14px;
        height: 14px;
    }

.read-more {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: normal;
    color: #1544A3;
    transition: font-weight 0.0s ease;
}

    .read-more:hover {
        font-weight: 600;
    }

    .read-more .icon {
        position: relative;
        display: contents;
    }

    .read-more span svg.hover-icon {
        display: none;
    }

    .read-more:hover span svg.default-icon {
        display: none;
    }

    .read-more:hover span svg.hover-icon {
        display: block;
    }


.np_FAQ {
    padding: 64px 0;
}

.np_FAQ_text {
    text-align: center;
    margin-bottom: 64px;
}

    .np_FAQ_text h2 {
        font-size: 63px;
        color: var(--text-muted-blue);
        font-weight: 500;
        line-height: 1.3;
    }

    .np_FAQ_text p {
        font-size: 18px;
        color: var(--text-muted-white);
        line-height: 2;
        margin-top: 16px;
    }

.np_FAQ_list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.np_FAQ_list_content {
    border-radius: 16px;
    padding: 12px 24px;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 6px 7px rgba(0, 0, 0, 0.15);
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(255, 255, 255, 0.09) 100%);
}


    .np_FAQ_list_content.active {
        background: var(--text-white);
        color: var(--primary-blue);
    }

        .np_FAQ_list_content.active h3 > svg path {
            fill: var(--primary-blue);
        }

        .np_FAQ_list_content.active .np_FAQ_list_disc {
            /* height is set explicitly by JS (scrollHeight px) so CSS transition works */
            visibility: visible;
            opacity: 1;
            margin-top: 16px;
        }

        .np_FAQ_list_content.active .np_FAQ_list_link a h3 title {
            color: var(--primary-blue);
            font-weight: 700;
        }

        .np_FAQ_list_content.active .np_FAQ_list_disc h3 {
            font-weight: 500;
            color: var(--primary-blue);
        }

        .np_FAQ_list_content.active .np_FAQ_list_disc span {
            color: var(--primary-blue);
            font-weight: 700;
            margin-top: 12px;
        }

        .np_FAQ_list_content.active .np_FAQ_list_disc ul span {
            color: var(--text-black);
            font-weight: 400;
        }

        .np_FAQ_list_content.active .np_FAQ_list_disc p {
            color: var(--text-black) !important;
            font-weight: 400;
        }

        .np_FAQ_list_content.active .np_FAQ_list_link a {
            color: var(--primary-blue);
        }

            .np_FAQ_list_content.active .np_FAQ_list_link a span svg path {
                fill: var(--primary-blue);
            }

            .np_FAQ_list_content.active .np_FAQ_list_link a span {
                transform: rotate(180deg);
                transition: transform 0.3s ease-in-out;
            }

    .np_FAQ_list_content::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);
    }

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


    .np_FAQ_list_content.hover h3 > svg path {
        fill: var(--primary-blue);
    }

    .np_FAQ_list_content.hover .np_FAQ_list_link a,
    .np_FAQ_list_content.hover .np_FAQ_list_disc h3,
    .np_FAQ_list_content.hover .np_FAQ_list_disc span,
    .np_FAQ_list_content.hover .np_FAQ_list_disc p {
        color: var(--primary-blue);
    }

        .np_FAQ_list_content.hover .np_FAQ_list_link a span svg path {
            fill: var(--primary-blue);
        }

.np_FAQ_list_link a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--text-white);
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

    .np_FAQ_list_link a h3 {
        display: flex;
        align-items: center;
    }

        .np_FAQ_list_link a h3 title {
            display: inline-block;
            font-size: 18px;
            font-weight: 400;
            line-height: 1;
        }

    .np_FAQ_list_link a span {
        transition: transform 0.3s ease-in-out;
    }

.np_FAQ_list_disc {
    overflow: hidden;
    transition: height 0.3s ease, opacity 0.3s ease;
    height: 0;
    visibility: hidden;
    opacity: 0;
}

    .np_FAQ_list_disc h3 {
        font-size: 16px;
        color: var(--text-white);
        font-weight: 500;
        margin-bottom: 8px;
        line-height: 1.5;
    }

    .np_FAQ_list_disc span {
        font-size: 14px;
        color: var(--text-white);
        font-weight: 500;
        margin-bottom: 8px;
        line-height: 1.5;
        display: block;
    }

    .np_FAQ_list_disc p {
        font-size: 16px;
        color: var(--text-white);
        font-weight: 500;
        line-height: 1.5;
    }

        .np_FAQ_list_disc p:not(:last-child) {
            margin-bottom: 8px;
        }


.np_contactUs_text {
    text-align: center;
    margin-bottom: 64px;
    position: relative;
}

    .np_contactUs_text h2 {
        font-size: 64px;
        color: var(--text-muted-blue);
        font-weight: 600;
    }

    .np_contactUs_text p {
        font-size: 18px;
        color: var(--text-muted-white);
        line-height: 2;
        margin-top: 16px;
        font-weight: 400;
    }

.np_contactUs_btns {
    display: flex;
    justify-content: center;
    margin-bottom: 44px;
}

.np_contactUs_links {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-radius: 108px;
    padding: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 8px 24px rgba(0, 0, 0, 0.15);
}

    .np_contactUs_links li a.active {
        background: var(--text-white);
        color: var(--primary-blue);
        border-radius: 108px;
    }

    .np_contactUs_links li a {
        padding: 8px 17.5px;
        font-size: 16px;
        font-weight: 500;
        display: inline-block;
        color: var(--text-white);
        transition: all 0.3s ease;
        cursor: pointer;
    }

.np_contactUs {
    width: 100%;
    float: left;
    overflow: hidden;
}

.np_contactUs_inner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 60px 0;
    transition: background-image 0.8s ease-in-out;
    min-height: 100vh;
    position: relative;
}

    .np_contactUs_inner::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(21, 68, 163, 1) 0%, rgba(21, 68, 163, 1) 10%, rgba(21, 68, 163, 0) 100%);
        z-index: 0;
        width: 100%;
        height: 40%;
    }

    .np_contactUs_inner.sec {
        padding: 7.1875rem 0;
    }

        .np_contactUs_inner.sec::before {
            display: none;
        }

.bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    pointer-events: none;
    z-index: 1;
}

.np_contactUs_bg {
    position: relative;
    padding-bottom: 8rem;
}

.np_contactUs_bg_slider {
    position: relative;
    min-height: 400px;
    width: 100%;
    overflow: visible;
}

/* UPDATED FOR SLIDE ANIMATION */
.np_contactUs_bg_text {
    position: absolute;
    width: 100%;
    max-width: 500px;
    top: 0;
    opacity: 1;
    visibility: visible;
    z-index: 2;
    left: 3.75rem;
    right: auto;
    transition: left 2s ease;
}

    .np_contactUs_bg_text.active {
        opacity: 1;
        visibility: visible;
    }

    .np_contactUs_bg_text[data-position="left"] {
        left: 3.75rem;
        right: auto;
    }

    .np_contactUs_bg_text[data-position="right"] {
        left: auto;
        right: 3.75rem;
    }

.np_contactUs_bg_text_inner {
    background: var(--glass-bg);
    padding: 32px;
    border-radius: 16px;
    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);
}

.np_contactUs_bg_text h3 {
    font-size: 28px;
    color: var(--text-white);
    font-weight: 700;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 3px;
}

    .np_contactUs_bg_text h3 span {
        font-size: 20px;
        color: var(--text-white);
        font-weight: 700;
    }

.np_contactUs_bg_text p {
    font-size: 16px;
    color: var(--text-white);
    font-weight: 500;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    font-weight: 400;
}

.np_contactUs_bg_text a {
    font-size: 16px;
    color: var(--text-white);
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

    .np_contactUs_bg_text a:hover {
        opacity: 0.8;
    }

    .np_contactUs_bg_text a:not(:last-child) {
        margin-bottom: 24px;
    }

    .np_contactUs_bg_text a span {
        display: block;
        flex-shrink: 0;
    }

        .np_contactUs_bg_text a span svg {
            display: block;
            width: 100%;
            height: 100%;
        }

.np_contactUs_content {
    position: relative;
    z-index: 2;
}

.np_contactUs_bg_text_frm {
    background: var(--glass-bg);
    padding: 32px;
    border-radius: 16px;
    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);
    margin-top: 2rem;
}

    .np_contactUs_bg_text_frm ul {
        display: flex;
        flex-flow: row wrap;
        gap: 16px;
    }

        .np_contactUs_bg_text_frm ul li {
            width: calc(50% - 8px);
            position: relative;
        }

            .np_contactUs_bg_text_frm ul li input {
                background: rgba(255, 255, 255, 0.08);
                border: 1px solid rgba(221, 232, 255, 0.6);
                border-radius: 58px;
                padding: 11px 16px;
                font-size: 14px;
                font-weight: 500;
                color: var(--text-white);
                width: 100%;
            }

                .np_contactUs_bg_text_frm ul li input::placeholder {
                    color: rgba(255, 255, 255, 0.4);
                }

            .np_contactUs_bg_text_frm ul li textarea {
                background: rgba(255, 255, 255, 0.08);
                border: 1px solid rgba(221, 232, 255, 0.6);
                border-radius: 58px;
                padding: 11px 16px;
                font-size: 14px;
                font-weight: 500;
                color: var(--text-white);
                width: 100%;
            }

                .np_contactUs_bg_text_frm ul li textarea::placeholder {
                    color: rgba(255, 255, 255, 0.4);
                }

            .np_contactUs_bg_text_frm ul li select {
                background: rgba(255, 255, 255, 0.08);
                border: 1px solid rgba(221, 232, 255, 0.6);
                border-radius: 58px;
                padding: 11px 16px;
                font-size: 14px;
                font-weight: 500;
                color: var(--text-white);
                width: 100%;
                appearance: none;
                cursor: pointer;
                position: relative;
            }

#numDrop {
    appearance: auto;
}

.np_contactUs_bg_text_frm ul li.cnt .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    right: 2%;
    transform: translate(-50%, -50%);
    color: rgba(221, 232, 255, 0.6);
}

.np_contactUs_bg_text_frm ul li.cnt .select2-selection__arrow {
    display: none !important;
}

.np_pnum > input {
    padding-left: 80px !important;
}

.np_pnum > select {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 30px !important;
    position: absolute !important;
    left: 5px;
    top: 5px;
    width: 100% !important;
    height: auto !important;
    max-width: 70px !important;
    border: transparent !important;
    padding: 7px 6px !important;
}

    .np_pnum > select option {
        color: var(--text-black)
    }

.np_contactUs_bg_text_frm ul li.cnt select option {
    color: var(--text-black);
    background: rgba(255, 255, 255, 0.08);
}

.np_contactUs_bg_text_frm ul li:last-child {
    width: 100%;
}

.np_contactUs_bg_text_frm .row.bottom {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    margin-top: 16px;
}

    .np_contactUs_bg_text_frm .row.bottom .captcha {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 5px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(221, 232, 255, 0.6);
        border-radius: 58px;
        padding: 11px 16px;
        font-size: 14px;
        font-weight: 500;
        color: var(--text-white);
        width: 65%;
    }

        .np_contactUs_bg_text_frm .row.bottom .captcha img {
            width: 30px;
            margin-left: 10px;
        }

    /* Button */
    .np_contactUs_bg_text_frm .row.bottom button {
        background: #1f5eff;
        color: #fff;
        border: none;
        padding: 11px 16px;
        border-radius: 30px;
        font-size: 14px;
        cursor: pointer;
        transition: background 0.3s ease;
    }

/* Custom Checkbox */
.custom-checkbox {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    user-select: none;
}

    .custom-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .custom-checkbox .checkmark {
        width: 24px;
        height: 24px;
        border-radius: 4px;
        border: 2px solid #bfc3c7;
        background: #fff;
        position: relative;
        transition: all 0.2s ease;
    }

    .custom-checkbox input:checked + .checkmark {
        background: #1f5eff;
        border-color: #1f5eff;
    }

        .custom-checkbox input:checked + .checkmark::after {
            content: "";
            position: absolute;
            left: 6px;
            top: 2px;
            width: 5px;
            height: 10px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

.label-text {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.4);
}

.np_outManagement {
    padding-top: 4.3%;
}

.np_outManagementInner {
    display: flex;
}

.np_outManagementImg {
    position: sticky;
    top: 5.1rem;
    height: 100dvh;
}

    .np_outManagementImg img {
        object-fit: cover;
        height: 100dvh;
    }

.np_outManagementContOutter {
    position: relative;
    z-index: 1;
    margin-right: -13%;
}

.np_outManagementCont {
    position: relative;
    left: 0;
    top: 0;
    margin: 7.375rem 0;
}

.np_outManagementContBox {
    background: rgba(21, 68, 163, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(18px);
    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);
    padding: 4rem;
    border-radius: 24px;
    width: 100%;
    max-width: 1033px;
}

    .np_outManagementContBox:not(:last-child) {
        margin-bottom: 6rem;
    }

    .np_outManagementContBox h1 {
        font-size: 4rem;
        font-weight: 600;
        color: var(--text-muted-blue);
        margin-bottom: 24px;
        line-height: 1;
    }

    .np_outManagementContBox h3 {
        font-size: 2.625rem;
        font-weight: 600;
        color: #F47C06;
    }

    .np_outManagementContBox h4 {
        font-size: 1.25rem;
        font-weight: 500;
        color: var(--text-white);
    }

.np_outManagementContBoxDisc {
    margin-top: 24px;
}

    .np_outManagementContBoxDisc p:not(:last-child) {
        margin-bottom: 1rem;
    }

    .np_outManagementContBoxDisc p {
        color: var(--text-muted-white);
        font-size: 1.125rem;
        font-weight: 300;
        line-height: 1.5;
    }

        .np_outManagementContBoxDisc p span {
            color: var(--text-white);
            font-size: 1.125rem;
            font-weight: 300;
        }


.np_contactUs_bg_text.cnt[data-position="left"] {
    left: 24.625rem;
    right: auto;
}

.np_contactUs_bg_text.cnt[data-position="right"] {
    left: auto;
    right: 24.625rem;
}



.np_onlineCashTsec {
    background: linear-gradient(166.1deg, #1544A3 1.93%, #08193D 107%);
    height: 100dvh;
}

.np_onlineCashTsec_inner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    height: 100%;
}

.np_onlineCashTsec_lft {
    margin-left: 9vw;
}

.np_onlineCashTsec_rgt {
    max-width: 412px;
    background: rgba(21, 68, 163, 0.1);
    box-shadow: 0px 5px 33.4px rgba(0, 0, 0, 0.4);
    border-radius: 24px;
    padding: 42px;
    border-radius: 24px;
    position: absolute;
    top: 168px;
    right: 21vw;
    backdrop-filter: blur(25px);
}

    .np_onlineCashTsec_rgt h3 {
        font-size: 16px;
        font-weight: 400;
        color: var(--text-muted-white);
    }

    .np_onlineCashTsec_rgt p {
        font-size: 24px;
        font-weight: 600;
        color: var(--text-white);
        margin-top: 7px;
    }

        .np_onlineCashTsec_rgt p span {
            color: #F47C06;
        }

    .np_onlineCashTsec_rgt a {
        color: var(--text-white);
        font-size: 10px;
        font-weight: 400;
        text-decoration: underline;
        margin-left: 12px;
        margin-top: 14px;
        line-height: 20px;
    }

.np_onlineCashTsec_rgtForm {
    margin-top: 42px;
    position: relative;
}

.np_onlineCashTsec_rgtForm_list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.np_onlineCashTsec_rgtForm_item input {
    border-radius: 58px;
    background: var(--text-white);
    border: 1px solid #DDE8FF;
    border-radius: 58px;
    padding: 11px 16px;
    padding-left: 40px;
    width: 328px;
    font-size: 14px;
    font-weight: regular;
    color: var(--text-black);
}

.np_onlineCashTsec_rgtForm_itemIcon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.np_loginBtn {
    border-radius: 60px;
    border: none;
    padding: 12px 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-black);
    background: var(--text-white);
    width: 100%;
    margin-top: 32px;
    cursor: pointer;
}

    .np_loginBtn.disable {
        background: rgba(255, 255, 255, 0.3);
        cursor: not-allowed;
        color: rgb(0, 0, 0, 0.5);
        font-size: 14px;
        font-weight: 500;
    }


.np_stockDot {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

    .np_stockDot > img {
        width: 100%;
        height: 60%;
        object-fit: cover;
    }

.np_stockTable {
    background: var(--bg-accent-blue);
}

.np_stockTable_inner {
    margin-top: -2%;
    margin-bottom: 44px;
}

.np_stockTable_searchBar {
    padding: 32px;
    background: var(--text-white);
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.np_stockTable_searchBarInp input {
    border-radius: 12px;
    background: #F8FAFC;
    padding: 15px 24px;
    padding-left: 56px;
    border: 1px solid rgba(221, 232, 255, 0.6);
    width: 798px;
    font-size: 20px;
    font-weight: 300;
}

    .np_stockTable_searchBarInp input::placeholder {
        color: #ADB8C3;
        font-size: 20px;
        font-weight: 300;
    }

.np_stockTable_searchBarInpIcon {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.np_stockTable_filter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}

    .np_stockTable_filter h3 {
        color: #86929D;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
    }

.np_stockTable_filterList {
    display: flex;
    justify-content: flex-start;
    border-radius: 12px;
    background: #F8FAFC;
    border: 1px solid #DDE8FF;
    padding: 8px;
}

    .np_stockTable_filterList a {
        font-size: 16px;
        font-weight: 500;
        padding: 10px 12px;
        color: #ADB8C3;
        display: inline-block;
        border-radius: 6px;
    }

        .np_stockTable_filterList a.active {
            color: var(--text-black);
            background: var(--text-white);
            filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
        }

.np_stockTable_box {
    margin-top: 24px;
    background: var(--text-white);
    border-radius: 24px;
    overflow-x: auto;
}

.table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 32px;
}

    .table-header h3 {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.8px;
        color: #0b2a5b;
    }

.legend {
    display: flex;
    gap: 20px;
    font-size: 12px;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

    .legend-item.green {
        color: #10B981;
    }

    .legend-item.red {
        color: #F43F5E;
    }

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

    .dot.green {
        background: #18b26f;
    }

    .dot.red {
        background: #ff4d4f;
    }

.company-table {
    width: 100%;
    border-collapse: collapse;
}

    .company-table thead {
        background: #F8FAFC;
    }

        .company-table thead th {
            text-align: left;
            font-size: 20px;
            color: rgba(70, 99, 133, 0.6);
            font-weight: 600;
            border-bottom: 1px solid #eef1f6;
            padding: 24px 0;
        }

            .company-table thead th:first-child {
                padding: 24px 0;
                padding-left: 32px;
            }

            .company-table thead th:last-child {
                padding: 24px 0;
                padding-right: 32px;
                text-align: end;
            }

    .company-table tbody td:last-child {
        padding: 24px 0;
        padding-right: 32px;
        text-align: end;
    }

    .company-table tbody td:first-child {
        padding: 24px 0;
        padding-left: 32px;
    }

    .company-table tbody td {
        padding: 18px 10px;
        font-size: 14px;
        border-bottom: 1px solid #f1f3f8;
    }

    .company-table tbody tr:last-child td {
        border-bottom: none;
    }

    .company-table tbody td {
        font-size: 18px;
        font-weight: 500;
        color: var(--text-black);
        padding: 24px 0;
    }

        .company-table tbody td:nth-child(4) {
            color: #466385;
        }

    .company-table .link {
        color: #1544A3;
        font-weight: 600;
    }

    .company-table .bold {
        font-weight: 700;
    }

.recently-added {
    background: #ECFDF5;
}

.company-table tbody tr.recently-added td {
    color: #009161;
}

.company-table tbody tr.marked-delete td {
    color: #ff4d4f;
    text-decoration: line-through;
}

.marked-delete {
    background: #fff1f1;
    color: #ff4d4f;
}

.np_stockTable_boxInner {
    min-width: 1200px;
    overflow-x: auto;
}

.company-flex {
    display: flex;
    align-items: center;
    gap: 10px;
}

.company-table thead th:last-child .company-flex {
    justify-content: flex-end;
}

.company-table thead th:nth-child(3) {
    width: 15%;
}

.np_acHero {
    margin-top: 110px;
}

.np_acHero_text {
    margin-bottom: 9.375rem;
}

    .np_acHero_text h2 {
        font-size: 4rem;
        color: var(--text-muted-blue);
        font-weight: 600;
        text-align: center;
    }

.np_acHero_content {
    display: flex;
    gap: 4rem;
}

.np_acHeroRgtTxt {
    margin-bottom: 3.375rem;
}

    .np_acHeroRgtTxt p {
        font-size: 1.25rem;
        font-weight: 400;
        color: var(--text-muted-blue);
    }

        .np_acHeroRgtTxt p span {
            color: #0AB9FF;
        }

.np_acHeroRgtTitle {
    margin-bottom: 1.5rem;
}

    .np_acHeroRgtTitle h3 {
        font-size: 4rem;
        font-weight: 600;
        color: var(--text-muted-blue);
    }

        .np_acHeroRgtTitle h3 span {
            color: #F47C06;
        }


.np_acHero.indv .np_acHero_text {
    margin-bottom: 4.0625rem;
}

.np_acHeroRgtTitle.indv h3 {
    font-size: 2.75rem;
    font-weight: 600;
    letter-spacing: 4%;
    line-height: 1.3;
    margin-bottom: 1.5rem;
    width: 100%;
    max-width: 750px;
}

    .np_acHeroRgtTitle.indv h3 span {
        color: #0AB9FF;
    }

.np_acHeroRgtTitle.indv p {
    font-size: 1rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}

    .np_acHeroRgtTitle.indv p span {
        color: rgba(255, 255, 255, 0.9)
    }

.np_acHeroRgtPdfs.indv {
    background: rgba(255, 255, 255, 0.06);
    padding: 2rem;
    border-radius: 1rem;
}

    .np_acHeroRgtPdfs.indv h3 {
        font-size: 1.125rem;
        font-weight: 500;
        color: var(--text-white);
        letter-spacing: 0;
        margin-bottom: 6px;
    }

.np_acHeroRgtPdfsList.indv {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .np_acHeroRgtPdfsList.indv li .np_acHeroRgtPdfsListItem {
        display: flex;
        gap: 6px;
    }

    .np_acHeroRgtPdfsList.indv li.full {
        grid-column: 1 / -1;
    }

    .np_acHeroRgtPdfsList.indv li .np_acHeroRgtPdfsListItem span {
        display: inline-block;
        margin-top: 5px;
        width: 100%;
        max-width: 1.25rem;
    }

        .np_acHeroRgtPdfsList.indv li .np_acHeroRgtPdfsListItem span svg {
            width: 1.25rem;
        }

    .np_acHeroRgtPdfsList.indv li .np_acHeroRgtPdfsListItem p {
        font-size: 1rem;
        font-weight: 400;
        line-height: 2;
        letter-spacing: 0;
        color: var(--text-white);
    }

.np_acHero_content.indv .np_acHeroLft {
    width: 100%;
    max-width: 47.1875rem;
}

.np_acHero_content.indv .np_acHeroRgt {
    margin-bottom: 76px;
}

.np_acHero_content.indv .np_acHeroLft img {
    width: 100%;
}

.IndvLink {
    margin-top: 1.5rem;
    text-align: end;
}

    .IndvLink a {
        display: inline-block;
        color: var(--primary-blue);
        background: var(--text-white);
        font-size: 1.125rem;
        font-weight: 600;
        letter-spacing: 0;
        text-transform: uppercase;
        padding: 18px 60px;
        border-radius: 60px;
    }

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

.np_acHeroRgtPdfListItem p {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 12px;
}

.np_acHeroRgtPdfListItem a {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--text-white);
    display: flex;
    gap: 10px;
    align-items: center;
    line-height: 1;
    border: 1px solid var(--text-white);
    padding: 10px 16px;
    border-radius: 48px;
    transition: all 0.3s ease;
    width: fit-content;
}

    .np_acHeroRgtPdfListItem a h4 {
        font-weight: 400;
        letter-spacing: 0;
    }

    .np_acHeroRgtPdfListItem a svg {
        display: block;
    }

    .np_acHeroRgtPdfListItem a:hover {
        background: var(--text-white);
        color: var(--primary-blue);
        border: 1px solid var(--text-white);
    }

        .np_acHeroRgtPdfListItem a:hover svg path {
            fill: var(--primary-blue);
        }

.np_acOnlineTrading.indv {
    background: #0E2F61;
}

    .np_acOnlineTrading.indv .np_acOnlineTrading_inner {
        align-items: normal;
    }

.np_acOnlineTrading.corp .np_acOnlineTrading_inner {
    align-items: normal;
}

.np_acImpNotice.indv .np_acImpNotice_inner {
    display: flex;
    justify-content: center;
}

.np_acImpNotice.indv .tradindFeesBox {
    width: 100%;
    max-width: 335px;
}

    .np_acImpNotice.indv .tradindFeesBox .tradindFeesBoxInner {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

.np_acImpNotice.indv .tradindFeesBoxExt {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    padding-left: 5.3125rem;
    margin-left: 5.3125rem;
    max-width: 978px;
}

.np_acImpNotice.indv .tradindFeesBox h3 {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 1rem;
}

.np_acImpNotice.indv .tradindFeesBoxExt h3 {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 1rem;
}

.np_acImpNotice.indv .tradindFeesBox p {
    font-size: 1rem;
    font-weight: 300;
    color: #E0E0E0;
    margin-bottom: 1rem;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 1%;
}

.np_acImpNotice.indv .tradindFeesBoxExtLists {
    display: flex;
    gap: 2.25rem;
}

.np_acImpNotice.indv .tradindFeesBoxExtList p {
    font-size: 1rem;
    font-weight: 400;
    color: #E0E0E0;
    margin-bottom: 1.5rem;
}

.np_acImpNotice.indv .tradindFeesBoxExtList {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.np_acImpNotice.indv .tradindFeesBoxExtListLinks {
    display: flex;
    gap: 16px;
    margin-top: 1.5rem;
}

.np_acImpNotice.indv .tradindFeesBoxExtListLink a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border: 1px solid var(--text-white);
    border-radius: 48px;
    transition: all 0.3s ease;
}

    .np_acImpNotice.indv .tradindFeesBoxExtListLink a:hover {
        background: var(--text-white);
        color: var(--primary-blue);
        border: 1px solid var(--text-white);
    }

        .np_acImpNotice.indv .tradindFeesBoxExtListLink a:hover svg path {
            fill: var(--primary-blue);
        }

    .np_acImpNotice.indv .tradindFeesBoxExtListLink a p {
        color: var(--text-white);
        margin-bottom: 0;
        transition: all 0.3s ease;
    }

    .np_acImpNotice.indv .tradindFeesBoxExtListLink a:hover p {
        color: var(--primary-blue);
    }

.np_acDocs {
    background: #0E2F61;
    padding: 10.875rem 0;
}

.np_acDocs_LftTxt h3 {
    font-size: 4rem;
    font-weight: 600;
    color: var(--text-muted-blue);
    margin-bottom: 2rem;
}

    .np_acDocs_LftTxt h3 span {
        color: #F47C06;
    }

.np_acDocs_LftTxt p {
    font-size: 1.125rem;
    font-weight: 400;
    color: rgba(255, 255, 255, .5);
    line-height: 1.5;
}

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

.np_acDocs_LftPdfs {
    margin-top: 2.625rem;
}

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

.np_acDocs_LftPdfsListItem h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 1rem;
}

.np_acDocs_LftPdfsListInner {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

    .np_acDocs_LftPdfsListInner a {
        font-size: 1.125rem;
        font-weight: 500;
        color: var(--text-white);
        display: flex;
        gap: 10px;
        align-items: center;
        line-height: 1;
        border: 1px solid var(--text-white);
        padding: 10px 16px;
        border-radius: 48px;
        transition: all 0.3s ease;
        width: fit-content;
    }

        .np_acDocs_LftPdfsListInner a h4 {
            font-weight: 400;
            letter-spacing: 0;
        }

        .np_acDocs_LftPdfsListInner a svg {
            display: block;
        }

        .np_acDocs_LftPdfsListInner a:hover {
            background: var(--text-white);
            color: var(--primary-blue);
            border: 1px solid var(--text-white);
        }

            .np_acDocs_LftPdfsListInner a:hover svg path {
                fill: var(--primary-blue);
            }

.np_acDocs_inner {
    display: flex;
    align-items: center;
    gap: 4rem;
}

.np_acOnlineTrading_LftUserMan .np_acDocs_LftPdfsListInner li:last-child a svg {
    height: 22px;
}

.np_acDocs_Lft {
    width: 100%;
    max-width: 67.375rem;
    flex: 0 0 67.375rem;
}

.np_acOnlineTrading {
    padding: 10.125rem 0;
    padding-bottom: 0;
}

.np_acOnlineTrading_inner {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.np_acOnlineTrading_Lft {
    width: 100%;
    max-width: 59.25rem;
    flex: 0 0 59.25rem;
    padding-bottom: 10.125rem;
}

.np_acOnlineTrading_LftTxt h3 {
    font-size: 4rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 32px;
}

    .np_acOnlineTrading_LftTxt h3 span {
        color: #F47C06;
    }

.np_acOnlineTrading_LftTxt p {
    font-size: 1.125rem;
    font-weight: 400;
    color: rgba(255, 255, 255, .5);
    line-height: 1.5;
}

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

.np_acOnlineTrading_LftLinks {
    margin-top: 2rem;
}

.np_acOnlineTrading_LftLinksList {
    display: flex;
    gap: 24px;
}

    .np_acOnlineTrading_LftLinksList a {
        display: flex;
        gap: 10px;
        align-items: center;
        background-color: var(--text-white);
        padding: 10px 16px;
        border-radius: 48px;
        transition: all 0.3s ease;
        width: fit-content;
    }

        .np_acOnlineTrading_LftLinksList a h3 {
            line-height: 1;
            color: var(--primary-blue);
            font-size: 1.125rem;
            font-weight: 500;
            letter-spacing: 0;
        }

.np_acOnlineTrading_LftUserMan {
    margin-top: 2.625rem;
}

    .np_acOnlineTrading_LftUserMan h3 {
        font-size: 2rem;
        font-weight: 600;
        color: var(--text-white);
        margin-bottom: .75rem;
    }

        .np_acOnlineTrading_LftUserMan h3 span {
            font-size: 1rem;
        }

    .np_acOnlineTrading_LftUserMan p {
        font-size: var(--fs-body);
        font-weight: 400;
        color: rgba(255, 255, 255, .5);
        line-height: 1.5;
        margin-bottom: 1em;
    }

    .np_acOnlineTrading_LftUserMan .np_acDocs_LftPdfsListInner {
        display: flex;
        flex-direction: row;
        gap: 16px;
    }

.np_acImpNotice {
    padding: 4rem 0;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.np_acImpNotice_inner h3 {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 1.5rem;
}

.np_acImpNotice_points {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 1.125rem;
}

    .np_acImpNotice_points li {
        list-style: disc;
        list-style-type: disc;
        color: rgba(220, 239, 251, 0.8)
    }

        .np_acImpNotice_points li p {
            font-size: .875rem;
            color: rgba(220, 239, 251, 0.8);
            font-weight: 400;
        }

            .np_acImpNotice_points li p a {
                color: rgb(220, 239, 251);
                font-weight: 500;
            }

        .np_acImpNotice_points li:last-child p a {
            text-decoration: underline;
        }

.np_acImpNotice_bg {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.onlineAccountOpeningLastSec .np_acImpNotice_bg {
    width: 265%;
}

.np_acImpNotice_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.modal-overlay.knowMoreModal .modal-content {
    max-width: 43.375rem;
    padding: 42px;
}

.modal-overlay.knowMoreModal .modalPara {
    text-align: left;
}

    .modal-overlay.knowMoreModal .modalPara p {
        font-size: .75rem;
        font-weight: 300;
    }

.modal-overlay.knowMoreModal .modalLink a {
    padding: 4px 16px;
    font-size: .625rem;
    font-weight: 600;
    line-height: 1.25rem;
    text-transform: uppercase;
    background: var(--text-white);
    color: var(--primary-blue);
}

/* Footer Styles */
.np_footer {
    background: var(--text-white);
    color: var(--primary-blue);
    padding-top: 64px;
    padding-bottom: 27px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-bottom: 0;
}

.np_footer_lftIcon {
    position: absolute;
    left: 0;
    bottom: 0;
}

.np_footer_rgtIcon {
    position: absolute;
    right: 0;
    top: 0;
}

.np_footer_top {
    margin-bottom: 24px;
    padding-bottom: 32px;
    border-bottom: dashed 1px var(--primary-blue);
}

.np_footer_logo {
    gap: 24px;
}

.np_footer_mid_social {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}

.np_footer_mid_socialLinks {
    display: flex;
    gap: 16px;
}

    .np_footer_mid_socialLinks li a {
        transition: all .3s ease-in-out;
    }

        .np_footer_mid_socialLinks li a:hover svg {
            fill: var(--primary-blue);
        }

            .np_footer_mid_socialLinks li a:hover svg path {
                stroke: var(--text-white);
            }

.np_footer_mid_inner {
    display: flex;
    padding-bottom: 24px;
    gap: 24px;
}

.np_footer_links {
    width: calc(25% - 0px);
}

    .np_footer_links:nth-child(3) {
        width: 328px;
        flex: 0 0 328px;
    }

    .np_footer_links:nth-child(4) {
        width: 303px;
        flex: 0 0 303px;
    }

    .np_footer_links h3 {
        font-size: 16px;
        margin-bottom: 38px;
        color: var(--text-black);
        font-weight: 700;
        font-family: "Parkinsans", sans-serif;
    }

    .np_footer_links:last-child .np_footer_link li h4 span {
        color: var(--text-black);
    }

    .np_footer_links:last-child .np_footer_link li span {
        color: var(--text-black);
    }

    .np_footer_links:last-child .np_footer_link li h4 span:last-child {
        font-weight: 500;
    }

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

.np_footer_link li span {
    font-size: 14px;
    font-weight: 700;
    color: var(--primary-blue);
}

.np_footer_link li a {
    color: var(--primary-blue);
    font-size: 14px;
    font-weight: 500;
}

.np_footer_link h4 {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-blue);
}

    .np_footer_link h4 span {
        font-size: 14px;
        font-weight: 700;
        color: var(--primary-blue)
    }

.np_footer_bottom {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}


/* Main select */
.select2-container--default .select2-selection--single {
    background: transparent;
    border-radius: 14px;
    border: 1px solid rgba(221, 232, 255, 0.6);
    border: none;
    color: #fff;
    height: 2.6875rem;
}

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: rgba(255, 255, 255, 0.6);
    }

    /* Selected text */
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #fff;
        padding: 0.7857em 1.1428em;
        border-radius: 60px;
        border: 1px solid rgba(221, 232, 255, 0.6);
        font-size: var(--fs-body-sub);
        color: #FFFFFF;
        font-weight: var(--fw-regular);
        font-family: var(--font-main);
        line-height: 20px;
    }

    /* Arrow */
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 100%;
        right: 16px;
        top: 2px;
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 20px;
        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 0 0.720919 0 0.582031C0 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>");
    }

.select2-container--open.select2-selection--single.select2-selection__arrow {
    transform: rotate(180deg);
}

.select2-container .select2-selection__rendered {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 45px !important;
    /* space for arrow */
}

/* .select2-container{width:100% !important;}
*/
/* Dropdown */
.select2-dropdown {
    background: rgba(0, 0, 0, 0.004);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.6);
    border-radius: 0px 0px 16px 16px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    position: absolute;
    right: 6%;
    top: 15%;
    margin: 0;
    font-size: 25px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.4);
    display: none;
}

.select2-container--default.select2-container--focus {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 60px;
}

    .select2-container--default.select2-container--focus.select2-container--below.select2-container--open {
        border-radius: 16px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .select2-container--default.select2-container--focus.select2-container--above.select2-container--open {
        border-radius: 16px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.select2-container--default.select2-container--below.select2-container--open .select2-selection--single .select2-selection__rendered {
    border-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default.select2-container--above.select2-container--open .select2-selection--single .select2-selection__rendered {
    border-radius: 16px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--open .select2-dropdown--above {
    border-radius: 16px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
}

.select2-container--open .select2-dropdown--below {
    padding-top: 10px;
}

.select2-search--dropdown {
    padding: 0 16px;
}

/* Dropdown options */
.select2-results__option {
    color: #fff;
    padding: 0.7857em 1.1428em;
}

/* Hover */
.select2-results__options {
    padding: 0 16px;
    margin-top: 8px;
    scrollbar-width: thin;
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .select2-results__options::-webkit-scrollbar {
        width: 6px;
    }

    .select2-results__options::-webkit-scrollbar-track {
        background: transparent;
    }

    .select2-results__options::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 10px;
    }

    .select2-results__options li {
        padding: 8px 0;
        color: rgba(255, 255, 255, 0.8);
        font-weight: 300;
    }

        .select2-results__options li:not(:last-child) {
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

.select2-results__option--highlighted {
    background: rgba(255, 255, 255, 0.12);
}

/* Search input */
.select2-search__field {
    background: transparent;
    color: #fff;
    border: none;
    outline: none;
    padding: 0.7857em 1.1428em !important;
    font-size: .875rem;
    border-radius: 20px;
}

    .select2-search__field::placeholder {
        color: rgba(255, 255, 255, 0.6);
        font-weight: 300;
    }

/* Placeholder */
.select2-selection__placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: transparent;
    color: white;
    font-weight: 600;
}

.select2-container--default .select2-results__option--selected {
    background-color: transparent;
    font-weight: 600;
}

/* ============================================
   GET STARTED DROPDOWN
   ============================================ */
.np_getstarted_wrap {
    position: relative;
}

    .np_getstarted_wrap .np_getstarted_dropdown {
        position: absolute;
        top: 100%;
        left: 50%;
        min-width: 145px;
        padding-top: 10px;
        /* bridges the gap — mouse stays inside wrapper */
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(-50%) translateY(-6px);
        transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
        z-index: 999;
    }

        /* The visible card sits inside the padding-top gap */
        .np_getstarted_wrap .np_getstarted_dropdown::after {
            content: '';
            display: block;
            position: absolute;
            top: 10px;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 8px;
            background: rgba(21, 68, 163, 0.8);
            box-shadow: 0px 15px 26px rgba(29, 29, 29, 0.2);
            backdrop-filter: blur(50px);
            padding: 8px 16px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: var(--text-white);
            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);
            z-index: -1;
        }



    .np_getstarted_wrap:hover .np_getstarted_dropdown,
    .np_getstarted_wrap:focus-within .np_getstarted_dropdown {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
    }

.np_getstarted_dropdown a {
    display: block;
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    font-weight: 300;
    padding: 12px 16px;
    /* border-radius: 8px; */
    white-space: nowrap;
    transition: background 0.18s ease, color 0.18s ease;
    text-align: center;
    margin-top: 4px;
    margin-left: 16px;
    margin-right: 16px;
}

    .np_getstarted_dropdown a:not(:last-child) {
        border-bottom: 1px solid #fff;
    }

/* Preloader css */
/* Preloader Background */
.lightLoader {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.5s ease;
}

    .lightLoader.dark {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999999;
        background: #000000;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: opacity 0.5s ease;
    }

.loader-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

/* ── Size: change width here ── */
.loader-svg {
    width: 120px;
    height: auto;
    color: #1F447B;
}

.lightLoader.dark .loader-svg {
    color: #ffffff;
}

/* ── Breathe animation ── */
.loader-svg path {
    transform-box: fill-box;
    transform-origin: center;
    animation: breathe 2s ease-in-out infinite;
}

@keyframes breathe {

    0%, 100% {
        transform: scale(0.6);
        opacity: 0.25;
    }

    50% {
        transform: scale(1.0);
        opacity: 1.0;
    }
}

.loader-label {
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.3);
    font-weight: 400;
}

.lightLoader.dark .loader-label {
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.3);
    font-weight: 400;
}



.np_hero_slider .slick-prev {
    left: 30px !important;
    background: url(../../Assets/Kyc/images/arrow_circle_left.svg) no-repeat center !important;
    width: 80px !important;
    height: 80px !important;
}

.np_hero_slider .slick-next {
    right: 30px !important;
    background: url(../../Assets/Kyc/images/arrow_circle_right.svg) no-repeat center !important;
    width: 80px !important;
    height: 80px !important;
}

.np_hero_slider .slick-arrow {
    background-size: cover !important;
    opacity: 0.8;
}


/* ============================================
   Apply Success Modal — career_detail
   ============================================ */
#applySuccessModal {
    display: none;
}

    #applySuccessModal .modal-content.success {
        max-width: 480px;
        text-align: center;
    }

    #applySuccessModal .modal-img {
        margin: 20px auto;
    }

        #applySuccessModal .modal-img img {
            max-width: 220px;
            width: 100%;
        }

    #applySuccessModal .modal-body > div {
        margin-top: 24px;
    }

/* ============================================
   Career Detail — Form Validation Error State
   ============================================ */
.field-error,
.field-error + .select2-container .select2-selection {
    border-color: #ee335e !important;
    box-shadow: 0 0 0 2px rgba(238, 51, 94, 0.18) !important;
}

    .field-error:focus {
        outline-color: #ee335e;
    }

/* ============================================
   RESEARCH LIBRARY LOGOUT BUTTON
   ============================================ */
.np_logout_btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 14px;
    padding: 6px 16px;
    background-color: #C0392B;
    color: #ffffff;
    border: none;
    border-radius: 20px;
    font-size: 0.8125rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

    .np_logout_btn:hover {
        background-color: #a93226;
        transform: translateY(-1px);
    }

    .np_logout_btn svg {
        flex-shrink: 0;
    }

/* ============================================
   LOGOUT CONFIRM MODAL
   ============================================ */
.modal-content.np_logout_modal_content {
    background: #ffffff;
    max-width: 28rem;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    backdrop-filter: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
}

.np_logout_modal_header {
    background: #3d4a8a;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.np_logout_modal_title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
}

    .np_logout_modal_title svg {
        flex-shrink: 0;
    }

.np_logout_modal_close {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 2px;
    opacity: 0.8;
    transition: opacity 0.15s ease;
}

    .np_logout_modal_close:hover {
        opacity: 1;
    }

.np_logout_modal_body {
    padding: 28px 24px 20px;
}

    .np_logout_modal_body p {
        margin: 0;
        font-size: 0.9375rem;
        color: #333333;
        font-weight: 400;
    }

.np_logout_modal_footer {
    padding: 0 24px 24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.np_logout_cancel_btn {
    padding: 8px 22px;
    background: #ffffff;
    color: #333333;
    border: 1px solid #cccccc;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

    .np_logout_cancel_btn:hover {
        background-color: #f5f5f5;
        border-color: #aaaaaa;
    }

.np_logout_confirm_btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 22px;
    background: #3d4a8a;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

    .np_logout_confirm_btn:hover {
        background: #2e3a75;
    }

    .np_logout_confirm_btn svg {
        flex-shrink: 0;
    }

/* RTL adjustments */
html[dir="rtl"] .np_logout_modal_title,
html[dir="rtl"] .np_logout_modal_footer {
    flex-direction: row-reverse;
}

html[dir="rtl"] .np_logout_modal_header {
    flex-direction: row-reverse;
}

html[dir="rtl"] .np_logout_modal_body p {
    text-align: right;
}

/* ============================================
   INTL-TEL-INPUT INTEGRATION (signup pages)
   ============================================ */

/* Override overflow:hidden from svg-style.css so dropdown isn't clipped */
.sv_signUpInputs.sv_iti_wrap {
    overflow: visible;
    padding: 2px 2px 2px 0;
    gap: 0;
}

/* intl-tel-input wraps the input in .iti — make it grow to fill the pill */
.sv_iti_wrap .iti {
    flex: 1;
    min-width: 0;
    align-self: stretch;
    display: flex;
    align-items: center;
}

    .sv_iti_wrap .iti input[type="tel"] {
        width: 100%;
        height: 100%;
        padding: 0.6em 0.75em 0.6em 0;
        font-size: var(--fs-body-sub);
        color: #1F447B;
        font-weight: var(--fw-medium);
        font-family: var(--font-main);
        background-color: transparent;
        border: none;
        outline: none;
    }

        .sv_iti_wrap .iti input[type="tel"]::placeholder {
            color: rgba(31, 68, 123, 0.6);
        }

        .sv_iti_wrap .iti input[type="tel"][readonly] {
            color: rgba(31, 68, 123, 0.6);
        }

/* Flag / dial-code button — match the old sv_contDrop pill style */
.sv_iti_wrap .iti__selected-flag {
    background: #DCEFFB;
    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_iti_wrap .iti__selected-flag:hover,
    .sv_iti_wrap .iti__selected-flag[aria-expanded="true"] {
        background: #c8e6f5;
    }

.sv_iti_wrap .iti__selected-dial-code {
    font-family: var(--font-main);
    font-size: var(--fs-body-sub);
    font-weight: var(--fw-medium);
    color: rgba(31, 68, 123, 0.8);
    margin-left: 4px;
}

/* Dropdown — escape the pill, appear below */
.sv_iti_wrap .iti__dropdown-content {
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border: 1px solid #e0eef8;
    font-family: var(--font-main);
    z-index: 9999;
    top: calc(100% + 4px);
}

.sv_iti_wrap .iti__search-input {
    font-family: var(--font-main);
    font-size: var(--fs-body-sub);
    color: #1F447B;
    border: none;
    border-bottom: 1px solid #e0eef8;
    padding: 8px 12px;
    width: 100%;
    outline: none;
}

.sv_iti_wrap .iti__country-list {
    font-family: var(--font-main);
    font-size: var(--fs-body-sub);
    max-height: 220px;
}

.sv_iti_wrap .iti__country.iti__highlight,
.sv_iti_wrap .iti__country:hover {
    background-color: #DCEFFB;
}

.sv_iti_wrap .iti__dial-code {
    color: rgba(31, 68, 123, 0.6);
    font-size: 0.75rem;
}

/* RTL: phone numbers always read LTR */
html[dir="rtl"] .sv_iti_wrap .iti {
    direction: ltr;
}

    html[dir="rtl"] .sv_iti_wrap .iti input[type="tel"] {
        text-align: left;
        padding: 0.6em 0 0.6em 0.75em;
    }

/* RTL: flip the overall pill — Send OTP on left, flag pill on right */
html[dir="rtl"] .sv_signUpInputs.sv_iti_wrap {
    padding: 2px 0 2px 2px;
    flex-direction: row-reverse;
}

/* RTL: flag pill margin flipped */
html[dir="rtl"] .sv_iti_wrap .iti__selected-flag {
    margin: 3px 3px 3px 6px;
}

/* RTL: dial code margin flipped */
html[dir="rtl"] .sv_iti_wrap .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 4px;
}

/* RTL: dropdown opens aligned to the right edge */
/* html[dir="rtl"] .sv_iti_wrap .iti__dropdown-content {
    left: auto;
    right: 0;
} */

/* ============================================
   PROFILE DROPDOWN
   ============================================ */

.np_profile_wrap {
    position: relative;
}

    .np_profile_wrap .np_profile_dropdown {
        position: absolute;
        top: 100%;
        right: 0;
        min-width: 200px;
        padding-top: 10px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-6px);
        transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
        z-index: 999;
    }

/* The visible card */
.np_profile_dropdown_inner {
    background: rgba(21, 68, 163, 0.85);
    backdrop-filter: blur(50px);
    border-radius: 10px;
    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);
    overflow: hidden;
}

.np_profile_wrap:hover .np_profile_dropdown,
.np_profile_wrap:focus-within .np_profile_dropdown,
.np_profile_wrap.open .np_profile_dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

/* Only show dropdown when user is logged in */
.np_profile_wrap:not(.is-logged-in):hover .np_profile_dropdown,
.np_profile_wrap:not(.is-logged-in):focus-within .np_profile_dropdown,
.np_profile_wrap:not(.is-logged-in).open .np_profile_dropdown {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Email row */
.np_profile_email {
    display: block;
    color: rgba(255, 255, 255, 0.65);
    font-size: 13px;
    font-weight: 300;
    padding: 14px 18px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    border-bottom: 1px solid rgba(255,255,255,0.18);
    cursor: default;
    letter-spacing: 0.01em;
}

/* Logout link */
.np_profile_logout {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 15px;
    font-weight: 300;
    padding: 12px 18px 14px;
    text-decoration: none;
    transition: background 0.18s ease, color 0.18s ease;
    white-space: nowrap;
}

    .np_profile_logout:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
    }

    .np_profile_logout svg {
        flex-shrink: 0;
        opacity: 0.75;
    }


/* ============================================================
   DOCUMENT VERIFICATION PAGE
   express/document_verification.html
   ============================================================ */

/* Warning / caution banner */
.dv_warningBox {
    background: rgba(255, 59, 59, 0.08);
    border: 1px solid rgba(255, 59, 59, 0.25);
    border-radius: 12px;
    padding: 1.1rem 1.4rem;
    margin-bottom: 1.8rem;
}

    .dv_warningBox p {
        color: #ff3b3b;
        font-size: 0.82rem;
        line-height: 1.65;
        font-weight: 400;
    }

/* Tab switcher */
.dv_tabRow {
    display: flex;
    gap: 0;
    margin-bottom: 1.5rem;
}

.dv_tabBtn {
    padding: 0.55rem 1.3rem;
    border: 1.5px solid rgba(255, 255, 255, 0.35);
    background: transparent;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: var(--font-main);
}

    .dv_tabBtn:first-child {
        border-radius: 8px 0 0 8px;
    }

    .dv_tabBtn:last-child {
        border-radius: 0 8px 8px 0;
        border-left: none;
    }

    .dv_tabBtn.active {
        background: rgba(255, 255, 255, 0.18);
        color: #ffffff;
        border-color: rgba(255, 255, 255, 0.6);
    }

/* Tab panels */
.dv_tabPanel {
    display: none;
}

    .dv_tabPanel.active {
        display: block;
    }

/* Field label */
.dv_label {
    display: block;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.82rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
    letter-spacing: 0.02em;
}

    .dv_label .dv_req {
        color: rgba(255, 100, 100, 0.85);
        margin-inline-start: 2px;
    }

/* Section spacing */
.dv_formSection {
    margin-bottom: 1.6rem;
}

/* Country row — iti input + verify button side by side */
.dv_countryRow {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

    .dv_countryRow .dv_itiWrap {
        flex: 1;
        min-width: 0;
    }

/* ─── Custom Country Select Picker (dv_csp) ─────────────────────────────────── */

/* Wrapper — takes flex-1 inside .dv_countryRow */
.dv_cspWrap {
    position: relative;
    flex: 1;
    min-width: 0;
}

/* The visible "trigger" button */
.dv_csp {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    background: rgba(255, 255, 255, 0.08);
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    border-radius: 60px;
    padding: 0.75rem 1rem;
    color: #ffffff;
    font-size: 0.88rem;
    font-family: var(--font-main);
    cursor: pointer;
    transition: border-color 0.2s;
    user-select: none;
    outline: none;
}

    .dv_csp:hover,
    .dv_csp:focus {
        border-color: rgba(255, 255, 255, 0.55);
    }

    .dv_csp.is-open {
        border-color: rgba(255, 255, 255, 0.55);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

/* Flag image inside trigger */
.dv_csp_flag {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
}

    .dv_csp_flag img {
        display: block;
        border-radius: 2px;
        object-fit: cover;
    }

/* Country name label */
.dv_csp_label {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .dv_csp_label.dv_csp_placeholder {
        color: rgba(255, 255, 255, 0.4);
    }

/* Chevron arrow */
.dv_csp_arrow {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.6);
    transition: transform 0.2s ease;
}

.dv_csp.is-open .dv_csp_arrow {
    transform: rotate(180deg);
}

/* Dropdown panel */
.dv_csp_dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: rgba(26, 47, 114, 0.98);
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    border-top: none;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
    z-index: 2000;
    overflow: hidden;
}

    .dv_csp_dropdown.is-open {
        display: flex;
        flex-direction: column;
    }

/* Search box inside dropdown */
.dv_csp_search_wrap {
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
}

.dv_csp_search {
    width: 100%;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: #fff;
    font-family: var(--font-main);
    font-size: 0.83rem;
    padding: 0.42rem 0.75rem;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

    .dv_csp_search:focus {
        border-color: rgba(255, 255, 255, 0.45);
    }

    .dv_csp_search::placeholder {
        color: rgba(255, 255, 255, 0.4);
    }

/* Scrollable country list */
.dv_csp_list {
    list-style: none;
    margin: 0;
    padding: 0.3rem 0;
    max-height: 260px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.04);
}

    .dv_csp_list::-webkit-scrollbar {
        width: 5px;
    }

    .dv_csp_list::-webkit-scrollbar-track {
        background: rgba(255,255,255,0.04);
    }

    .dv_csp_list::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,0.2);
        border-radius: 4px;
    }

        .dv_csp_list::-webkit-scrollbar-thumb:hover {
            background: rgba(255,255,255,0.35);
        }

/* Individual country item */
.dv_csp_item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 1rem;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.87rem;
    font-family: var(--font-main);
    transition: background 0.15s;
}

    .dv_csp_item:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
    }

    .dv_csp_item.is-selected {
        background: rgba(21, 68, 163, 0.8);
        color: #fff;
    }

    .dv_csp_item img {
        border-radius: 2px;
        object-fit: cover;
        flex-shrink: 0;
    }

    .dv_csp_item span {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/* No results state */
.dv_csp_noResult {
    padding: 0.8rem 1rem;
    color: rgba(255,255,255,0.4);
    font-size: 0.83rem;
    font-family: var(--font-main);
    text-align: center;
}

/* Invalid state */
.dv_cspWrap.is-invalid .dv_csp {
    border-color: #dc3545;
}

/* RTL adjustments */
[dir="rtl"] .dv_csp {
    flex-direction: row-reverse;
}

[dir="rtl"] .dv_csp_item {
    flex-direction: row-reverse;
}

/* iti dropdown - legacy styles for other contexts */
.iti__country-list {
    background: #1a2f72;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
    max-height: 240px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
    z-index: 9999;
}

    .iti__country-list::-webkit-scrollbar {
        width: 5px;
    }

    .iti__country-list::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.2);
        border-radius: 10px;
    }

.iti__country {
    padding: 0.6rem 1rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.83rem;
    font-family: var(--font-main);
    transition: background 0.15s;
}

    .iti__country:hover,
    .iti__country.iti__highlight {
        background: rgba(255, 255, 255, 0.1) !important;
    }

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

.iti__dial-code {
    color: rgba(255, 255, 255, 0.45);
}

.iti__divider {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.iti__search-input {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: #fff;
    font-family: var(--font-main);
    font-size: 0.83rem;
    padding: 0.45rem 0.75rem;
    width: calc(100% - 1rem);
    margin: 0.5rem;
    outline: none;
}

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

/* Verify button */
.dv_verifyBtn {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: rgba(255, 255, 255, 0.15);
    border: 1.5px solid rgba(255, 255, 255, 0.5);
    border-radius: 60px;
    padding: 0.7rem 1.6rem;
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 500;
    font-family: var(--font-main);
    cursor: pointer;
    letter-spacing: 0.03em;
    white-space: nowrap;
    transition: background 0.2s, border-color 0.2s;
    flex-shrink: 0;
}

    .dv_verifyBtn:hover {
        background: rgba(255, 255, 255, 0.25);
        border-color: rgba(255, 255, 255, 0.8);
    }

    .dv_verifyBtn svg {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

/* Inline error message */
.dv_errorMsg {
    color: #ff6b6b;
    font-size: 0.75rem;
    margin-top: 0.3rem;
    display: none;
}

    .dv_errorMsg.visible {
        display: block;
    }

/* Invalid state on the wrapper (handled in dv_csp block above) */

/* Responsive: stack on narrow screens */
@media (max-width: 540px) {
    .dv_countryRow {
        flex-direction: column;
        align-items: stretch;
    }

    .dv_verifyBtn {
        justify-content: center;
    }

    .dv_csp_dropdown {
        border-radius: 0 0 12px 12px;
    }
}

/* ─── Fix: dropdown clipped by scrollable form box ─────────────────────────── */
/* When the country picker is open, allow it to overflow the scrollable container */
.sv_accountCreationRightFormBox:has(.dv_csp_dropdown.is-open) {
    overflow: visible;
}

/* JS-toggled class for browsers that don't support :has() */
.sv_accountCreationRightFormBox.dv_csp_overflow_open {
    overflow: visible;
}


/* ============================================
   SELECT2 MULTIPLE ONLY
   Scoped entirely to .select2-selection--multiple
   Does NOT affect any single-select styles
   ============================================ */

/* ── 1. Outer container ── */
.select2-container--default .select2-selection--multiple {
    background: transparent !important;
    border: none !important;
    border-radius: 60px;
    min-height: 2.6875rem;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ── 2. FIX: White blur overlay — your style.css sets background on
         .select2-container--default.select2-container--focus
         We override it only when a multiple selection is inside ── */
.select2-container--default.select2-container--focus:has(.select2-selection--multiple) {
    background: transparent !important;
    border-radius: 60px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ── 3. The visible bordered pill row ── */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    align-items: center !important;
    gap: 4px;
    padding: 0 2.8em 0 1.1428em !important;
    border-radius: 60px !important;
    border: 1px solid rgba(221, 232, 255, 0.6) !important;
    background: transparent !important;
    min-height: 2.6875rem;
    box-sizing: border-box;
    width: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
    font-size: var(--fs-body-sub, 0.875rem);
    font-family: var(--font-main, inherit);
    color: #ffffff;
    line-height: 2.6875rem;
    cursor: pointer;
    list-style: none !important;
    margin: 0 !important;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
        display: none;
    }

/* ── 4. Placeholder ── */
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: var(--fs-body-sub, 0.875rem);
    font-weight: 400;
    line-height: 2.6875rem;
    flex: 1 1 auto;
    display: block !important;
    padding: 0 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── 5. Hide ghost blank choice only, NOT the placeholder ── */
.select2-container--default .select2-selection--multiple .select2-selection__choice[title=""] {
    display: none !important;
}

/* ── 6. Selected pill tags ── */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(221, 232, 255, 0.4) !important;
    border-radius: 40px !important;
    color: #ffffff !important;
    font-size: 0.75rem !important;
    font-weight: 400;
    padding: 2px 8px 2px 15px !important;
    margin: 0 !important;
    white-space: nowrap;
    flex-shrink: 0;
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    line-height: 1.4;
    float: none !important;
    position: relative;
}

/* ── 7. × remove inside tag ── */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    border: none !important;
    background: none !important;
    padding: 0 2px 0 0 !important;
    margin: 0 !important;
    cursor: pointer;
    order: -1;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #ffffff !important;
        background: none !important;
    }

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: #ffffff;
    font-size: 0.75rem;
}

/* ── 8. FIX: Inline search stays INSIDE the pill row ──
         style.css sets .select2-search__field padding/border globally;
         we override only the inline variant here                     ── */
.select2-container--default .select2-selection--multiple .select2-search--inline {
    float: none !important;
    display: none !important;
    align-items: center;
    flex-shrink: 0;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1;
    /* Prevent it escaping the flex row */
    position: static !important;
    width: auto !important;
}

.select2-container--open.select2-container--default .select2-selection--multiple .select2-search--inline {
    display: block;
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    /* Override the shared padding from style.css */
    padding: 0 !important;
    margin: 0 !important;
    /* Collapse so it's invisible until user clicks in */
    width: 4px !important;
    min-width: 4px !important;
    max-width: 120px;
    font-size: 0.75rem !important;
    caret-color: white;
    /* Hide "Type something" text but keep caret */
    color: transparent !important;
    /* textarea-specific: prevent resize handle and fix height */
    height: 1.4em !important;
    resize: none !important;
    overflow: hidden !important;
    line-height: 1.4 !important;
    vertical-align: middle !important;
}

    .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field:focus {
        width: 80px !important;
        color: rgba(255, 255, 255, 0.8) !important;
    }

    .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
        color: transparent !important;
    }

/* ── 9. Arrow pseudo on outer container ── */
.select2-container--default .select2-selection--multiple::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    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 0 0.720919 0 0.582031C0 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>");
    transition: transform 0.2s ease;
}

.select2-container--default.select2-container--open .select2-selection--multiple::after {
    transform: translateY(-50%) rotate(180deg);
}

/* ── 10. Open state border radius ── */
.select2-container--default.select2-container--open.select2-container--below
.select2-selection--multiple .select2-selection__rendered {
    border-radius: 16px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.select2-container--default.select2-container--open.select2-container--above
.select2-selection--multiple .select2-selection__rendered {
    border-radius: 16px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

/* ── 11. FIX: Force dropdown to open below by overriding --above position ──
         Select2 appends the dropdown to <body> and positions it absolutely.
         When it picks --above, we flip top to auto and use the --below styles  ── */
.select2-container--open .select2-dropdown--above:has( .select2-results__options ) {
    /* Reset the upward position Select2 sets inline */
    top: 100% !important;
    bottom: auto !important;
    border-radius: 0 0 16px 16px !important;
    border-top: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    margin-top: 0;
}

/* ── 12. Hide default clear-all ── */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none !important;
}

/* ── 13. Selected options show a checkmark in the dropdown ── */
.select2-container--open .select2-results__option--selected {
    background-color: rgba(255, 255, 255, 0.08) !important;
    font-weight: 600 !important;
    position: relative;
}

    .select2-container--open .select2-results__option--selected::after {
        content: '✓';
        position: absolute;
        right: 1.1428em;
        top: 50%;
        transform: translateY(-50%);
        color: rgba(255, 255, 255, 0.8);
        font-size: 0.75rem;
        font-weight: 600;
    }

/* ── 14. Hide blank first option in dropdown ── */
.select2-results__option:first-child:empty {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
}

/* ── 15. Horizontal scroll for Country of Tax Residence multiselects ──
         Global multiselect rule hides the scrollbar for a clean look.
         These fields can have many selections so we show a thin scrollbar. ── */
.np_tax-country-field .select2-selection--multiple .select2-selection__rendered {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255, 255, 255, 0.25) transparent !important;
    -ms-overflow-style: auto !important;
}

    .np_tax-country-field .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
        display: block !important;
        height: 4px !important;
    }

    .np_tax-country-field .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-track {
        background: transparent !important;
    }

    .np_tax-country-field .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.25) !important;
        border-radius: 4px !important;
    }

@media screen and (max-width: 650px) {
    .np_acDocs_LftPdfsListInner {
        flex-direction: column;
    }
}

.background-0E2F61 {
    background: #0E2F61;
}
html[dir="rtl"] .scustom-form{
    justify-content:unset;
}
: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(../../Assets/Kyc/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(../../Assets/Kyc/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(../../Assets/Kyc/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.8;
        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;
}


.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('../../Assets/Kyc/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(../../Assets/Kyc/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;
}

.innerHeroSec {
    background: url('../../Assets/Kyc/images/v_images/hero_dots.png') no-repeat top 60px center;
    background-size: contain;
    padding: 10rem 0 5.125rem 0;
}

@media (max-width: 1600px) {
    .innerHeroSec {
        padding: 10rem 0 4rem 0;
    }
}

@media (max-width: 1024px) {
    .innerHeroSec {
        padding: 8rem 0 2rem 0;
    }
}

@media (max-width: 768px) {
    .innerHeroSec {
        padding: 6rem 0 1.5rem 0;
    }

}

@media (max-width: 480px) {
    .innerHeroSec {
        padding: 4rem 0 1rem 0;
    }
}
.innerHeroSec .innerHeroSec_inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.innerHeroSec .innerHeroSec_inner h1 {
    font-size: 3.75rem;
    color: #DCEFFB;
    text-align: center;
    margin: 0;
    font-weight: 600;
}

@media (max-width: 1600px) {
    .innerHeroSec .innerHeroSec_inner h1 {
        font-size: 3rem;
    }
}

@media (max-width: 1024px) {
    .innerHeroSec .innerHeroSec_inner h1 {
        font-size: 2.5rem;
    }
}

@media (max-width: 768px) {
    .innerHeroSec .innerHeroSec_inner h1 {
        font-size: 2rem;
    }
}

@media (max-width: 480px) {
    .innerHeroSec .innerHeroSec_inner h1 {
        font-size: 1.5rem;
    }
}

.vContent {
    background-color: #F3F9FF;
    position: relative;
}

.vContent::before {
    content: '';
    background: #1544A3;
    height: 60px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.vFluidWrapper {
    padding: 0 24px;
    display: flex;
    gap: 30px;
    max-width: 1816px;
    margin: 0 auto;
}

.vFluidWrapper>*:first-child {
    width: 25%;
    z-index: 1;
}

.vFluidWrapper>*:last-child {
    width: 75%;
    z-index: 1;
}

/* Menu Card */
.vFluidWrapper .np_sidebar_menu {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 32px 24px;
    margin-bottom: 32px;
}

.vFluidWrapper .np_sidebar_list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* Sidebar Link */
.np_sidebar_link {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-para-blue);
    padding: 16px 18px;
    border-radius: 10px;
    transition: all 0.3s ease;
    line-height: 1;
}

.np_sidebar_icon {
    display: inline-block;
}

/* SVG default state */
.np_sidebar_link svg {
    width: 18px;
    height: 18px;
}

.np_sidebar_link svg path {
    transition: fill 0.3s ease;
    fill: var(--text-para-blue);
}

/* Hover state */
.np_sidebar_link:hover {
    background: rgba(0, 40, 120, 0.08);
    color: var(--primary-blue);
}

.np_sidebar_link:hover svg path {
    fill: var(--primary-blue);
}

/* Active state */
.np_sidebar_link.active {
    background: var(--primary-blue);
    color: var(--text-white);
}

.np_sidebar_link.active svg path {
    fill: var(--text-white);
}

/* Help Card */
.vFluidWrapper .np_sidebar_help {
    background: #E7F2FB;
    border-radius: 16px;
    padding: 32px 24px;
    border: 1px solid #B5C4E0;
}

.vFluidWrapper .np_sidebar_help h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-blue);
    margin-bottom: 16px;
}

.vFluidWrapper .np_sidebar_help p {
    font-size: 15px;
    color: var(--text-para-blue);
    line-height: 1.7;
    margin-bottom: 24px;
}

/* Contact Button */
.vFluidWrapper .np_sidebar_btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
    border: 1px solid var(--primary-blue);
    color: var(--primary-blue);
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.vFluidWrapper .np_sidebar_btn:hover {
    background: var(--primary-blue);
    color: var(--text-white);
}

/* Filter Bar */
.vResearchCnt .np_reportFilter {
    background: #FFFFFF;
    padding: 24px;
    border-radius: 20px;
    margin-bottom: 48px;
}

.vResearchCnt .np_reportFilter_inner {
    display: flex;
    align-items: end;
    gap: 24px;
    flex-wrap: wrap;
}

.vResearchCnt .np_filter_group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.vResearchCnt .np_filter_group label {
    font-size: 14px;
    font-weight: 500;
    color: #7A8CA5;
    letter-spacing: 0.5px;
}

.vResearchCnt .np_filter_group select {
    padding: 14px 40px 14px 20px;
    border-radius: 999px;
    border: 1px solid #D6DFEA;
    background: #F8FAFC url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235D5D5D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 12px center;
    background-size: 20px;
    font-size: 14px;
    outline: none;
    appearance: none;
    color: #5D5D5D;
    font-family: var(--font-main);
    cursor: pointer;
}

.vResearchCnt .np_filter_btn {
    padding: 14px 28px;
    border-radius: 999px;
    background: var(--primary-blue);
    color: var(--text-white);
    font-weight: 400;
    border: none;
    cursor: pointer;
    transition: 0.3s ease;
    font-family: var(--font-main);
    display: flex;
    align-items: center;
    gap: 8px;
}

.vResearchCnt .np_filter_btn svg {
    width: 19px;
    height: 13px;
}

.vResearchCnt .np_filter_btn svg path {
    fill: var(--text-white);
    transition: fill 0.3s ease;
}

.vResearchCnt .np_filter_btn:hover {
    opacity: 0.9;
}

.vResearchCnt .np_filter_btn:hover svg path {
    fill: var(--text-white);
}


/* Month Grid */
.vResearchCnt .np_monthGrid {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    align-items: flex-start;
}


/* Month Card */
.vResearchCnt .np_monthCard {
    background: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
    flex: 1 1 calc(33.333% - 22px);
    min-width: 280px;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.vResearchCnt .np_monthCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}


/* Header */
.vResearchCnt .np_monthCard_header {
    background: var(--primary-blue);
    color: var(--text-white);
    padding: 18px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vResearchCnt .np_monthCard_header h3 {
    font-size: 20px;
    font-weight: 600;
}

.vResearchCnt .np_monthCard_header span {
    font-size: 18px;
    font-weight: 600;
}


/* Body */
.vResearchCnt .np_monthCard_body {
    padding: 5px 20px;
}


/* Week Row */
.vResearchCnt .np_weekRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid #E1E7F0;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-para-blue);
}

.vResearchCnt .np_weekRow:last-child {
    border-bottom: none;
}


/* PDF Button */
.vResearchCnt .np_pdfBtn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: #DCE3ED;
    border-radius: 10px;
    font-weight: 600;
    color: var(--primary-blue);
    font-size: 14px;
    transition: 0.3s ease;
    line-height: 1;
}

.vResearchCnt .np_pdfBtn svg {
    width: 13px;
    height: 13px;
}

.vResearchCnt .np_pdfBtn svg path {
    fill: currentColor;
    transition: fill 0.3s ease;
}

.vResearchCnt .np_pdfBtn:hover {
    background: var(--primary-blue);
    color: var(--text-white);
}



@media (max-width: 1190px) {
    .vFluidWrapper {
        flex-direction: column;
        padding: 0 30px 30px;
    }

    .vFluidWrapper>*:first-child,
    .vFluidWrapper>*:last-child {
        width: 100%;
    }
}

/* Responsive */
@media (max-width: 992px) {
    .vResearchCnt .np_monthCard {
        flex: 1 1 100%;
    }
}

@media (max-width: 768px) {
    .vFluidWrapper {
        padding: 0 20px 20px;
        gap: 30px;
    }

    .vFluidWrapper .np_sidebar_menu,
    .vFluidWrapper .np_sidebar_help {
        padding: 24px 16px;
    }

    .vResearchCnt .np_reportFilter {
        padding: 16px;
    }

    .vResearchCnt .np_reportFilter_inner {
        flex-direction: column;
        gap: 16px;
    }

    .vResearchCnt .np_filter_group {
        flex: 1;
        width: 100%;
    }

    .vResearchCnt .np_monthCard {
        flex: 1 1 100%;
        min-width: auto;
    }

    .vResearchCnt .np_monthGrid {
        gap: 16px;
    }
}

@media (max-width: 480px) {
    .vFluidWrapper {
        padding: 0 16px 16px;
        gap: 20px;
    }

    .innerHeroSec {
        padding: 120px 0 30px 0;
    }

    .innerHeroSec .innerHeroSec_inner h1 {
        font-size: 32px;
    }

    .vFluidWrapper .np_sidebar_menu,
    .vFluidWrapper .np_sidebar_help {
        padding: 16px 12px;
        margin-bottom: 16px;
    }

    .vFluidWrapper .np_sidebar_help h3 {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .vFluidWrapper .np_sidebar_help p {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .np_sidebar_link {
        padding: 12px 14px;
        font-size: 14px;
        gap: 10px;
    }

    .vResearchCnt .np_reportFilter {
        padding: 12px;
        margin-bottom: 24px;
    }

    .vResearchCnt .np_monthCard_header {
        padding: 12px 16px;
    }

    .vResearchCnt .np_monthCard_header h3 {
        font-size: 16px;
    }

    .vResearchCnt .np_monthCard_body {
        padding: 4px 12px;
    }

    .vResearchCnt .np_weekRow {
        padding: 10px 0;
        font-size: 14px;
        align-items: center;
        gap: 8px;
    }

    .vContent {
        position: relative;
    }
}

/* ==========================================
   MSCI REPORT PAGE – DESIGN MATCH VERSION
========================================== */

.page-msci-report {
    font-family: var(--font-main);
}

/* Title */
.page-msci-report .np_reportHeading h2 {
    font-size: 32px;
    font-weight: 500;
    margin: 35px 0 30px;
    color: var(--text-black);
}

/* Section */
.page-msci-report .np_section {
    margin-bottom: 60px;
}

.page-msci-report .np_sectionTitle {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    color: var(--primary-blue);
}

/* Grid */
.page-msci-report .np_cardGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

/* Card */
.page-msci-report .np_reportCard {
    background: var(--text-white);
    border-radius: 12px;
    border: 1px solid var(--border-glass);
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.09);
    overflow: hidden;
    padding: 15px;
    transition: all 0.25s ease;
}

.page-msci-report .np_reportCard h3 {
    padding-top: 18px;
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    color: var(--dark-blue);
}

.page-msci-report .np_reportCard p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--dark-blue);
}

/* .page-msci-report .np_reportCard:hover {
    box-shadow: 0px 1px 42px rgba(0, 0, 0, 0.5);
    transform: scaleX(1.05);
} */

/* =========================
   CARD TOP STRIP
========================= */

.page-msci-report .np_cardTop {
    background: var(--bg-light-blue);
    padding: 8px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 6px;
    /* align-items: center; */
    border-radius: 4px;
}

/* Company */
.page-msci-report .np_company {
    display: flex;
    gap: 12px;
    align-items: center;
}



/* Company Name */
.page-msci-report .np_company h4 {
    font-size: 18px;
    font-weight: 600;
    /* BOLD */
    margin: 0;
    color: var(--primary-blue);
    letter-spacing: 0%;
}

/* Sub title */
.page-msci-report .np_company span {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-black);
    letter-spacing: 0%;
}

/* Badge */
.page-msci-report .np_badgeP {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.page-msci-report .np_badge {
    color: var(--text-black);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: 0;
}

/* =========================
   CARD BODY
========================= */

/* Bottom */
.page-msci-report .np_cardBottom {
    margin-top: 18px;
    padding: 20px 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #F5F8FB;
}

/* Price */
.page-msci-report .np_price {
    font-weight: 600;
    font-size: 13px;
    color: var(--text-black);
}

/* Icon Buttons */
.page-msci-report .np_actions {
    display: flex;
    gap: 10px;
}

.page-msci-report .np_iconBtn {
    width: 36px;
    height: 36px;
    background: var(--bg-light-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.page-msci-report .np_iconBtn:hover {
    background: var(--primary-blue);
    transform: scale(1.05);
}

.page-msci-report .np_iconBtn svg {
    width: 16px;
    height: 16px;
}

.page-msci-report .np_iconBtn svg path,
.page-msci-report .np_iconBtn svg circle {
    stroke: var(--primary-blue);
    transition: all 0.2s ease;
}

.page-msci-report .np_iconBtn:hover svg path,
.page-msci-report .np_iconBtn:hover svg circle {
    stroke: #DBF0FF;
}

.selectYear select {
    background-color: rgba(221, 232, 255, 0.6) !important;
}

.selectYear select {
    color: rgba(93, 93, 93, 1) !important;
}



/* .selectYear .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:100%;right:16px;top:2px;position:absolute;background-repeat:no-repeat;background-position:center;background-size:20px;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 0 0.720919 0 0.582031C0 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='rgba(103, 111, 126, 1)' fill-opacity='0.6'/>\</svg>");
} */

/* Responsive */
@media (max-width: 1680px) {
    .page-msci-report .np_company h4 {
        font-size: 14px;
    }

    .page-msci-report .np_reportCard p {
        font-size: 12px;
    }
}

@media (max-width: 1536px) {
    .page-msci-report .np_company h4 {
        font-size: 12px;
    }

    .page-msci-report .np_badge {
        font-size: 8px;
    }

    .page-msci-report .np_reportCard p {
        font-size: 10px;
    }
}

@media (max-width: 1366px) {
    .page-msci-report .np_company h4 {
        font-size: 11px;
    }

    .page-msci-report .np_badge {
        font-size: 8px;
    }
}

@media (max-width: 1200px) {
    .page-msci-report .np_cardGrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-msci-report .np_company h4 {
        font-size: 14px;
    }

    .page-msci-report .np_badge {
        font-size: 12px;
    }

    .page-msci-report .np_reportCard p {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .page-msci-report .np_cardGrid {
        grid-template-columns: 1fr;
    }

    .page-msci-report .np_reportHeading h2 {
        font-size: 24px;
    }
}

@media (max-width: 500px) {
    .page-msci-report .np_cardTop {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .page-msci-report .np_badge {
        text-align: start;
    }
}


/* ======================================
   MORNING NEWSLETTER – CLNDR VERSION
====================================== */

.page-morning-newsletter .np_monthWrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 30px;
}

.np_monthItem .clndr {
    height: 100%;
}

.page-morning-newsletter .np_calendarCard {
    background: var(--text-white);
    padding: 24px;
    border-radius: 15px;
    border: 1px solid var(--border-glass);
    box-shadow: var(--glass-shadow);
    height: 100%;
}

.page-morning-newsletter .np_monthTitle {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    color: var(--text-black);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: "Lexend", sans-serif;
    letter-spacing: -1%;
}

.page-morning-newsletter .np_month,
.page-morning-newsletter .np_year {
    padding: 5px 10px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

.page-morning-newsletter .np_weekHeader {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: 12px;
    font-weight: 500;
    text-align: center;
    font-size: 18px;
    font-family: "Lexend", sans-serif;
}

.page-morning-newsletter .np_daysGrid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.page-morning-newsletter .np_day {
    position: relative;
    background: rgba(248, 250, 252, 1);
    border-radius: 6px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: var(--text-black);
    transition: 0.2s ease;
    font-size: 18px;
    padding: 0;
    font-family: "Lexend", sans-serif;
}

.page-morning-newsletter .np_day.inactive {
    color: rgba(0, 23, 84, 0.15);
    background: transparent;
}

.page-morning-newsletter .np_day.last-month {
    color: rgba(0, 23, 84, 0.15);
    background: transparent;
    font-family: var(--font-main);
    font-size: 1.125rem;
}

.page-morning-newsletter .np_pdfTag {
    position: absolute;
    top: -3px;
    right: -3px;
    background: #c62828;
    color: white;
    font-size: 11px;
    font-weight: 400;
    padding: 2.5px;
    border-radius: 2px;
    z-index: 1;
    letter-spacing: 0;
    line-height: 1;
}

.page-morning-newsletter .np_day.has-event:hover {
    background: rgba(0, 71, 255, 1);
    cursor: pointer;
}

.page-morning-newsletter .np_day.has-event:hover span:last-child {
    color: var(--text-white);
}

.np_day.day.adjacent-month.next-month {
    color: rgba(0, 23, 84, 0.15);
    background: transparent;
    pointer-events: none;
}

/* Responsive */

@media (max-width: 1200px) {
    .page-morning-newsletter .np_monthWrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-morning-newsletter .np_monthWrapper {
        grid-template-columns: 1fr;
    }
}

/* =====================================================
   COMPANY COVERAGE PAGE
===================================================== */


/* =====================================================
   HERO SECTION
===================================================== */

.company-coverage-page .companyHeroSec {
    background: url('../../Assets/Kyc/images/v_images/hero_dots.png') no-repeat top 60px center;
    background-size: contain;
    padding: 6.5rem 0 3.125rem 0;
    text-align: center;
}

.company-coverage-page .companyHeroSec h1 {
    font-size: 3.75rem;
    font-weight: 600;
    color: #DCEFFB;
    margin-bottom: 18px;
}

.company-coverage-page .companyHeroSec p {
    font-size: 16px;
    margin: 0 auto 40px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.6);
}

/* =========================================
   SEARCH BOX – EXACT DESIGN
========================================= */

.company-coverage-page .companySearchBox {
    max-width: 1050px;
    margin: auto;
    padding: 25px 30px;
    border-radius: 25px;
    background: linear-gradient(135deg, #3C5FB0 0%, #2E53A4 100%);
    /* background: rgba(21, 68, 163, 0.2); */
    border: 1px solid rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(18px);
    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);
    position: relative;
    z-index: 1;
}

/* Top row */
.company-coverage-page .searchRow {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

/* hello */

/* Input Wrapper */
.company-coverage-page .searchInputWrap {
    flex: 1;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 40px;
    padding: 0 0 0 20px;
    height: 56px;
    backdrop-filter: blur(6px);
    overflow: hidden;
    min-width: 0;
}

/* Search Icon */
.company-coverage-page .searchIcon {
    margin-right: 12px;
    display: flex;
    align-items: center;
    opacity: 0.6;
}

/* Input */
.company-coverage-page .searchInputWrap input {
    flex: 1;
    min-width: 0;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 15px;
    font-family: var(--font-main);
    font-weight: 300;
}

.company-coverage-page .searchInputWrap input::placeholder {
    color: rgba(255, 255, 255, 0.75);
}

/* Dropdown Arrow */
.company-coverage-page .dropdownIcon {
    margin: 0 10px;
    display: flex;
    align-items: center;
    opacity: 0.8;
    cursor: pointer;
    flex-shrink: 0;
}

.company-coverage-page .clearIcon {
    margin: 0 10px;
    display: flex;
    align-items: center;
    opacity: 0.8;
    cursor: pointer;
    flex-shrink: 0;
    transition: opacity 0.3s ease;
}

.company-coverage-page .clearIcon:hover {
    opacity: 1;
}

/* Search Button */
.company-coverage-page .searchBtn {
    padding: 12px 35px;
    margin: 0 5px;
    border-radius: 40px;
    border: none;
    background: #ffffff;
    color: var(--primary-blue);
    font-weight: 600;
    font-size: 15px;
    font-family: var(--font-main);
    font-weight: 400;
    cursor: pointer;
    transition: 0.3s ease;
    cursor: pointer;
}

/* =========================================
   RECENT SECTION
========================================= */

.company-coverage-page .recentRow {
    margin-top: 18px;
    display: flex;
    align-items: center;
    gap: 15px;
    opacity: 0.8;
}

.company-coverage-page .recentLabel {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
}

.company-coverage-page .recentTags {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* Tag Style */
.company-coverage-page .tag {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    padding: 8px 14px;
    border-radius: 30px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Close */
.company-coverage-page .closeTag {
    font-weight: 600;
    cursor: pointer;
    opacity: 0.8;
}

.company-coverage-page .closeTag:hover {
    opacity: 1;
}

/* =====================================================
   CONTENT WRAPPER
===================================================== */

.company-coverage-page .companyCoverageCnt {
    padding-top: 40px;
    padding-bottom: 90px;
    background-color: #DBF0FF;
    position: relative;
}

.company-coverage-page .coverageResultTitle {
    margin-bottom: 35px;
}

.company-coverage-page .coverageResultTitle h2 {
    font-size: 20px;
    font-weight: 500;
    color: var(--primary-blue);
}

.company-coverage-page .coverageResultTitle h2 strong {
    font-weight: 700;
}

/* =====================================================
   SECTIONS
===================================================== */

.company-coverage-page .np_section {
    margin-bottom: 60px;
}

/* ==========================================
   SECTION HEADER – USING DESIGN TOKENS
========================================== */

.company-coverage-page .np_sectionHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

/* LEFT SIDE WRAPPER */
.company-coverage-page .sectionLeft {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* ICON CIRCLE */
.company-coverage-page .sectionIcon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #BDE2F9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-blue);
}

/* TITLE */
.company-coverage-page .np_sectionHead h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--font-main);
    color: var(--dark-blue);
}

/* REPORT COUNT BADGE */
.company-coverage-page .np_reportCount {
    background: var(--text-para-blue);
    color: var(--text-muted-blue);
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 300;
    font-family: var(--font-main);
}

/* =====================================================
   GRID
===================================================== */

.company-coverage-page .np_cardGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

/* =====================================================
   CARD
===================================================== */

.company-coverage-page .coverageCard {
    background: #fff;
    border-radius: 14px;
    padding: 20px;
    border: 1px solid #E6ECF5;
    transition: all 0.3s ease;
    position: relative;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.company-coverage-page .coverageCard:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* Coverage Top */

.company-coverage-page .coverageTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Date */

.company-coverage-page .coverageDate {
    font-size: 13px;
    color: #ADB8C3;
    text-align: right;
    display: block;
    font-weight: 500;
}

/* Title */

.company-coverage-page .coverageCard h4 {
    font-size: 16px;
    font-weight: 600;
    padding: 25px 0 15px;
    margin-bottom: 15px;
    color: var(--text-black);
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #F5F8FB;
}

/* Tag */

.company-coverage-page .coverageTag {
    font-size: 13px;
    font-weight: 500;
    color: #1E4DA1;
    margin-bottom: 0;
    display: inline-block;
    letter-spacing: 0.4px;
}

/* Actions */

.company-coverage-page .coverageCard .np_actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.company-coverage-page .coverageCard .np_actionBtns {
    display: flex;
    gap: 10px;
}


.company-coverage-page .coverageCard .np_iconBtn:hover svg path,
.company-coverage-page .coverageCard .np_iconBtn:hover svg circle {
    fill: #1E4DA1;
}

/* =====================================================
   LOAD MORE
===================================================== */

.company-coverage-page .coverageLoadMore {
    text-align: center;
    margin-top: 35px;
}

.company-coverage-page .coverageLoadMore button {
    background: var(--primary-blue);
    color: #fff;
    padding: 20px 35px;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
    margin: 0 auto;
}

.company-coverage-page .coverageLoadMore button:hover {
    background: #163a82;
}

/* =====================================================
   EMPTY STATE
===================================================== */

.company-coverage-page .emptyReportBox {
    background: #ffffff;
    border-radius: 16px;
    padding: 60px;
    text-align: center;
    box-shadow: 0px 1px 2px 0px #00000040;
}

.company-coverage-page .emptyReportIcon {
    width: 40px;
    height: 40px;
    background: #F8FAFC;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.company-coverage-page .emptyReportIcon svg {
    width: 24px;
    height: 24px;
}

.company-coverage-page .emptyReportBox p {
    font-size: 20px;
    color: var(--dark-blue);
    font-weight: 400;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width: 1200px) {
    .company-coverage-page .np_cardGrid {
        grid-template-columns: repeat(3, 1fr);
    }

    .company-coverage-page .companySearchBox {
        padding: 20px 24px;
    }

    .company-coverage-page .searchBtn {
        padding: 12px 24px;
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .company-coverage-page .np_cardGrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .company-coverage-page .companyHeroSec h1 {
        font-size: 36px;
    }

    .page-morning-newsletter .np_monthTitle {
        font-size: 18px;
    }

    .page-morning-newsletter .np_weekHeader {
        font-size: 16px;
    }

    .page-morning-newsletter .np_day {
        font-size: 16px;
    }

    .page-morning-newsletter .np_day.last-month {
        font-size: 16px;
    }

    .page-morning-newsletter .np_pdfTag {
        font-size: 8px;
    }

}

@media (max-width: 576px) {

    .company-coverage-page .np_cardGrid {
        grid-template-columns: 1fr;
    }

    .company-coverage-page .companySearchBox {
        padding: 16px 20px;
    }

    .company-coverage-page .searchRow {
        flex-direction: column;
        gap: 12px;
    }

    .company-coverage-page .searchInputWrap {
        width: 100%;
        height: 48px;
    }

    .company-coverage-page .searchBtn {
        width: 100%;
        padding: 12px 20px;
        font-size: 14px;
        margin: 0;
        max-width: 100px;
    }

    .company-coverage-page .recentRow {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .company-coverage-page .recentTags {
        width: 100%;
    }

    .company-coverage-page .np_sectionHead {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .company-coverage-page .np_sectionHead h3 {
        font-size: 18px;
    }

    .company-coverage-page .companyHeroSec {
        padding: 100px 0 70px;
    }

    .company-coverage-page .companyHeroSec h1 {
        font-size: 28px;
    }
}

/* ====================================
   TEAM DETAIL PAGE – DESIGN MATCH
==================================== */

.teamDetailPage {
    background: var(--primary-blue);
    padding: 8rem 0 0;
}

/* PAGE TITLE */
.teamPageHead h1 {
    font-size: 3rem;
    font-weight: 600;
    color: var(--text-muted-blue);
    margin-bottom: 2rem;
}

/* SWITCH BUTTONS */
.teamSwitch {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 4rem;
    flex-wrap: wrap;
}

.teamBtn {
    padding: 0.6rem 1.5rem;
    border-radius: 2rem;
    border: 1px solid var(--border-light-blue);
    color: var(--text-white);
    font-size: 0.9rem;
    transition: 0.3s;
}

.teamBtn.active {
    background: #F7931A;
    border-color: #F7931A;
    color: #fff;
}

/* MEMBER CARD */
.teamMemberCard {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.05));
    backdrop-filter: blur(20px);
    border-radius: 1.5rem;
    padding: 2rem;
    display: flex;
    align-items: start;
    gap: 2rem;
    margin-bottom: 5rem;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.35), inset 0 -1px 1px rgba(255, 255, 255, 0.15);
}

/* LEFT IMAGE */
.memberLeft {
    width: 100px;
    height: 100px;
    border-radius: 1rem;
    overflow: hidden;
    flex-shrink: 0;
}

.memberLeft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

/* MIDDLE */
.memberMiddle {
    width: 100%;
}

.memberMiddle h2 {
    font-size: 1.8rem;
    color: var(--text-white);
    margin-bottom: 0.3rem;
    font-weight: 600;
}

.memberMiddle .role {
    font-size: 1rem;
    color: var(--text-muted-white);
    margin-bottom: 1rem;
}

.memberMeta {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.memberMeta li {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
    height: fit-content;
}

.memberMeta li svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.memberMeta li span {
    display: block;
    line-height: 1;
}

/* RIGHT DROPDOWN */
.memberRight select {
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid var(--border-light-blue);
    color: var(--text-white);
    padding: 0.7rem 1.5rem;
    border-radius: 2rem;
    font-size: 0.9rem;
}

.memberRight .select2-container--default .select2-selection--single .select2-selection__rendered {
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(14px);
    border: none;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

/* SECTION TITLES */
.sectionTitle {
    font-size: 2rem;
    color: var(--text-white);
    margin-bottom: 2rem;
    font-weight: 500;
    letter-spacing: 1px;
}

/* Grid */
.teamDetailPage .np_cardGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

/* Card */
.teamDetailPage .np_reportCard {
    background: var(--text-white);
    border-radius: 12px;
    border: 1px solid var(--border-glass);
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.09);
    overflow: hidden;
    padding: 15px;
    transition: all 0.25s ease;
}

.teamDetailPage .np_reportCard:hover {
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}

/* =========================
   CARD TOP STRIP
========================= */

.teamDetailPage .np_cardTop {
    background: var(--bg-light-blue);
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
}

/* Company */
.teamDetailPage .np_company {
    display: flex;
    gap: 12px;
    align-items: center;
}



/* Company Name */
.teamDetailPage .np_company h4 {
    font-size: 18px;
    font-weight: 700;
    /* BOLD */
    margin: 0;
    color: var(--primary-blue);
    letter-spacing: 0;
}

.teamDetailPage .np_company h5 {
    font-size: 11px;
    font-weight: 500;
    /* BOLD */
    margin: 0;
    color: var(--text-black);
    letter-spacing: 0;
}

/* Sub title */
.teamDetailPage .np_company h4 span {
    font-size: 12px;
    font-weight: 700;
    color: var(--primary-blue);
}

.teamDetailPage .np_company h5 span {
    font-size: 11px;
    font-weight: 700;
}

/* Badge */
.teamDetailPage .np_badge {
    color: var(--text-black);
    padding: 0 0 0 5px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    display: block;
    text-align: end;
    text-transform: uppercase;
}

.teamDetailPage .np_badge:first-child {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-black);
}

/* =========================
   CARD BODY
========================= */

.teamDetailPage .np_reportCard h3 {
    padding-top: 18px;
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    color: var(--dark-blue);
}

.teamDetailPage .np_reportCard p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--dark-blue);
}

/* Bottom */
.teamDetailPage .np_cardBottom {
    margin-top: 18px;
    padding: 20px 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #F5F8FB;
}

/* Price */
.teamDetailPage .np_price {
    font-weight: 600;
    font-size: 13px;
    color: var(--text-black);
}

/* Icon Buttons */
.teamDetailPage .np_actions {
    display: flex;
    gap: 10px;
}

.teamDetailPage .np_iconBtn {
    width: 36px;
    height: 36px;
    background: var(--bg-light-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.teamDetailPage .np_iconBtn:hover {
    background: var(--primary-blue);
    transform: scale(1.05);
}

.teamDetailPage .np_iconBtn svg {
    width: 16px;
    height: 16px;
}

.teamDetailPage .np_iconBtn svg path,
.teamDetailPage .np_iconBtn svg circle {
    stroke: var(--primary-blue);
}

.teamDetailPage .np_iconBtn:hover svg path,
.teamDetailPage .np_iconBtn:hover svg circle {
    stroke: #DBF0FF;
}



.page-msci-report.dreport .np_company {
    justify-content: space-between;
    width: 100%;
}

.page-msci-report.dreport .np_company .np_companyInner {
    display: flex;
    gap: 12px;
    align-items: center;
}

.page-msci-report.dreport .np_company h4 {
    font-size: 18px;
    font-weight: 700;
    /* BOLD */
    margin: 0;
    color: var(--primary-blue);
    letter-spacing: 0;
}

.page-msci-report.dreport .np_company h5 {
    font-size: 11px;
    font-weight: 500;
    /* BOLD */
    margin: 0;
    color: var(--text-black);
    letter-spacing: 0;
}

/* Sub title */
.page-msci-report.dreport .np_company h4 span {
    font-size: 12px;
    font-weight: 700;
    color: var(--primary-blue);
}

.page-msci-report.dreport .np_company h5 span {
    font-size: 11px;
    font-weight: 700;
}

/* .page-msci-report.dreport .np_cardTop {
    flex-direction: row;
} */

/* Badge */
.page-msci-report.dreport .np_badge {
    color: #11AFB6;
    padding: 0 0 0 5px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
    display: block;
    text-align: end;
    text-transform: uppercase;
}

.page-msci-report.dreport .np_badge:first-child {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-black);
}

/* =========================
   CARD BODY
========================= */

.page-msci-report.dreport .np_reportCard h3 {
    padding-top: 18px;
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0;
    color: var(--dark-blue);
}

.page-msci-report.dreport .np_reportCard p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--dark-blue);
}

/* Bottom */
.page-msci-report.dreport .np_cardBottom {
    margin-top: 18px;
    padding: 20px 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #F5F8FB;
}

/* Price */
.page-msci-report.dreport .np_price {
    font-weight: 600;
    font-size: 13px;
    color: var(--text-black);
}



.page-msci-report.preview .np_reportCard {
    padding: 28px 24px;
}

.page-msci-report.preview .np_cardTop {
    flex-direction: column;
    align-items: center;
    gap: 18px;
    background: transparent;
    padding: 0;
}

.page-msci-report.preview .np_badge {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: rgba(31, 68, 123, 0.7);
    width: 100%;
    float: left;
}

.page-msci-report.preview .np_badge:first-child {
    font-size: 16px;
    font-weight: 600;
    color: var(--dark-blue);
}


/* Responsive */
@media (max-width: 1680px) {
    .teamDetailPage .np_company h4 {
        font-size: 16px;
    }

    .teamDetailPage .np_badge {
        font-size: 12px;
    }
}

@media (max-width: 1600px) {
    .teamDetailPage .np_company h4 {
        font-size: 15px;
    }

    .teamDetailPage .np_badge {
        font-size: 11px;
    }
}

@media (max-width: 1536px) {
    .teamDetailPage .np_company h4 {
        font-size: 15px;
    }

    .teamDetailPage .np_badge {
        font-size: 9px;
    }
}

@media (max-width: 1480px) {
    .teamDetailPage .np_cardGrid {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
}

@media (max-width: 1200px) {
    .teamDetailPage .np_cardGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 800px) {
    .teamDetailPage .np_cardGrid {
        grid-template-columns: 1fr;
    }

    .teamMemberCard {
        flex-direction: column;
        align-items: flex-start;
    }

    .memberLeft {
        width: 200px;
        height: 200px;
    }

}

@media (max-width: 600px) {
    .teamSwitch {
        flex-wrap: nowrap;
        overflow: auto;
        justify-content: flex-start;
    }

    .teamBtn {
        white-space: nowrap;
    }

    .teamPageHead h1 {
        font-size: 2.5rem;
        margin-bottom: 1.5rem;
    }

    .memberLeft {
        width: 100%;
        height: 100%;
    }

    .teamMemberCard {
        padding: 1rem;
    }

    .teamDetailPage {
        padding: 6rem 0 0;
    }

    .teamDetailPage .np_cardTop {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .teamDetailPage .np_badge {
        text-align: left;
    }

    .page-msci-report.dreport .np_badge {
        text-align: left;
    }

}

/* =========================================
   COMPANY SEARCH DROPDOWN
========================================= */

.companyDropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 8px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    max-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    z-index: 100;
    pointer-events: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.companyDropdown.active {
    max-height: 300px;
    opacity: 1;
    pointer-events: auto;
}

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

.companyDropdownList li {
    padding: 12px 20px;
    color: #000000;
    font-size: 15px;
    font-family: var(--font-main);
    cursor: pointer;
    transition: all 0.2s ease;
    border-bottom: 1px solid #f0f0f0;
    text-align: left;
}

.companyDropdownList li:last-child {
    border-bottom: none;
}

.companyDropdownList li:hover {
    background: #f5f5f5;
    color: #000000;
}

.companyDropdownList li.noResult {
    text-align: center;
    color: #999999;
    cursor: default;
    padding: 20px;
}

.companyDropdownList li.noResult:hover {
    background: transparent;
    color: #999999;
}

/* Scrollbar styling for dropdown */
.companyDropdown::-webkit-scrollbar {
    width: 6px;
}

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

.companyDropdown::-webkit-scrollbar-thumb {
    background: #d0d0d0;
    border-radius: 3px;
}

.companyDropdown::-webkit-scrollbar-thumb:hover {
    background: #999999;
}

/* Section block utility */
.sectionBlock {
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 40px
}

.sectionBlock.borBtm:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    display: block;
    width: 70%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    pointer-events: none
}

/* device.css - Responsive Styles */
/* ================================= */
/* DESKTOP FIRST APPROACH */
@media screen and (max-width: 1728px){
    .np_onlineCashTsec_rgt{right:13vw;}
}
@media screen and (max-width: 1680px){
    .ac_wrapper{max-width:1500px;}
    .act_wrapper{max-width:1582px;}

    .np_acHeroRgtPdfsList.indv{grid-template-columns:auto}
    .np_onlineCashTsec_lft{margin-left: 80px;}
    .np_onlineCashTsec_rgt{right:15vw;}


}
@media screen and (max-width: 1600px){
    .np_outManagementContOutter {
        margin-right: -20%;
    }
    .np_acHeroRgtTitle.indv h3{font-size:2rem;max-width:600px;}

}
@media screen and (max-width: 1536px){
    .np_outManagement {
        padding-top: 5.3%;
    }
    .np_outManagementContOutter {
        margin-right: -28%;
    }
    .np_onlineCashTsec_lft{
        max-width: 940px;
    }
    .ac_wrapper{max-width:1430px;}
    .act_wrapper{max-width:1475px;}
    .np_acOnlineTrading{padding:5.125rem 0;padding-bottom:0;}
    .np_acOnlineTrading_Lft{padding-bottom: 2.875rem ;}
    .np_acOnlineTrading_Lft{width:100%;max-width:50.25rem;flex:0 0 50.25rem;}
    .np_acDocs{padding:5.875rem 0;}
    .np_acHero_text{margin-bottom:4.375rem;}


    .np_acHero_text h2, .np_acDocs_LftTxt h3, .np_acOnlineTrading_LftTxt h3{font-size:3rem;}
    .np_acHeroRgtTxt p{font-size: 1rem;}
    .np_acHeroRgtTxt{margin-bottom:1.375rem;}
    .np_acHeroRgtTitle h3{font-size:3rem;line-height: 1;}
    .np_acHeroRgtTitle{margin-bottom:1rem;}
    .np_acHeroRgtPdfListItem p{font-size:.875rem;}
    .np_acHeroRgtPdfListItem a, .np_acDocs_LftPdfsListInner a, .np_acOnlineTrading_LftLinksList a h3{font-size:1rem;}
    .np_acDocs, .np_acImpNotice{padding:2.875rem 0;}
    .np_acOnlineTrading{padding:2.875rem 0;padding-bottom:0;}
    .np_acOnlineTrading .act_wrapper{padding-inline: 24px;}
    .np_acOnlineTrading_LftTxt p{font-size:1rem;}
    .np_acDocs_LftTxt h3{margin-bottom: 1rem;}
    .np_acDocs_LftTxt p{font-size: 1rem;}
    .np_acDocs_LftPdfs{margin-top:1rem;}
    .np_acDocs_LftPdfsListItem h3{font-size: 18px;}
    .np_acOnlineTrading_LftUserMan h3{font-size: 1.625rem;}
    .np_acOnlineTrading_LftUserMan h3 span{font-size:.875rem;}
    .np_acDocs_Lft{max-width:60.375rem;flex:0 0 60.375rem;}
    .IndvLink a{padding: 14px 40px;font-size: 1rem;}
    .np_onlineCashTsec_rgt{right:11vw;}


}
@media screen and (max-width: 1480px){
    .np_outManagementContOutter {
        margin-right: -35%;
    }
    .np_outManagementContBox{
        max-width: 900px;
    }
    .np_onlineCashTsec_lft{
        max-width: 840px;
    }
    .ac_wrapper {
        max-width: 1375px;
    }
    .act_wrapper {
        max-width: 1420px;
    }

    .np_acHeroRgtPdfListItem a, .np_acDocs_LftPdfsListInner a, .np_acOnlineTrading_LftLinksList a h3 {
        font-size: .875rem;
    }
    .np_acHeroRgtTxt p, .np_acDocs_LftTxt p, .np_acOnlineTrading_LftTxt p {
        font-size: .875rem;
    }
    .np_acHeroRgtTitle h3 {
        font-size: 2rem;
        line-height: 1;
    }
    .np_acHero_text h2, .np_acDocs_LftTxt h3, .np_acOnlineTrading_LftTxt h3 {
        font-size: 2rem;
    }
    .np_acDocs_LftPdfsListItem h3 {
        font-size: 16px;
    }
    .np_acHeroRgtPdfListItem a, .np_acDocs_LftPdfsListInner a, .np_acOnlineTrading_LftLinksList a{padding: 8px 12px;}
    .np_acOnlineTrading_LftTxt h3{margin-bottom: 24px;}
    .np_acOnlineTrading_LftLinks{margin-top:1rem;}
    .np_acOnlineTrading_LftUserMan{margin-top:1rem;}
    .np_acOnlineTrading_LftUserMan h3{font-size:1.25rem;}
    .np_acImpNotice_inner h3{font-size:1.25rem;margin-bottom: 0.5rem;}
    .np_acImpNotice_points{gap: 5px;}
    .np_acOnlineTrading_Lft{max-width:52.25rem;flex:0 0 52.25rem;}
    .np_acDocs_Lft{max-width:54.375rem;flex:0 0 54.375rem;}
    .np_acOnlineTrading_LftUserMan{margin-top:1.5rem;}
    .np_onlineCashTsec_rgt{right:12vw;}


}
@media screen and (max-width: 1440px){
    .ac_wrapper{max-width:1335px;}
    .act_wrapper{max-width:1380px;}
    .np_acOnlineTrading_Lft{max-width:50.25rem;flex:0 0 50.25rem;}
    .np_acDocs_Lft{max-width:52.375rem;flex:0 0 52.375rem;}

    .np_acImpNotice.indv .tradindFeesBoxExt{padding-left:3.3125rem;margin-left:3.3125rem;max-width: 855px;}
    .np_acHeroRgtTitle.indv p{font-size: .875rem;}
    .np_acHeroRgtPdfs.indv h3{font-size: 1rem;}
    .np_acHeroRgtPdfsList.indv li .np_acHeroRgtPdfsListItem p{font-size: .875rem;}

}
@media screen and (max-width: 1400px){
    .np_outManagementContOutter {
        margin-right: -35%;
    }
    .np_outManagementContBox{
        max-width: 880px;
    }
    .np_onlineCashTsec_lft{
        max-width: 795px;
    }
    .act_wrapper {
        max-width: 1365px;
    }
    .np_acOnlineTrading_Lft {
        padding-bottom: 3.125rem;
    }
    .np_acHero_text {
        margin-bottom: 2.375rem;
    }
    .np_acImpNotice.indv .tradindFeesBoxExtList p{font-size: .875rem;}
    .np_acImpNotice.indv .tradindFeesBoxExtListLink a{padding: 6px 12px;}

    .np_FAQ_text h2{font-size:55px;}


}
@media screen and (max-width: 1366px){
    .np_outManagementContBox {
        max-width: 825px;
    }
    .np_outManagementCont {
        margin: 4.375rem 0;
    }
    .np_onlineCashTsec_lft{
        max-width: 750px;
    }
    .ac_wrapper {
        max-width: 1260px;
    }
    .act_wrapper {
        max-width: 1305px;
    }
    .np_acImpNotice.indv .tradindFeesBoxExt{padding-left:1.3125rem;margin-left:1.3125rem;}
    .np_acImpNotice.indv .tradindFeesBoxExtListLink a{padding: 6px 12px;}

}
@media screen and (max-width: 1280px){
    .np_outManagementContBox{
        padding: 2rem;
    }
    .np_outManagementContBox h1 {
        font-size: 3rem;
        margin-bottom: 10px;
    }
    .np_outManagementContBox h3 {
        font-size: 2rem;
    }
    .np_outManagementContBox h4 {
        font-size: 1rem;
    }
    .np_outManagementContBoxDisc p {
        font-size: 1rem;
    }
    .np_outManagementContBoxDisc p span{
        font-size: 1rem;
    }
    .np_outManagementContBox:not(:last-child) {
        margin-bottom: 3rem;
    }
    .np_outManagementContOutter {
        margin-right: -50%;
    }
    .np_outManagementContBox{
        max-width: 750px;
    }
    .np_stockTable_searchBarInp input{width: 550px;}
    .company-table thead th{font-size:18px;}
    .company-table tbody td{font-size: 16px;}
    .np_stockTable_searchBarInp input,.np_stockTable_searchBarInp input::placeholder{font-size:18px;}
    .np_stockTable_filter h3{font-size:16px;}
    .np_stockTable_filterList a{font-size: 14px;padding: 8px 10px;}
    .np_stockTable_searchBar{padding: 24px;}
}

/* ================================= */
/* TABLET LANDSCAPE & MOBILE (1024px and below) */
/* ================================= */
@media screen and (max-width: 1024px) {
    /* ========= HEADER ========= */
    .np_header {
        padding: 12px 0;
        backdrop-filter: blur(15px);
    }

    .np_header_inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        flex-wrap: nowrap;
    }

    /* Logo */
    .np_logo {
        order: 1;
        flex: 0 0 auto;
    }

    .np_logo img {
        max-width: 180px;
        height: auto;
    }

    /* Mobile Menu Toggle - Activated at 1024px */
    .mobile-menu-toggle {
        display: block ;
        background: transparent;
        border: none;
        width: 30px;
        height: 24px;
        position: relative;
        cursor: pointer;
        order: 3;
        z-index: 1001;
        margin-left: 15px;
        padding: 0;
        float: right;
    }

    .mobile-menu-toggle span {
        display: block;
        width: 100%;
        height: 2px;
        background: var(--text-white);
        position: absolute;
        transition: 0.3s;
        border-radius: 2px;
        left: 0;
        transform-origin: center;
    }

    .mobile-menu-toggle span:nth-child(1) {
        top: 0;
    }

    .mobile-menu-toggle span:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
    }

    .mobile-menu-toggle span:nth-child(3) {
        bottom: 0;
    }

    .mobile-menu-toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(2px,2px);
        top: 0px;
    }

    .mobile-menu-toggle.active span:nth-child(2) {
        opacity: 0;
        transform: translateX(-20px);
    }

    .mobile-menu-toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -6px);
        bottom: 11px;
    }

    /* Hide desktop navigation elements by default */
    .np_navbar:not(.active) {
        display: none;
    }

    /* Keep buttons visible in header */
    .np_navbar_btn {
        display: flex ;
        order: 2;
        margin-left: auto;
        gap: 12px;
    }

    .np_navbar_btn .np__common_button {
        padding: 8px 16px;
        font-size: 14px;
    }

    .np_navbar_btn .np__btLink {
        font-size: 14px;
    }

    /* Mobile Navigation Drawer from Right - Only menu items */
    .np_navbar {
        position: fixed;
        top: 0;
        right: -320px;
        width: 320px;
        height: 100vh;
        background: var(--primary-blue);
        padding: 100px 30px 30px;
        z-index: 1001;
        transition: right 0.3s ease-in-out;
        box-shadow: -5px 0 25px rgba(0, 0, 0, 0.2);
        overflow-y: auto;
    }

    .np_navbar.active {
        right: 0;
    }

    .np_navbar .np_menu_list {
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
        width: 100%;
    }

    .np_navbar .np_menu_list li {
        width: 100%;
    }

    .np_navbar .np_menu_list li a {
        padding: 16px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        font-size: 18px;
        display: block;
        color: var(--text-white);
        transition: all 0.3s ease;
    }

    .np_navbar .np_menu_list li a:hover {
        color: var(--accent-teal);
        padding-left: 10px;
    }

    .np_navbar .np_menu_list li:last-child a {
        border-bottom: none;
    }

    /* Mobile Overlay */
    .mobile-menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 999;
        backdrop-filter: blur(3px);
    }

    .mobile-menu-overlay.active {
        display: block;
    }

    /* Prevent body scroll when menu is open */
    body.js-mobile-menu-open {
        overflow: hidden;
    }

    /* ========= HERO SECTION ========= */
    .np_hero_img {
        height: 100vh;
    }

    .np_hero_text {
        position: absolute;
        top: 35%;
        right: 5%;
        transform: translateY(-50%);
        text-align: right;
    }

    .np_hero_text img {
        max-width: 400px;
        height: auto;
    }

    .np_hero_text_btn {
        float: right;
        margin-top: 20px;
    }

    /* ========= COUNT SECTION ========= */
    .np_count_inner {
        padding: 40px 30px;
        border-radius: 60px;
        gap: 30px;
        flex-wrap: wrap;
    }

    .np_count_box {
        width: calc(50% - 15px);
        gap: 20px;
        justify-content: flex-start;
    }


    .np_count_box span {
        width: 70px;
        height: 70px;
    }

    .np_count_box_text h3 {
        font-size: 32px;
    }

    .np_count_box_text p {
        font-size: 14px;
    }

    /* ========= WHO WE ARE ========= */
    .np_whoWeAre_title h3 {
        font-size: 48px;
    }

    .np_whoWeAre_para p {
        font-size: 16px;
    }

    /* ========= TRADE ONLINE ========= */
    .np_tradeOnline_slides {
        height: 50vh;
    }

    .np_tradeOnline_slide_text h3 {
        font-size: 48px;
    }

    .np_tradeOnline_slide_text p {
        font-size: 16px;
        max-width: 80%;
    }

    .np_tradeOnline_slideImg img {
        max-width: 300px;
    }

    /* ========= PRODUCTS ========= */
    .np_products_list li {
        width: calc(50% - 15px);
        margin-bottom: 30px;
    }

    /* ========= AWARDS ========= */
    .np_awards_slider_inner .slick-slide {
        padding: 0 10px;
    }

    .slick-prev {
        left: -10px !important ;
    }

    .slick-next {
        right: -10px !important;
    }
    .np_awards_slider_inner {
        margin: 0 0px;
    }
    .np_report_card_text h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .np_report_card_text p {
        font-size: 14px;
    }
    .np_report_card_img{
        width: 3rem;
        height: 3rem;
        padding: 5px;
    }
    .np_contactUs_text {
        margin-bottom: 30px;
        padding: 0 1rem;
        line-height: 1;
    }
    .np_navbar{transform:translate(0,0);left: auto;}
    .np_contactUs_btns {
        margin-bottom: 30px;
    }
    .o_wrapper {
        max-width: 1814px;
        padding: 0 24px;
        padding-left: auto;
        margin: 0 auto;
        position: relative;
    }

    .np_outManagementInner{
        flex-direction: column-reverse;
    }
    .np_outManagementContOutter {
        margin-right: 0;
        width: 100%;
    }
    .np_outManagementImg{
        position: relative;
        top: 0;
        height: 100%;
    }
    .np_outManagementImgInner{
        width: 100%;
    }
    .np_outManagementImgInner img{
        width: 100%;
        height: 100%;
    }
    .np_outManagementContBox {
        max-width: 100%;
    }
    .np_outManagement {
        padding-top: 7.3%;
    }

    .np_onlineCashTsec_lft {
        max-width: 550px;
        margin-left: 40px;
    }

    .np_acHero_content{flex-direction: column-reverse;gap: 3rem;}
    .np_acHeroRgtPdfList{justify-content: flex-start;gap: 32px;}
    .np_acHeroLft img{width: 100%;}
    .np_acDocs_inner{flex-direction: column;}
    .np_acDocs_Lft{max-width:100%;flex:0 0 auto;}
    .np_acDocs_Rgt{display: flex;justify-content: center;}
    .np_acOnlineTrading_inner{flex-direction: column;gap: 1.875rem;}
    .np_acOnlineTrading_Lft{padding-bottom:0;max-width:100%;flex:0 0 auto;}
    .np_acOnlineTrading_Rgt{display: flex;justify-content: flex-end;width: 100%;}

    .np_acHero_content.indv .np_acHeroRgt{margin-bottom:0;}
    .np_acHero_content.indv .np_acHeroLft{max-width: 100%;}
    .np_acImpNotice.indv .np_acImpNotice_inner{flex-direction: column;}
    .np_acImpNotice.indv .tradindFeesBoxExt{padding-left:0;margin-left:0;padding-top:1.3125rem;margin-top:1.3125rem;border-left: none;border-top: 1px solid rgba(255, 255, 255, 0.3);max-width: 100%;}
    .np_acImpNotice.indv .tradindFeesBox{max-width: 100%;}
    .np_acImpNotice.indv .tradindFeesBox .tradindFeesBoxInner .np_report_card_img{width:5rem;height:5rem;}

    .np_acHeroLft{max-width:600px;margin-inline:auto;}

    .np_onlineCashTsec_rgt{right: 50%;transform: translateX(50%);}
    .np_onlineCashTsec_lft{max-width:80%;margin-left:0;margin-inline:auto;}
    .np_tradeOnline_slideImg{bottom:-50px;}


}

/* ================================= */
/* TABLET PORTRAIT (820px to 1024px) */
/* ================================= */
@media screen and (max-width: 1024px) and (min-width: 821px) {
    .np_tradeOnline_slides {
        height: 60vh;
    }

    .np_tradeOnline_slide_text h3 {
        font-size: 44px;
    }

    .np_tradeOnline_slide_text p {
        max-width: 85%;
    }
    .np_report_list{
        flex-flow: row wrap;
        gap: 30px;
    }
}

@media screen and (max-width: 1024px){
    .np_stockTable_searchBar{flex-direction: column;gap: 20px;}
    .np_stockTable_searchBarInp{width: 100%;}
    .np_stockTable_searchBarInp input{width: 100%;}
    .np_stockTable_filter{justify-content: flex-start;}
}

/* ================================= */
/* TABLET TO MOBILE TRANSITION (820px and below) */
/* ================================= */
@media screen and (max-width: 820px) {
    /* Base Container Adjustments */
    .h_wrapper,
    .wrapper,
    .m_wrapper,
    .f_wrapper {
        padding: 0 15px;
    }

    /* Typography Adjustments */
    .np_tradeOnline_title h2,
    .np_awards_title h2,
    .np_resReport_text h2,
    .np_FAQ_text h2,
    .np_contactUs_text h2,
    .np_products_title h2,
    .np_whoWeAre_title h3 {
        font-size: 40px;
    }

    .np_tradeOnline_title p,
    .np_awards_title p,
    .np_resReport_text p,
    .np_FAQ_text p,
    .np_contactUs_text p,
    .np_products_title p {
        font-size: 16px;
        line-height: 1.6;
        margin-top: 12px;
    }

    /* ========= HEADER ADJUSTMENTS ========= */
    .np_navbar_btn {
        gap: 8px;
    }

    .np_navbar_btn .np__common_button {
        padding: 6px 12px;
        font-size: 13px;
    }

    .np_navbar_btn .np__btLink {
        font-size: 13px;
    }

    /* ========= HERO SECTION ========= */
    .np_hero_img {
        height: 100vh;
    }

    /* .np_hero_text {
        position: relative;
        margin: 80px auto 0;
        text-align: center;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
        padding: 0 20px;
        transform: none;
    } */

    .np_hero_text img {
        max-width: 350px;
        margin: 0 auto;
    }

    .np_hero_text_btn {
        margin-top: 30px;
    }

    .np_hero_btn {
        display: inline-block;
        padding: 14px 32px;
        font-size: 16px;
    }

    /* ========= COUNT SECTION ========= */
    .np_count {
        position: relative;
        top: auto;
        bottom: auto;
        margin: 40px 0 0;
        padding: 0 15px;
    }

    .np_count_inner {
        border-radius: 40px ;
        padding: 35px 25px ;
        display: flex ;
        flex-flow: row wrap;
        gap: 10px ;
        justify-content: center ;
    }

    .np_count_box {
        width: calc(50% - 12.5px) ;
        flex-direction: column ;
        text-align: center ;
        gap: 15px ;
        margin-bottom: 20px;
    }

    .np_count_box span {
        width: 60px ;
        height: 60px ;
        margin: 0 auto;
    }

    .np_count_box span img {
        width: 30px;
        height: 30px;
    }

    .np_count_box_text h3 {
        font-size: 28px ;
        margin-bottom: 8px ;
    }

    .np_count_box_text p {
        font-size: 14px ;
    }

    /* ========= WHO WE ARE ========= */
    .np_whoWeAre {
        border-radius: 30px;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .np_whoWeAre_title h3 {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .np_whoWeAre_icon svg {
        width: 180px;
        height: auto;
        margin: 0 auto;
    }
    @keyframes dotEntrance{0%{opacity:0;transform:scale(0);}
    60%{transform:scale(1.2);}
    100%{opacity:1;transform:scale(1);}
    }
    [id^="dot"]{opacity:1;transform-origin:center;transform-box:fill-box;}
    .is-visible #dot1,.is-visible #dot9{animation:dotEntrance 0.6s ease forwards 0.1s;}
    .is-visible #dot2,.is-visible #dot6{animation:dotEntrance 0.6s ease forwards 0.3s;}
    .is-visible #dot10,.is-visible #dot13{animation:dotEntrance 0.6s ease forwards 0.5s;}
    .is-visible #dot3,.is-visible #dot7{animation:dotEntrance 0.6s ease forwards 0.7s;}
    .is-visible #dot11,.is-visible #dot14{animation:dotEntrance 0.6s ease forwards 0.9s;}
    .is-visible #dot4,.is-visible #dot8{animation:dotEntrance 0.6s ease forwards 1.1s;}
    .is-visible #dot12,.is-visible #dot15{animation:dotEntrance 0.6s ease forwards 1.3s;}
    .is-visible #dot5{animation:dotEntrance 0.6s ease forwards 1.5s;}

    .np_whoWeAre_para p {
        font-size: 16px;
        line-height: 1.6;
        text-align: center;
    }

    .np_app {
        isolation: isolate;
        padding: 60px 0 61px 0;
    }
    .np_tradeOnline_title {
        margin-bottom: 60px;
    }

    /* ========= TRADE ONLINE ========= */
    .np_tradeOnline_slides {
        height: auto ;
    }

    .np_tradeOnline_slideLists {
        height: auto ;
    }

    .np_tradeOnline_slideLists li {
        position: relative ;
        margin-bottom: 40px;
        height: auto;
        /* min-height: 400px; */
    }
    .np_tradeOnline_slideLists li:last-child{
        margin-bottom: 0;
    }

    .np_tradeOnline_slideItem {
        flex-direction: column ;
        height: auto;
    }

    .np_tradeOnline_slideImg {
        display: none ;
    }

    .np_tradeOnline_slideImg img {
        max-width: 280px;
        height: auto;
        margin: 0 auto;
    }

    .np_tradeOnline_slideContent {
        order: 2;
        max-width: 100% ;
        padding: 30px;
    }

    .np_tradeOnline_slide_text {
        width: 100% ;
        /* text-align: center ; */
    }

    .np_tradeOnline_slide_text h3 {
        font-size: 32px;
        display: flex;
        /* flex-direction: column; */
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
    }

    /* .np_tradeOnline_slide_text h3 span {
        width: 50px;
        height: 50px;
    } */

    .np_tradeOnline_slide_text h3 span svg {
        width: 50px;
        height: 50px;
    }

    .np_tradeOnline_slide_text p {
        max-width: 100% ;
        /* text-align: center ; */
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 25px;
    }

    .np_tradeOnline_slide_btn {
        /* flex-direction: column; */
        /* align-items: center ; */
        gap: 15px;
    }

    .np_tradeOnline_slide_btn a {
        justify-content: center;
        padding: 12px 20px;
    }

    /* Adjust slide orders for mobile */
    .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slideItem {
        flex-direction: column;
    }

    .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slideImg {
        order: 1;
        left: auto;
    }

    .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slideContent {
        order: 2;
    }

    /* ========= PRODUCTS ========= */
    .np_products_list {
        flex-direction: column;
        gap: 20px;
    }

    .np_products_list li {
        width: 100% ;
        margin-bottom: 0;
    }

    .np_products_card {
        padding: 25px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* .np_products_img {
        margin: 0 auto 20px;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
    } */

    .np_products_img svg {
        width: 30px;
        height: 30px;
    }

    .np_products_text {
        width: 100% ;
        text-align: center;
    }

    .np_products_text h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .np_products_text p {
        font-size: 14px;
        line-height: 1.5;
    }

    /* ========= AWARDS ========= */
    .np_awards_slider .slick-prev,
    .np_awards_slider .slick-next {
        display: none ;
    }

    .np_award_card {
        margin: 0 5px;
    }

    /* ========= REPORTS ========= */
    .np_report_list li{
        width: calc(50% - 10px);
    }
    .np_report_list {
        flex-flow: row wrap;
        gap: 20px;
        flex-direction: column;
        align-items: start;
    }

    .np_report_card {
        width: 100%;
    }

    .np_report_card_inner {
        justify-content: flex-start;
        gap: 20px;
    }

    .np_report_card_img {
        width: 70px;
        height: 70px;
        flex-shrink: 0;
    }

    .np_report_card_text h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .np_report_card_text p{
        font-size: 14px;
    }

    /* ========= RESEARCH REPORTS ========= */
    .np_resReport_cards_top {
        gap: 20px;
        align-items: stretch;
    }

    .np_resReport_cards_tabs {
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
    }

    .np_resReport_cards_viewAll {
        text-align: center;
    }

    .np_resReport_cards_viewAll a {
        width: 100%;
        text-align: center;
    }

    .np_resReport_card_list {
        flex-direction: column;
        gap: 30px;
    }
    .np_resReport_card_list li{width: 100%;}

    .np_resReport_card {
        width: 100%;
    }

    .np_resReport_card_img {
        height: 200px;
    }

    /* ========= FAQ ========= */
    .np_FAQ_list_link a {
        font-size: 18px;
        padding: 10px 0;
    }

    .np_FAQ_list_disc h3 {
        font-size: 16px;
    }

    .np_FAQ_list_disc p {
        font-size: 14px;
    }

    /* ========= CONTACT ========= */
    .np_contactUs_inner {
        padding: 40px 0;
        min-height: auto;
    }


    .np_contactUs_bg_slider {
        min-height: auto;
    }

    .np_contactUs_bg_text {
        position: relative ;
        left: auto ;
        right: auto ;
        width: 100% ;
        max-width: 100% ;
        margin: 20px 0;
        opacity: 1 ;
        visibility: visible ;
        transform: none ;
        display: none;
    }

    .np_contactUs_bg_text.active {
        display: block;
        left: 0;
    }


    .np_contactUs_links {
        flex-wrap: wrap;
        justify-content: center;
        padding: 8px;
        gap: 5px;
    }

    .np_contactUs_links li {
        flex: 1;
        min-width: 140px;
        text-align: center;
    }

    .np_contactUs_links li a {
        padding: 12px 15px;
        font-size: 14px;
        width: 100%;
        display: block;
    }

    .np_contactUs_bg_text h3 {
        font-size: 20px;
        /* flex-direction: column; */
        /* align-items: flex-start; */
        gap: 5px;
    }

    .np_contactUs_bg_text h3 span{font-size: 14px;}

    .np_contactUs_bg_text p {
        font-size: 14px;
        line-height: 1.5;
    }

    /* ========= FOOTER ========= */
    .np_footer_mid_inner {
        flex-flow: row wrap;
    }

    .np_footer_links {
        width: calc(50% - 15px);
    }
    .np_footer_links:nth-child(3) {
    width: calc(50% - 15px);
    flex: 0 0 auto;
    }
    .np_footer_links:nth-child(4) {
    width: calc(50% - 15px);
    flex: 0 0 auto;
    }
    .np_footer_links h3{
        margin-bottom: 18px;
    }

    .np_footer_mid_inner > .np_footer_links:last-child {
        margin-bottom: 0;
    }

    .np_footer_link li h4 {
        font-size: 13px;
        line-height: 1.4;
    }

    .np_footer_link li a {
        font-size: 13px;
    }

    .np_footer_social_Link {
        gap: 12px;
    }

    .np_footer_social_Link li a svg {
        width: 36px;
        height: 36px;
    }
    .np_FAQ {
        padding: 30px 0;
    }
    .np_resReport {
        background: var(--bg-light-blue);
        padding: 30px 0;
    }
    .np_awards {
        padding: 30px 0;
    }
    .np_contactUs_text {
        margin-bottom: 30px;
    }
    .np_contactUs_btns{
        margin-bottom: 15px;
    }
    .np_footer{
        padding-top: 30px;
    }
    .np_products_title {
        text-align: center;
        margin-bottom: 30px;
    }
    .np_tradeOnline {
        padding: 30px 0;
        overflow: hidden;
    }
    .np_hero_text{
        top: 33%;
    }
    .np_awards_slider_inner {
        margin: 0;
    }
    .np_app {
        isolation: isolate;
        padding: 30px 0 30px 0;
    }
    .np_outManagement {
        padding-top: 9.3%;
    }

    .np_acDocs_LftPdfsList{
        flex-direction: column;
        gap: 24px;
    }

    .IndvLink a{padding:10px 30px;font-size:14px;}

    .np_acImpNotice.indv .tradindFeesBoxExtListLinks{flex-direction: column;align-items: center;}

    .np_acHero.indv .np_acHero_text{margin-bottom:2rem;}
    .np_acHeroRgtPdfs.indv{padding: 1rem;}

    .np_hero_slider .slick-prev{left:10px !important; width:40px !important;height:40px !important;}
    .np_hero_slider .slick-next{right:10px !important; width:40px !important;height:40px !important;}


}

/* ================================= */
/* MOBILE LANDSCAPE (480px to 820px) */
/* ================================= */
@media screen and (max-width: 820px) and (min-width: 481px) {
    /* Adjust mobile navigation width */
    .np_navbar {
        width: 300px;
    }

    .np_hero_text img {
        max-width: 400px;
    }

    .np_count_box {
        width: calc(50% - 10px);
    }
    .np_award_card {
        margin: 0;
    }
    .np_awards_slider_inner{
        margin: 0;
    }
    .np_contactUs_bg_text_inner{
        margin: 0 10px;
    }
    .np_contactUs_bg_text_frm{
        margin: 20px 10px;
    }
    .np_FAQ_list_content{
        padding: 15px;
    }
    .np_FAQ_list_link a span svg {
        width: 25px;
        height: 25px;
    }
    .np_FAQ_list_link a {
        font-size: 16px;
        padding: 5px 0;
    }
    .np_FAQ_list_content.active .np_FAQ_list_disc{
        margin-top: 10px;
    }
    .np_logo{
        display: none;
    }
    .np_logoMob{
        display: block;
    }

}

/* ================================= */
/* MOBILE PORTRAIT (480px and below) */
/* ================================= */
@media screen and (max-width: 600px) {
    .np_footer_links {
        width: 100%;
    }
    .np_footer_links:nth-child(3) {
        width: 100%;
        flex: 0 0 auto;
    }
    .np_footer_links:nth-child(4) {
        width: 100%;
        flex: 0 0 auto;
    }
    .np_acHeroRgtPdfList{
        flex-direction: column;
        gap: 16px;
    }
    .np_acHero_text {
        margin-bottom: 1.375rem;
    }
    .np_acHeroRgtTitle.indv h3{font-size:1.5rem;max-width:600px;}

    .np_acImpNotice.indv .tradindFeesBox h3{font-size: 1.25rem;}
    .np_acImpNotice.indv .tradindFeesBoxExt h3{font-size: 1.25rem;}
    .np_acImpNotice.indv .tradindFeesBoxExtList p{margin-bottom: 1rem;}
    .np_stockTable_filterList{width: 100%;overflow-x: auto;}
    .np_stockTable_filterList > li{width: 33.333%;text-align: center;white-space: nowrap;}
}
@media screen and (max-width: 480px) {
    /* Further Typography Adjustments */
    .np_tradeOnline_title h2,
    .np_awards_title h2,
    .np_resReport_text h2,
    .np_FAQ_text h2,
    .np_contactUs_text h2,
    .np_products_title h2,
    .np_whoWeAre_title h3 {
        font-size: 28px;
    }

    .np_tradeOnline_title p,
    .np_awards_title p,
    .np_resReport_text p,
    .np_FAQ_text p,
    .np_contactUs_text p,
    .np_products_title p {
        font-size: 15px;
    }
    .sv_accountCreationRightFormBtns{
        flex-direction: column;
    }

    /* ========= HEADER ========= */
    .np_logo img {
        max-width: 160px;
    }

    /* Adjust header buttons for very small screens */
    .np_navbar_btn {
        gap: 6px;
    }

    .np_navbar_btn .np__common_button {
        padding: 5px 10px;
        font-size: 12px;
    }

    .np_navbar_btn .np__common_button img {
        width: 16px;
        height: 16px;
    }

    .np_navbar_btn .np__btLink {
        font-size: 12px;
    }

    .mobile-menu-toggle {
        margin-left: 10px;
        width: 28px;
        height: 22px;
    }

    /* ========= HERO SECTION ========= */
    .np_hero_img {
        height: 100vh;
    }

    .np_hero_text img {
        max-width: 280px;
    }
    .np_hero_text{
        top: 15%;
    }

    .np_hero_btn {
        padding: 12px 28px;
        font-size: 16px;
    }

    /* ========= COUNT SECTION ========= */
    .np_count_box {
        width: 100% ;
    }

    .np_count_inner {
        gap: 20px;
    }

    /* ========= WHO WE ARE ========= */
    .np_whoWeAre {
        padding: 50px 0;
    }

    .np_whoWeAre_title h3 {
        font-size: 28px;
    }

    .np_whoWeAre_para p {
        font-size: 15px;
    }

    /* ========= TRADE ONLINE ========= */
    .np_tradeOnline_slide_text h3 {
        font-size: 28px;
    }

    .np_tradeOnline_slide_text h3 span {
        width: 40px;
        height: 40px;
    }

    .np_tradeOnline_slide_text h3 span svg {
        width: 40px;
        height: 40px;
    }

    .np_tradeOnline_slideContent {
        padding: 25px;
    }

    .np_tradeOnline_slide_text p {
        font-size: 15px;
    }

    /* ========= PRODUCTS ========= */
    .np_products_text h3 {
        font-size: 20px;
    }

    /* ========= MOBILE MENU ========= */
    .np_navbar {
        width: 280px;
        padding: 90px 25px 25px;
    }

    .np_navbar .np_menu_list li a {
        font-size: 17px;
        padding: 14px 0;
    }

    /* ========= CONTACT ========= */
    /* .np_contactUs_links li {
        flex: 1 0 100%;
        margin-bottom: 5px;
    } */

    .np_contactUs_links li:last-child {
        margin-bottom: 0;
    }

    .np_contactUs_links li a {
        padding: 12px;
        font-size: 15px;
    }
    .np_logo{
        display: none;
    }
    .np_logoMob{
        display: block;
    }
    .np_report_list{
        flex-direction: column;
    }
    .np_report_list li {
        width:100%;
    }

    .np_report_card_img {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
    }
    .np_report_card_img svg{
        width: 25px;
        height: 25px;
    }
        .np_report_card_text h3 {
        font-size: 20px;
        margin-bottom:8px;
    }
    .np_resReport_cards_top{
        flex-direction: column;
    }
    .np_FAQ_list_content{
        padding: 10px;
        border-radius: 10px;
    }
    .np_FAQ_list_link a span{
        width: 30px;
        height: 30px;
    }
    .np_FAQ_list_link a span svg{
        width: 30px;
        height: 30px;
    }
    .np_FAQ_list_link a {
        font-size: 18px;
        padding: 5px 0;
    }
    .np_footer_top{
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .np_footer_links h3{
        margin-bottom: 20px;
    }
    .np_footer_link li:not(:last-child) {
        margin-bottom: 10px;
    }
    .np_footer_links{
        margin-bottom: 0;
    }
    .np_whoWeAre_icon svg {
        width: 100px;
        height: auto;
        margin: 0 auto;
    }
    .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slide_btn{
        flex-direction: column;
        align-items: flex-end;
    }
        .mobile-menu-toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(0px, 0px);
        top: 0px;
    }
    .np_contactUs_bg_text_frm ul li{
        width: 100%;
    }
    .np_contactUs_bg_text_frm .row.bottom{
        flex-direction: column;
    }
    .np_contactUs_bg_text_frm .row.bottom .captcha{
        width: 100%;
    }
    .np_contactUs_bg_text_frm .row.bottom button{
        width: 100%;
    }
    .np_contactUs_bg_text_inner{
        margin: 0 10px;
    }
    .np_contactUs_bg_text_frm{
        margin: 20px 10px;
    }
    .np_outManagement {
        padding-top: 17.3%;
    }
    .np_outManagementCont {
        margin: 2.375rem 0;
    }
    .np_outManagementContBox h1 {
        font-size: 2rem;
        margin-bottom: 10px;
    }
    .np_outManagementContBox h3 {
        font-size: 1.5rem;
    }
    .np_outManagementContBox h4 {
        font-size: .8rem;
    }
    .np_outManagementContBoxDisc p {
        font-size: .8rem;
    }
    .np_outManagementContBoxDisc p span{
        font-size: .8rem;
    }

    .np_onlineCashTsec_rgt{
        max-width: 90%;
        padding: 25px;
        top: 130px;
    }
    .np_onlineCashTsec_rgt h3 {
        font-size: 14px;
    }
    .np_onlineCashTsec_rgt p {
        font-size: 18px;
    }
    .np_onlineCashTsec_rgtForm {
        margin-top: 25px;
    }
    .np_onlineCashTsec_rgtForm_list, .np_onlineCashTsec_rgtForm_item input{width: 100%;}
    /* .np_onlineCashTsec_rgtForm_item input{
        width: 300px;
    } */
    .np_loginBtn{
        margin-top: 24px;
    }
    .np_stockTable_searchBar{padding:20px;}
    .np_stockTable_searchBarInp input{font-size:14px;padding:12px 20px;padding-left:35px;}
    .np_stockTable_searchBarInp input::placeholder{font-size:14px;}
    .np_stockTable_searchBarInpIcon{left:12px;width:15px;}

    .np_stockTable_filter{
        flex-direction: column;
        align-items: flex-start;
    }
    .np_acOnlineTrading_LftLinksList{
        flex-direction: column;
        gap: 16px;
    }
    .np_acOnlineTrading_LftUserMan .np_acDocs_LftPdfsListInner{
        flex-direction: column;
        gap: 16px;
    }
    .np_acOnlineTrading_LftTxt h3 {
        margin-bottom: 18px;
    }

    .np_acImpNotice.indv .tradindFeesBoxExtLists{
        flex-direction: column;
    }


    /* Hero slider */
    .np_hero_slider{height: 100vh;}
    .np_hero_text {top: 33%;}
    .np_hero_slider .slick-prev {
        width: 40px !important;
        height: 40px !important;
    }

    .np_hero_slider .slick-next {
        width: 40px !important;
        height: 40px !important;
    }
}

/* ================================= */
/* EXTRA SMALL MOBILE (360px and below) */
/* ================================= */
@media screen and (max-width: 360px) {
    .np_logo img {
        max-width: 140px;
    }

    /* Hide some buttons on very small screens */
    /* .np_navbar_btn .np__common_button:nth-child(3),
    .np_navbar_btn .np__btLink {
        display: none;
    } */

    .np_navbar_btn {
        gap: 4px;
    }

    .np_navbar_btn .np__common_button {
        padding: 4px 8px;
        font-size: 11px;
    }

    .mobile-menu-toggle {
        width: 26px;
        height: 20px;
        margin-left: 8px;
    }

    .np_navbar {
        width: 260px;
        padding: 80px 20px 20px;
    }

    .np_hero_text img {
        max-width: 220px;
    }

    .np_tradeOnline_slide_text h3 {
        font-size: 24px;
    }

    .np_tradeOnline_slide_text h3 span {
        width: 35px;
        height: 35px;
    }

    .np_tradeOnline_slide_text h3 span svg {
        width: 35px;
        height: 35px;
    }
    .mobile-menu-toggle.active span:nth-child(3){
        transform: rotate(-45deg) translate(5px, -5px);
        bottom: 11px;
    }
    .np_outManagement {
        padding-top: 20.3%;
    }
}

@media screen and (max-height:1000px) {
    .careerRightBox.careerDetFormBox .sv_accountCreationRightFormBox {
        max-height: 100%;
        overscroll-behavior: inherit;
        margin-top: 0;
    }

    .sv_accountCreationRightFormBox {
        max-height: 60dvh;
    }
}

@media screen and (max-width:1728px) {
    .equity_wrapp {
        max-width: 1628px;
        width: 100%;
        margin: auto;
    }

    .ps_equityImg {
        max-width: 39%;
        width: 100%;
    }

    .ps_EquityText {
        max-width: 58%;
        width: 100%;
    }

    .resTeamCardItem {
        max-width: 815px;
        padding: 1.8em;
    }
}

@media screen and (max-width:1680px) {
    .ps_equityHero {
        padding: 4.5em 0 4em;
    }

    .equity_wrapp {
        max-width: 1550px;
        width: 100%;
        margin: auto;
    }

    .ps_equityImg {
        max-width: 39%;
        width: 100%;
    }

    .ps_EquityText {
        max-width: 58%;
        width: 100%;
    }

    .resTeamCardItem {
        max-width: 795px;
    }

    .resTeamMemOptBox>li {
        padding: 6px 10px;
    }

    .resTeamInfoHead>p {
        margin-bottom: 10px;
    }

    .resTeamMemInfo li span:nth-child(2) {
        font-size: 12px;
    }

    .resTeamInfo>p {
        font-size: 12px;
    }

    .resTeamMemOptBox>li {
        font-size: 12px;
    }

    .manegeTextBox {
        bottom: -70%;
    }
}

@media screen and (max-width:1600px) {
    .careerDetLeft {
        max-width: 73px;
        top: 135px;
    }

    .careerDetRight {
        max-width: 73px;
        top: 637px;
        right: 0;
    }

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

    .resTeamCardItem {
        max-width: 762px;
    }

    .resTeamImg {
        max-width: 45%;
    }

    .resTeamInfo {
        max-width: 50%;
    }
}

@media screen and (max-width:1540px) {
    :root {
        --fs-title-sub: 20px;
    }

    .m_wrapper {
        max-width: 1195px;
    }

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

    .careerDetRight {
        max-width: 69px;
        top: 637px;
        right: 0;
    }

    .equity_wrapp {
        max-width: 1470px;
        width: 100%;
        margin: auto;
    }

    .ps_equityInfoBox {
        margin-top: 0;
        flex-wrap: wrap;
        align-items: center;
    }

    .ps_equityImg {
        max-width: 40%;
        width: 100%;
    }

    .ps_EquityText {
        max-width: 55%;
        width: 100%;
        padding-bottom: 20px;
    }

    .ps_equiResTops li {
        padding: 1em;
    }

    .resTeamCardItem {
        max-width: 725px;
    }

    .resTeamImg {
        max-width: 40%;
    }

    .resTeamInfo {
        max-width: 60%;
    }
}

@media screen and (max-width:1500px) {
    .resTeamCardItem {
        max-width: 680px;
    }

    .manegeTextBox {
        bottom: -65%;
    }
}

@media screen and (max-width:1440px) {
    :root {
        --fs-title-sub: 20px;
    }

    .ps_careerImg,
    .ps_careerText {
        max-width: 48%;
    }

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

    .careerDetLeft {
        max-width: 68px;
        top: 135px;
    }

    .careerDetRight {
        max-width: 68px;
        top: 637px;
        right: 0;
    }

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

    .ps_equityImg {
        max-width: 35%;
        width: 100%;
    }

    .ps_EquityText {
        max-width: 60%;
        width: 100%;
        padding-bottom: 20px;
    }

    .resTeamCardItem {
        max-width: 678px;
        row-gap: 2.12em;
    }

    .resTeamImg {
        max-width: 38%;
    }

    .ps_faqPage .leftSideRound,
    .ps_faqPage .rightSideRound {
        max-width: 90px;
        width: 100%;
    }

    .np_tradeOnline_slide_text p {
        max-width: 75%;
    }

    .manegeTextBox {
        bottom: -70%;
    }
}

@media screen and (max-width:1400px) {
    .sv_accountCreationLeft {
        max-width: 200px;
    }

    .jobDeskHead h3 {
        line-height: 40px;
    }

    .jobDeskBtn a {
        width: 40px;
        height: 40px;
    }

    .ourManegeCardWrapp {
        gap: 35px;
    }

    .ourManegeCardWrapp li {
        height: 600px;
    }

    .ourManegeCardWrapp li.activeCard {
        flex: 1.4;
    }

    .manegeTextBox>div>h4 {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .resTeamCardItem {
        max-width: 650px;
        row-gap: 2.12em;
    }

    .manegeTextBox {
        bottom: -75%;
    }
}

@media screen and (max-width:1366px) {
    :root {
        --fs-title: 55px;
    }

    .psAboutHero {
        min-height: 630px;
    }

    .abHeroText h1 {
        margin-bottom: 56px;
    }

    .psVisMissMore {
        padding: 125px 0;
    }

    .leftSideRound {
        max-width: 80px;
        top: 120px;
    }

    .rightSideRound {
        max-width: 100px;
        top: 420px;
    }

    .psVisionMissionText {
        padding: 60px 80px;
    }

    .psVisMisHEad h3 {
        font-size: 170px;
    }

    .careerDetLeft {
        max-width: 78px;
        top: 92px;
    }

    .careerDetRight {
        max-width: 78px;
        top: 637px;
        right: 0;
    }

    .res_wrapp {
        max-width: 1200px;
    }

    .resTeamCardItem {
        max-width: 560px;
        justify-content: space-between;
        flex-direction: column;
    }

    .resTeamImg {
        max-width: 100%;
    }

    .resTeamInfo {
        max-width: 100%;
    }

    ul.resTeamMemInfo {
        gap: 15px;
        justify-content: start;
    }

    ul.resTeamMemInfo li {
        max-width: max-content;
    }

    .ps_commonHead * {
        line-height: 65px;
    }

    .ourManegeCardWrapp li {
        height: 640px;
    }

    .manegeTextBox {
        bottom: -75%;
    }

    .activeOver {
        bottom: 0;
    }

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

    .notFoundHero .np_acHeroRgtTitle h3 {
        font-size: 26px;
        line-height: 19px;
    }

    .notFoundHero .np_acHeroRgtTitle p {
        margin-bottom: 18px;
    }
}

@media screen and (max-width:1300px) {
    .vResearchCnt .np_monthCard {
        max-width: calc(50% - 12px);
    }
}

@media screen and (max-width:1280px) {
    :root {
        --fs-title: 45px;
    }

    .psAboutHero {
        min-height: 610px;
    }

    .psVisMisHEad h3 {
        font-size: 145px;
    }

    .psAboutImg {
        max-width: 40%;
    }

    .ps_careerImgText {
        align-items: end;
    }

    .ps_careerImg,
    .ps_careerText {
        max-width: 47%;
    }

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

    .ps_jobDeskBox>ul li {
        padding: 45px 20px;
    }

    .careerDetLeft {
        max-width: 78px;
        top: 255px;
    }

    .careerDetRight {
        max-width: 78px;
        top: 637px;
        right: 0;
    }

    .careerInfoBox {
        flex-direction: column;
        gap: 30px;
    }

    .careerRightBox {
        max-width: 100%;
        padding-left: 0px;
    }

    .careerRightBox>ul {
        padding-left: 20px;
    }

    .careerRightBox.careerDetFormBox .sv_accountCreationRightFormBox {
        max-height: 100%;
        overscroll-behavior: inherit;
    }

    .sv_accountCreationRightFormFields.col-50,
    .sv_accountCreationRightFormData.col-50 {
        width: 100%;
    }

    .ps_faqPage .leftSideRound {
        max-width: 70px;
        width: 100%;
    }

    .ps_faqPage .rightSideRound {
        max-width: 70px;
        width: 100%;
        top: 40%;
    }

    .ps_commonHead * {
        line-height: 55px;
    }

    .ourManegeCardWrapp li {
        height: 620px;
    }

    .manegeTextInfo>p {
        margin-bottom: 10px;
    }

    .manegeTextInfo>p {
        line-height: 26px;
    }

    .sv_accountCreationLeftListingStepsTxtTitle {
        font-size: calc(var(--fs-body-sub) - 2px);
    }

    .sv_accountCreationLeftListingStepsTxtDesc {
        font-size: calc(var(--fs-small) - 3px);
    }

    .sv_accountCreationLeftListingStepsCount span {
        width: 15px;
        height: 15px;
        font-size: calc(var(--fs-small) - 2px);
    }

    .sv_accountCreationLeftListingStepsTxtTitle {
        margin-top: 4.5px;
    }
}

@media screen and (max-width:1130px) {
    :root {
        --fs-title-sub: 22px;
        --fs-sub-txt: 19px;
        --fs-body: 16px;
        --fs-body-txt: 15px;
        --fs-body-sub: 13px;
        --fs-small: 11px;
    }

    .sv_signUpBox {
        padding: 1.5em
    }

    .sv_siteLogo img {
        max-width: 220px;
    }

    .psVisionMissionText>ul>li {
        flex-direction: column;
    }

    .psVision>.psVisMisDesc p {
        bottom: 0px;
    }

    .psAboutInfo {
        flex-direction: column;
    }

    .psAboutImg {
        margin: 0 auto;
        margin-top: 2rem;
    }

    .sv_accountCreationRightFormFields .ibanV {
        top: 18px;
    }

    .relativeAddNRemove {
        flex-flow: row wrap;
    }

    .ps_commonHead * {
        font-size: 3rem;
    }

    .ps_commonHead * {
        font-size: 3rem;
    }

    .sv_accountCreationRightFormNote .sv_accountCreationRightFormFields {
        width: 130%;
    }

    .finalPolicyModel .modal-content {
        padding: 22px 32px;
    }

    .newAddRemoveBtn {
        margin-top: 12px;
        width: 16%;
    }

    .signPrivacy {
        padding: 0 1em;
    }

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

@media screen and (max-width:1024px) {
    :root {
        --fs-title: 35px;
    }

    .schedDropHead {
        margin-bottom: 1.5em;
    }

    .schedDropHead h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .cardHead {
        margin-bottom: 1em;
    }

    .cardHead h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .ourManegeCardWrapp {
        flex-wrap: wrap;
        gap: 40px 4%;
    }

    .ourManegeCardWrapp li {
        max-width: 48%;
        width: 100%;
        height: max-content;
        flex: none;
    }

    .ourManegeCardWrapp li.activeCard {
        flex: none;
    }

    .manegeTextBox {
        bottom: -78%;
    }

    .manegeTextBox>div>h4 {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .manegeTextBox {
        padding: 2em;
    }

    .activeOver {
        bottom: 0;
    }

    .detaArrowBtn {
        width: 40px;
        height: 40px;
    }

    .resTeamCardItem {
        max-width: 100%;
        justify-content: space-between;
        flex-direction: row;
    }

    .discSocialMedia ul li {
        width: calc(33.3% - 16px);
    }

    .ps_equityInfoBox {
        flex-direction: column-reverse;
    }

    .ps_EquityText {
        max-width: 100%;
        padding-bottom: 40px;
    }

    .ps_equityImg {
        max-width: 500px;
    }

    .ps_equityHero {
        padding-bottom: 0;
    }

    .notFoundHero .np_acHeroRgtTitle .np_acHero_text {
        margin-bottom: 15px;
    }

    .notFoundHero .np_acHeroRgtTitle h3 {
        font-size: 26px;
        margin-bottom: 15px;
    }

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

    .researchLogBox .np_onlineCashTsec_lft {
        max-width: 100%;
        margin: 0 30px;
    }

    .not_foundHero .np_acHero_content.indv .np_acHeroLft {
        max-width: 60%;
    }
}

@media screen and (max-width:992px) {
    .sv_signUpBox {
        margin-left: 0;
    }

    .sv_accountCreationStepsSelection {
        flex-flow: row wrap;
    }

    .sv_accountCreationRightFormFields.col-50,
    .sv_accountCreationRightFormData.col-50 {
        width: 100%;
    }

    .sv_accountCreationRightFormSec:not(:last-child, :nth-last-child(2)) {
        padding-bottom: 1.5em;
        margin-bottom: 1.5em;
    }

    .sv_accountCreationRightFormBox,
    .sv_accountCreationRightFormDataSec {
        margin-top: 1em;
    }

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

    .sv_accountCreationRight {
        padding-inline: 1.3em;
    }

    .flatpickr-calendar.open {
        width: 60%;
    }

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

    .policyInfo:has(.sv_arbicSwitch) {
        flex-direction: column-reverse;
    }

    .sv_arbicSwitch {
        margin-bottom: 1em;
        text-align: right;
    }

    .vResearchCnt .np_monthCard {
        max-width: 100%;
    }

    .conformation .sv_accountCreationStepsSelectionTNCCheck:has(.sv_accountCreationRightFormFields) {
        flex-flow: row wrap;
    }

    .sv_accountCreationRightFormNote .sv_accountCreationRightFormFields {
        width: 100%;
        margin-top: 1em;
    }
}

@media screen and (max-width:820px) {
    :root {
        --fs-title-sub: 18px;
        --fs-sub-txt: 17px;
    }

    .psAboutHero {
        min-height: 50dvh;
    }

    .abHeroBannBox {
        bottom: -170px;
    }

    .abHeroText h1 {
        margin-bottom: 28px;
        padding-left: 50px;
        font-size: 32px;
    }

    .abHeroContent {
        padding: 50px;
    }

    .abHeroContent h2 {
        font-size: 40px;
        margin-bottom: 25px;
    }

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

    .psVisMissMore {
        padding-top: 170px;
    }

    .psVisionMissionText {
        padding: 50px;
    }

    .leftSideRound {
        max-width: 60px;
    }

    .rightSideRound {
        max-width: 60px;
        top: 420px;
    }

    .psVisMisHEad h3 {
        font-size: 95px;
    }

    .psVisionMissionText>ul>li {
        align-items: center;
    }

    .psVisMisDesc p {
        font-size: 18px;
        line-height: 28px;
    }

    .psVision>.psVisMisDesc p {
        bottom: 0 !important;
    }

    .psVision>.psVisMisDesc p {
        padding-right: 0;
    }

    .psAboutPowCom {
        padding: 50px;
    }

    .psAboutPowCom h3 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 30px;
        max-width: 530px;
    }

    .psAboutInfo {
        align-items: start;
    }

    .ps_careerHead {
        padding: 30px 0;
    }

    .ps_careerHead * {
        line-height: 75px;
    }

    .ps_careerImgText {
        align-items: center;
        flex-direction: column;
        gap: 50px;
    }

    .ps_careerImg,
    .ps_careerText {
        max-width: 100%;
    }

    .ps_careerText h2 {
        font-size: 35px;
        line-height: 50px;
        margin-bottom: 15px;
    }

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

    .ps_boxFilterWrapp {
        top: 70px;
    }

    .ps_jobFilterBox>ul li.filterActive a,
    .ps_jobFilterBox>ul li a {
        padding: 6px 12px;
    }

    .ps_jobDeskBox>ul li {
        padding: 40px 24px;
    }

    .jobDeskHead h3 {
        font-size: 30px;
    }

    .careerLeftBox {
        max-width: 100%;
    }

    .careerRightBox {
        max-width: 100%;
    }

    .careerDetailHead .careerLeftBox * {
        line-height: 56px;
    }

    .careerLeftBox h2 {
        font-size: 24px;
    }

    .careerDetLeft {
        max-width: 76px;
        top: 260px;
    }

    .careerDetRight {
        max-width: 76px;
        top: 637px;
        right: 0;
    }

    .newAddRemoveBtn {
        width: max-content;
        justify-content: start;
    }

    .ps_equityInfoBox {
        gap: 40px;
        margin-top: 0;
    }

    .ps_commonHead {
        padding: 1.9em 0;
    }

    .ps_EquityText {
        max-width: 100%;
        padding-bottom: 20px;
    }

    .resTeamImg {
        max-width: 45%;
    }

    .resTeamInfo {
        max-width: 50%;
    }

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

    ul.resTeamMemInfo li {
        max-width: 47%;
    }

    .ps_faqPage,
    .ps_privPolicy {
        padding: 4.5em 0 4em
    }

    .ps_commonHead>p {
        margin-top: 0;
    }

    .discSocialMedia ul {
        gap: 0;
        row-gap: 20px;
    }

    .discSocialMedia ul li {
        width: 50%;
    }

    .socialIcon {
        padding: 16px;
    }

    .ps_commonHead>p {
        line-height: 24px;
        margin-top: 10px;
    }

    .psSchedFeeSec .bottomBg {
        top: 72px;
    }

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

    .feeSchedCards {
        gap: 4%;
        row-gap: 35px;
    }

    .feeSchedCards li {
        max-width: 48%;
    }

    .schedFeeContent.active {
        padding: 0;
    }

    .schedFeeContent.active .schedFeeDropbtn a {
        padding: 20px 10px;
    }

    .flatpickr-calendar.open {
        width: 90%;
    }

    .manegeTextBox {
        bottom: -75%;
        padding: 1.3em;
    }

    .activeOver {
        bottom: 0;
    }

    .ourManegeCardWrapp {
        flex-wrap: wrap;
        gap: 20px 2%;
    }

    .manegeTextBox>div>h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .manegeTextInfo>p {
        line-height: 23px;
        font-size: 15px;
    }

    .detaArrowBtn {
        width: 30px;
        height: 30px;
        top: 15px;
    }

    .detaArrowBtn svg {
        width: 10px;
    }

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

    .ps_equiResTops li {
        padding: 12px;
        border-radius: 14px;
    }

    .ps_equiResTops li::before {
        border-radius: 14px;
    }

    .signPrivacyBox {
        padding-top: 4em;
    }

    .notFoundHero .np_acHeroRgtTitle h3 {
        font-size: 24px;
    }

    .notFoundHero .np_acHeroRgtTitle .np_acHero_text {
        margin-bottom: 15px;
    }

    .notFoundHero .np_acHeroRgtTitle h3 {
        margin-bottom: 15px;
    }

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

@media screen and (max-width:800px) {
    .manegeTextInfo>p {
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .retailIpoBlock {
        padding: 14px;
    }
}

@media screen and (max-width:768px) {
    .abHeroBannBox {
        bottom: -210px;
    }

    .psVisMissMore {
        padding-top: 210px;
    }

    .psVisionMissionText>ul>li {
        align-items: center;
    }

    .psVision>.psVisMisDesc p {
        bottom: 0 !important;
    }

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

    .ps_equiResTops {
        flex-wrap: wrap;
        gap: 2em 1.4em;
    }

    .ps_equiResTops li {
        max-width: 48%;
        padding: 2em;
    }

    .ps_jobFilterBox>ul li a {
        line-height: 20px;
    }

    .feeSchedCards {
        gap: 4%;
        row-gap: 30px;
    }

    .feeSchedCards li {
        max-width: 48%;
    }

    .psReasearchTeam {
        margin-top: 2.3em;
    }

    .ourManegeCardWrapp {
        gap: 20px 4%;
    }

    .ourManegeCardWrapp li {
        max-width: 46%;
    }

    .manegeCardInfo,
    .manegeImgBOx {
        border-radius: 16px;
    }

    .manegeTextBox {
        padding: 13px;
    }

    ul.resTeamMemInfo li {
        max-width: 100%;
    }

    ul.resTeamMemInfo {
        gap: 10px;
    }

    .researchLogBox .np_onlineCashTsec_rgt {
        top: 120px;
    }
}

@media screen and (max-width:610px) {
    :root {
        --fs-title: 35px;
        --fs-title-sub: 16px;
        --fs-sub-txt: 16px;
        --fs-body: 14px;
        --fs-body-txt: 13px;
        --fs-body-sub: 12px;
        --fs-small: 10px;
    }

    .sv_signUpBox {
        padding: 1em;
    }

    .sv_accountCreationBox {
        flex-direction: column;
    }

    .sv_accountCreationLeft {
        max-width: 100%;
        position: relative;
        top: 0;
    }

    .sv_accountCreationRight {
        padding-inline: 1em;
    }

    .sv_selectionDocsList ul.flexDisplay>li {
        width: 100%;
    }

    .sv_accountCreationRightFormFields>select {
        background-size: 14px;
    }

    .sv_accountCreationRightFormImgBg3 {
        width: 27rem;
        height: 17rem;
    }

    .sv_accountCreationRightFormDoc {
        margin-top: 1.25rem;
    }

    .psAboutHero {
        min-height: 65dvh;
    }

    .abHeroContent {
        padding: 40px;
    }

    .abHeroContent h2 {
        font-size: 35px;
    }

    .psVisionMissionText {
        padding: 40px;
    }

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

    li.psVision {
        flex-direction: column;
    }

    .psVision>.psVisMisDesc p {
        bottom: 0 !important;
    }

    .psAboutPowCom {
        padding: 40px;
    }

    .psAboutPowCom h3 {
        font-size: 35px;
    }

    .careerInfoBox {
        gap: 10px;
    }

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

    .sv_accountCreationRightFormSec ul.flexDisplay,
    .sv_accountCreationRightFormDataSec ul.flexDisplay {
        gap: 1em;
    }

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

    .psAboutInfo {
        flex-direction: column;
    }

    .psAboutImg {
        max-width: 100%;
        margin-left: 0;
        margin-top: 30px;
        padding: 20px 60px
    }

    .ps_careerHead {
        padding: 20px 0;
    }

    .ps_careerText h2 {
        font-size: 28px;
        line-height: 44px;
    }

    .ps_careerImgText {
        gap: 35px;
    }

    .ps_jobFilterBox {
        padding: 30px 24px;
    }

    .ps_jobDeskBox>ul li {
        padding: 30px 24px;
    }

    .jobDeskHead h3 {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .dateTimeLoc p svg {
        width: 14px;
    }

    .jobDeskBtn a {
        width: 40px;
        height: 40px;
    }

    .jobDeskBtn a svg {
        width: 18px;
    }

    .careerDetailHead {
        flex-wrap: wrap;
        gap: 10px;
    }

    .careerDetailHead .careerLeftBox {
        max-width: 100%;
    }

    .careerDetailHead .careerRightBox {
        max-width: 100%;
    }

    .careerDetailHead .careerRightBox .carDetBox {
        gap: 6px 12px;
    }

    .careerDetailHead .careerRightBox .carDetBox p span:nth-child(2) {
        line-height: 25px;
    }

    .careerDetLeft {
        max-width: 60px;
        top: 100px;
    }

    .careerDetRight {
        max-width: 60px;
        top: 637px;
        right: 0;
    }

    .careerLeftBox h2 {
        font-size: 20px;
        margin-top: 0;
    }

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

    .careerRightBox {
        padding-left: 0;
    }

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

    .flatpickr-calendar.open {
        width: 100%;
        padding: 10px 6px;
    }

    .flatpickr-months .flatpickr-prev-month,
    .flatpickr-months .flatpickr-next-month {
        height: 30px;
        width: 30px;
    }

    .flatpickr-current-month {
        display: flex;
    }

    .flatpickr-current-month {
        font-size: 100%;
    }

    .flatpickr-current-month input {
        margin-top: 0.2em;
    }

    .flatpickr-day {
        font-size: 14px;
        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: 30px;
    }

    .flatpickr-days {
        overflow-x: auto;
    }

    span.flatpickr-weekday {
        font-size: 12px;
    }

    .ps_commonHead {
        padding: 1.3em 0;
        line-height: 70;
    }

    .ps_equiResTops li {
        max-width: 47%;
        padding: 2em;
    }

    .resTeamCardItem {
        flex-wrap: wrap;
    }

    .resTeamImg,
    .resTeamInfo {
        max-width: 100%;
    }

    .policyInfo {
        padding: 14px;
    }

    .policyInfo>h5 {
        line-height: 16px;
    }

    .disclaimInfoBox ul li:first-child {
        padding-bottom: 1.8em;
    }

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

    .socialIcon {
        width: 45px;
        height: 45px;
        padding: 14px;
    }

    .discSocialMedia {
        padding: 2em;
    }

    .psFeeContainer {
        padding: 1.5em;
        margin-top: 1.5em;
    }

    .psFeeArrows span svg {
        width: 6px;
    }

    .schedDropHead h2 {
        font-size: 25px;
        line-height: 32px;
    }

    .schedDrop1 {
        padding: 2em;
    }

    .schedFeeTable {
        overflow-x: scroll;
    }

    .schedFeeContent.np_FAQ_list_content {
        padding: 0px;
    }

    .schedFeeContent .schedFeeDropbtn a {
        padding: 20px 10px;
    }

    .schedFeeDropbtn.np_FAQ_list_link a span svg {
        width: 15px;
        height: 15px;
    }

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

    .feeSchedCards li {
        padding: 30px;
    }

    .feeSchedCardItem h3 {
        line-height: 25px;
    }

    .cardHead {
        margin-bottom: 1em;
    }

    .cardHead h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .manegeCardInfo,
    .manegeImgBOx {
        border-radius: 12px;
    }

    .manegeTextInfo>p {
        line-height: 17px;
        font-size: 12px;
        margin-bottom: 7px;
    }

    .manegeTextBox>div>h4 {
        padding-bottom: 7px;
        margin-bottom: 7px;
        font-size: 14px;
    }

    .activeOver>div>h5 {
        margin-bottom: 8px;
        line-height: normal;
    }

    .detaArrowBtn {
        width: 25px;
        height: 25px;
        top: 12px;
    }

    .detaArrowBtn svg {
        width: 10px;
    }

    .np_FAQ_list_link a h3 title {
        font-size: 1rem;
        line-height: 1.5;
    }

    .np_FAQ_list_link a h3 {
        align-items: normal;
    }

    .ps_commonHead * {
        font-size: 2.3rem;
        line-height: 1.4;
    }

    .ps_EquityText {
        padding-bottom: 0;
    }

    .finalPolicyModel .modal-content {
        padding: 15px 20px;
    }

    .signPrivacy {
        padding: 0 2em;
    }

    .notFoundHero .np_acHeroRgtTitle .np_acHero_text {
        margin-bottom: 10px;
    }

    .notFoundHero .np_acHeroRgtTitle h3 {
        margin-bottom: 25px;
        line-height: 25px;
    }

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

    .researchLogBox .np_onlineCashTsec_lft {
        margin: 0 20px;
    }

    .ipoCards.policyVersCards {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 24px;
    }

    .ipoCards li {
        max-width: 48%;
    }

    .not_foundHero .np_acHero_content.indv .np_acHeroLft {
        max-width: 75%;
    }
}

@media screen and (max-width:550px) {
    .sv_accountCreationRightFormFields .ibanV {
        top: 14px;
    }

    .psFeeArrows {
        gap: 0;
    }

    .sv_signUpBoxDesc>p {
        margin-bottom: 1.4em;
    }

    .sv_siteLogo {
        margin-bottom: 1em;
    }

    .sv_siteLogo img {
        max-width: 170px;
    }

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

    .ourManegeCardWrapp li {
        max-width: 100%;
    }

    .manegeTextBox {
        bottom: -81%;
        padding: 1.3em;
    }

    .activeOver {
        bottom: 0;
    }

    .discSocialMedia ul {
        flex-direction: column;
        row-gap: 10px;
    }

    .discSocialMedia ul li {
        width: 100%;
    }

    .discSocialMedia ul li div a {
        font-size: 12px;
        line-height: 1;
        letter-spacing: 0;
    }
}

@media screen and (max-width:480px) {
    :root {
        --fs-title: 28px;
        --fs-sub-txt: 14px;
    }

    .psAboutHero {
        min-height: 65dvh;
    }

    .abHeroText h1 {
        padding-left: 30px;
        font-size: 24px;
    }

    .abHeroContent {
        padding: 30px;
    }

    .abHeroContent h2 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .psVisionMissionText {
        padding: 40px 30px;
    }

    .abHeroBannBox {
        bottom: -390px;
    }

    .psVisMissMore {
        padding-top: 390px;
    }

    .psVisMissMore {
        padding-bottom: 70px;
    }

    .psVisMisHEad h3 {
        font-size: 50px;
    }

    .psVisMisDesc p {
        font-size: 16px;
        line-height: 24px;
    }

    .leftSideRound {
        top: 22%;
        width: 40px;
    }

    .rightSideRound {
        top: 32%;
        width: 40px;
    }

    .psAboutPowCom {
        padding: 30px;
    }

    .psAboutPowCom h3 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .psAboutDesk p {
        line-height: 28px;
    }

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

    .career_wrapp {
        padding: 0 20px;
    }

    .ps_careerHead {
        padding: 5px 0;
    }

    .ps_careerText h2 {
        font-size: 22px;
        line-height: 34px;
    }

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

    .ps_jobFilterBox {
        padding: 40px 20px;
    }

    .ps_jobDeskBox>ul li {
        padding: 30px 20px;
    }

    .jobVaccDetail {
        gap: 10px;
    }

    .jobDeskHead h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .jobDeskBtn a {
        width: 33px;
        height: 33px;
    }

    .dateTimeLoc {
        gap: 0px 12px;
    }

    .ps_careerDetailInfo>li {
        padding: 40px 0;
    }

    .careerInfoBox {
        flex-wrap: wrap;
    }

    .careerLeftBox {
        max-width: 100%;
    }

    .psResponseImg {
        max-width: 30%;
    }

    .careerRightBox {
        max-width: 100%;
    }

    .careerRightBox ul {
        padding-left: 20px;
    }

    .psFormSection ul {
        padding-left: 0;
    }

    .careerRightBox ul li {
        line-height: 30px;
    }

    .psFormSecBtns {
        flex-direction: column;
        gap: 20px;
    }

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

    .careerDetailHead .careerRightBox .carDetBox p span:nth-child(2) {
        line-height: 25px;
    }

    .ps_careerHead * {
        line-height: 36px;
    }

    .ps_equiResTops li {
        max-width: 47%;
    }

    .ps_equiResTops {
        flex-wrap: wrap;
        gap: 1.5em 1em;
    }

    .equiResTopImg svg {
        width: 30px;
    }

    .ps_commonHead {
        padding: 1.5em 0;
    }

    .ps_commonHead {
        margin-top: 10px;
    }

    .resTeamMemOptBox>li {
        padding: 6px;
    }

    .ps_faqPage .leftSideRound {
        top: 14%;
        width: 100%;
    }

    .ps_privPolicy .ps_commonHead {
        margin-bottom: 20px;
    }

    ul.policyVersCards {
        row-gap: 20px;
    }

    li.policyVersCardItem {
        max-width: 47%;
    }

    .disclaimInfoBox {
        padding: 1.5em;
    }

    .discSocialMedia {
        padding: 1.5em;
    }

    .socialIcon {
        width: 40px;
        height: 40px;
        padding: 12px;
    }

    .psFeeContainer {
        overflow-x: scroll;
        border-radius: 10px;
        margin-top: 1em;
        padding: 1em;
    }

    .psFeeTable {
        border-radius: 10px;
    }

    .psFeeCell,
    .psFeeHeader {
        padding: 1em;
    }

    .schedDrop1 {
        padding: 1.5em 1em;
    }

    .schedDrop1 .np_FAQ_list {
        gap: 24px;
    }

    .schedDropHead h2 {
        font-size: 18px;
        line-height: 20px;
        font-weight: 500;
    }

    .schedDropHead {
        margin-bottom: 1.2em;
    }

    .nameIcon {
        min-width: 40px;
        min-height: 40px;
    }

    .nameInfoBox {
        gap: 10px;
    }

    .schedFeeDropbtn a span svg {
        width: 15px;
        height: 15px;
    }

    .schedFeeDesc {
        margin-top: 0;
    }

    .schedFeeTable {
        overflow-x: scroll;
    }

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

    .schedFeeDropbtn a {
        color: var(--primary-blue);
        padding: 20px 0;
    }

    .feeSchedCards li {
        max-width: 100%;
    }

    .feeSchedCards {
        row-gap: 20px;
    }

    .schedFeeContent.active {
        padding: 0;
    }

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

    .ps_equiResTops li {
        max-width: 100%;
    }

    .researchLogBox .np_onlineCashTsec_inner {
        gap: 20px;
    }

    .retailIpoBlock h5 span svg {
        width: 16px;
    }
}

@media screen and (max-width:428px) {
    .sv_accountCreationRightFormImgBg3 {
        width: 22rem;
        height: 14rem;
    }

    .ipoCards.policyVersCards {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 15px;
    }

    .ipoCards li {
        max-width: 100%;
    }
}

@media screen and (max-width:414px) {
    .sv_accountCreationRightFormImgBg3 {
        width: 21rem;
        height: 13rem;
    }
}

@media screen and (max-width:414px) {
    .researchLogBox .np_onlineCashTsec_rgt {
        max-width: 345px;
        display: flex;
        flex-direction: column;
        padding: 35px;
        top: 100px;
    }

    .notFoundHero .np_acHeroRgtTitle p:last-child {
        align-items: start;
    }

    .notFoundHero .np_acHeroRgtTitle p:last-child svg {
        min-width: 15px;
        margin-top: 3px;
    }
}

@media screen and (max-width:395px) {
    .sv_accountCreationRightFormImgBg3 {
        width: 20.8rem;
        height: 13rem;
    }

    .resTeamCardItem {
        padding: 1.4em;
    }

    .manegeTextBox {
        bottom: -80%;
        padding: 1em;
    }

    .activeOver {
        bottom: 0;
    }
}

@media screen and (max-width:375px) {}

@media screen and (max-width:360px) {
    :root {
        --fs-title: 22px;
    }

    .sv_accountCreationRightFormImgBg3 {
        width: 17.8rem;
        height: 11.4rem;
    }

    .abHeroContent h2 {
        font-size: 22px;
    }

    .psVisMisHEad h3 {
        font-size: 40px;
    }

    .psAboutPowCom h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .ps_careerText p:not(:last-child) {
        margin-bottom: 18px;
    }

    .ps_careerText p {
        margin-bottom: 16px;
        font-size: 14px;
    }

    .dateTimeLoc {
        gap: 5px 12px;
    }

    .dateTimeLoc p span:nth-child(2) {
        line-height: 20px;
        font-size: 12px;
    }

    .jobDeskBtn a {
        width: 30px;
        height: 30px;
    }

    .jobDeskBtn a svg {
        width: 14px;
    }

    .ps_equiResTops li {
        max-width: 100%;
        padding: 1em;
    }

    ul.resTeamMemInfo {
        gap: 10px;
    }

    ul.resTeamMemInfo li {
        max-width: 100%;
    }

    ul.resTeamMemInfo li span:first-child svg {
        width: 16px;
    }

    .ps_faqPage .np_FAQ_list_link a h3 title {
        line-height: 1.4;
    }

    ul.policyVersCards {
        row-gap: 15px;
    }

    li.policyVersCardItem {
        max-width: 100%;
    }

    .discSocialMedia ul li {
        width: 100%;
    }

    .schedFeeDropbtn>a {
        padding: 15px 0px;
    }

    .nameIcon {
        width: 30px;
        height: 30px;
    }

    .nameIcon p {
        font-size: 8px;
    }

    .signPrivacy {
        padding: 0 0em;
    }
}

@media screen and (max-width:330px) {
    .manegeTextBox {
        bottom: -80%;
        padding: 0.5em;
    }

    .activeOver {
        bottom: 0;
    }

    .activeOver.manegeTextBox {
        padding: 10px 15px;
    }

    .manegeTextInfo>p {
        font-size: 10px;
    }

    .researchLogBox .np_onlineCashTsec_rgt {
        max-width: 290px;
        display: flex;
        flex-direction: column;
        padding: 18px;
        top: 135px;
    }
}

/* Base RTL Settings */
html[dir="rtl"] {
    text-align: right;
}

html[dir="rtl"] body,
html[dir="rtl"] .np_header,
html[dir="rtl"] .np_menu_list li a,
html[dir="rtl"] .np_navbar_btn,
html[dir="rtl"] .np__common_button,
html[dir="rtl"] .np_count_box_text p,
html[dir="rtl"] .np_whoWeAre_para p,
html[dir="rtl"] .np_tradeOnline_slide_text p,
html[dir="rtl"] .np_products_text p,
html[dir="rtl"] .np_resReport_card_text p,
html[dir="rtl"] .np_FAQ_list_disc p,
html[dir="rtl"] .np_footer_link li a,
html[dir="rtl"] .np_footer_link h4 {
    font-family: "Tajawal", "Noto Kufi Arabic", sans-serif;
}

/* Header RTL */
html[dir="rtl"] .np_navbar .np_menu_list {
    padding-right: 0;
}
/* html[dir="rtl"] .np_hero_img img {
    transform: scaleX(-1);
} */

/* html[dir="rtl"] .np_hero_text {
    right: auto;
    left: 15.5%;
} */

/* Count Box RTL */

/* Who We Are Section RTL */
html[dir="rtl"] .np_whoWeAre_para p {
    text-align: right;
}

/* Trade Online Slides RTL */
html[dir="rtl"] .np_tradeOnline_slide_text {
    text-align: right;
}

/* First Slide - eTrade */
html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(1) .np_tradeOnline_slide_text {
    float: right;
}

/* html[dir="rtl"] .np_tradeOnline_slideLists li .np_tradeOnline_slideImg img {
    transform: scaleX(-1);
} */
html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(1) .np_tradeOnline_slideImg {
    left: 0;
    right: auto;
    bottom: -30px;
}
html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(1) .np_tradeOnline_slideContent {
    float: right;
}
html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(3) .np_tradeOnline_slideContent {
    float: right;
}

/* Second Slide - Mobile Trading */
html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slideContent {
    float: left;
}

html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slide_text {
    float: left;
}

html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slide_text p {
    text-align: left;
    float: left;
}

html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slideImg {
    right: 0;
    left: auto;
}

/* Third Slide - Direct Market Access */
html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(3) .np_tradeOnline_slideImg {
    left: 0;
    right: auto;
}

/* Products Section RTL */
html[dir="rtl"] .np_products_card {
    text-align: right;
    width: 100%;
}

html[dir="rtl"] .np_products_img {
    float: right;
    margin-left: 16px;
    margin-right: 0;
}

/* Report Section RTL */

html[dir="rtl"] .np_report_card_img {
    float: right;
    margin-left: 16px;
    margin-right: 0;
}

html[dir="rtl"] .np_resReport_card_text .read-more {
    float: right;
}

html[dir="rtl"] .np_resReport_card_text .read-more span svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .np_FAQ_list_disc {
    text-align: right;
}

/* Contact Us RTL */
html[dir="rtl"] .np_contactUs_bg_text {
    left: auto;
    right: 3.75rem;
}

html[dir="rtl"] .np_contactUs_bg_text[data-position="right"] {
    right: auto;
    left: 3.75rem;
}

html[dir="rtl"] .np_contactUs_bg_text a span {
    margin-left: 10px;
    margin-right: 0;
}
html[dir="rtl"] .np_contactUs_bg_text a span:last-child {
    margin-left: 0;
    margin-right: 0;
    direction: ltr;
}

html[dir="rtl"] .np_footer_link li:has(span[data-en="Phone:"]) a {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Contact Us Form RTL */
html[dir="rtl"] .np_contactUs_bg_text_frm ul li .arrow {
    left: 2%;
    right: auto;
    transform: translate(50%, -50%);
}

/* Footer RTL */
html[dir="rtl"] .np_footer_links {
    text-align: right;
}

html[dir="rtl"] .np_footer_link li {
    text-align: right;
}

html[dir="rtl"] .np_footer_link li a {
    display: inline-block;
}

/* Slider RTL Adjustments */
html[dir="rtl"] .slick-prev {
    left: auto !important;
    right: -30px !important;
    transform: rotate(180deg) !important;
}

html[dir="rtl"] .slick-next {
    right: auto !important;
    left: -30px !important;
    transform: rotate(180deg) !important;
}

html[dir="rtl"] .slick-prev:before,
html[dir="rtl"] .slick-next:before {
    transform: rotate(180deg);
}

/* Awards Slider RTL */
html[dir="rtl"] .np_awards_slider_inner {
    direction: ltr;
}

html[dir="rtl"] .np_award_card {
    text-align: right;
}

/* Management Page RTL */
html[dir="rtl"] .np_outManagementContOutter {
    margin-right: 0;
    margin-left: -13%;
}

html[dir="rtl"] .np_outManagementImg {
    left: auto;
    right: 0;
}
html[dir="rtl"] .jobDeskBtn a svg {
    transform: rotate(180deg);
}
html[dir="rtl"] .np_hero_textImg-ar {
    display: block;
}
html[dir="rtl"] .np_hero_textImg-en {
    display: none;
}
html[dir="rtl"] .psAboutImg {
    margin-left: 0;
    margin-right: 32px;
}
html[dir="rtl"] .careerRightBox {
    padding-left: 0;
    padding-right: 20px;
}
html[dir="rtl"] .sv_accountCreationRightFormFields > label {
    float: right;
}
html[dir="rtl"] .careerRightBox p {
    float: right;
}

/* sv_signUpNumber RTL handled in style.css alongside the LTR iti rules */
html[dir="rtl"] .sv_signUpVerify {
    padding-left: 5px;
    padding-right: 1em;
}
html[dir="rtl"] .sv_signUpVerify.num {
    padding-left: 3px;
    padding-right: 1em;
}
html[dir="rtl"] .o_wrapper {
    max-width: 1814px;
    padding: 0;
    padding-left: 0;
    padding-right: 24px;
    margin: 0 auto 0 0;
    position: relative;
}
html[dir="rtl"] .sv_accountCreationRightFormFields > input.date-picker,
html[dir="rtl"] .sv_accountCreationRightFormFields > input.date-picker:hover,
html[dir="rtl"] .sv_accountCreationRightFormFields > input.date-picker:focus {
    background-position: left 14px center;
}
html[dir="rtl"] .sv_accountCreationRightFormFields > .flatpickr-wrapper input.date-picker,
html[dir="rtl"] .sv_accountCreationRightFormFields > .flatpickr-wrapper input.date-picker:hover,
html[dir="rtl"] .sv_accountCreationRightFormFields > .flatpickr-wrapper input.date-picker:focus {
    background-position: left 14px center;
}
html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 15px;
    right: auto;
}
html[dir="rtl"] .file-placeholder {
    background-position: left 20px center;
}
html[dir="rtl"] .vResearchCnt .np_filter_group select {
    background-position: 2%;
}
html[dir="rtl"] .custom-file:hover .file-placeholder {
    background-position: left 20px center;
}
html[dir="rtl"] .sv_accountCreationLeftListingStepsBtn.active .sv_accountCreationLeftListingStepsTxt {
    background-position: left top 7px;
    padding-right: 0;
    padding-left: 1em;
    background-image: url("data:image/svg+xml;utf8,\<svg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'>\<path d='M1.45052 3.76667L4.18385 1.03333C4.30608 0.911112 4.36719 0.772223 4.36719 0.616667C4.36719 0.45 4.30608 0.305556 4.18385 0.183333C4.06163 0.0611111 3.92274 0 3.76719 0C3.60052 0 3.45608 0.0611111 3.33385 0.183333L0.167188 3.35C0.111632 3.40556 0.0727429 3.47222 0.0505209 3.55C0.0171876 3.61667 0.000520706 3.68889 0.000520706 3.76667C0.000520706 3.84444 0.0171876 3.92222 0.0505209 4C0.0727429 4.06667 0.111632 4.12778 0.167188 4.18333L3.33385 7.35C3.45608 7.47222 3.59497 7.53333 3.75052 7.53333C3.90608 7.52222 4.04497 7.45556 4.16719 7.33333C4.28941 7.21111 4.35052 7.07222 4.35052 6.91667C4.35052 6.75 4.28941 6.60556 4.16719 6.48333L1.45052 3.76667Z' fill='white'/>\</svg>");
}
html[dir="rtl"] .sv_accountCreationRightFormFields > input::placeholder {
    float: right;
}
html[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__clear {
    left: 6%;
    right: auto;
}
html[dir="rtl"] .np_pnum > input{padding-left:0 !important;padding-right:80px !important;}

html[dir="rtl"] .np_pnum > select{left: auto;top: 5px;right: 5px;direction: ltr;}
html[dir="rtl"] .sv_contDrop > select{direction: ltr;}
html[dir="rtl"] .conformation .sv_accountCreationStepsSelectionTNCCheck::before{left: auto;right: 0;}
html[dir="rtl"] .conformation .sv_accountCreationStepsSelectionTNCCheck{padding-left: 0;padding-right: 25px;}
html[dir="rtl"] .sv_accountCreationRightFormBox{padding-right: 0;padding-left: 0.6em;}
html[dir="rtl"] .conformation .sv_accountCreationStepsSelectionTNCCheck::after{left: 0;right: 4px;}
html[dir="rtl"] .sv_signUpInputs.sv_signUpNumber .sv_sendOtpBtn{padding-left:0.2em;padding-right:0.2em;}
html[dir="rtl"] .sv_accountCreationRightFormFields .ibanV{right: auto;left: 0;transform: translate(10%, 48%);}
html[dir="rtl"] .modal-header h2{text-align: right;}
html[dir="rtl"] .modal-body{text-align:start;}
html[dir="rtl"] .select2-container .select2-selection__rendered{padding-right: 20px !important;padding-left: 45px !important;}
html[dir="rtl"] .np_onlineCashTsec_lft{margin-right: 9vw;margin-left: 0;}
html[dir="rtl"] .np_onlineCashTsec_rgt{right:auto;left:20vw;}
html[dir="rtl"] .np_onlineCashTsec_rgtForm_itemIcon{right:16px;left:auto;}
html[dir="rtl"] .np_onlineCashTsec_rgtForm_item input{padding-left: 16px;padding-right: 40px;}
html[dir="rtl"] .act_wrapper{max-width:1807px;padding-left:0;padding-right:24px;margin:0 auto 0 0;}
/* html[dir="rtl"] .np_acOnlineTrading_RgtImg img{transform: scaleX(-1);} */
html[dir="rtl"] .np_acOnlineTrading_LftUserMan .np_acDocs_LftPdfsListInner{float:right;}
html[dir="rtl"] .np_acOnlineTrading_LftLinks, html[dir="rtl"] .np_acOnlineTrading_LftLinksList{float:right;}
html[dir="rtl"] .np_acImpNotice_points{padding-left: 0;padding-right: 1.125rem;}
html[dir="rtl"] .company-table thead th:first-child{padding:24px 0;padding-left:0;padding-right: 32px;text-align: right;}
html[dir="rtl"] .company-table thead th:last-child{padding:24px 0;padding-right:0;padding-left:32px; text-align:end;}
html[dir="rtl"] .company-table tbody td:first-child{padding:24px 0;padding-left:0; padding-right:32px;text-align: right;}
html[dir="rtl"] .company-table tbody td:last-child{padding:24px 0;padding-right:0;padding-left:32px;text-align:end;}
html[dir="rtl"] .company-coverage-page .searchInputWrap{padding: 0 20px 0 0;}
html[dir="rtl"] .company-coverage-page .searchIcon{margin-right: 0;margin-left: 12px;}
html[dir="rtl"] .schedFeeTable > table > thead tr > th{text-align: right;}
html[dir="rtl"] .schedFeeDesc table tr td{text-align: right;}
html[dir="rtl"] .modal-overlay.knowMoreModal .modalPara{text-align: right;}
html[dir="rtl"] .modal-overlay.knowMoreModal .modalLink{text-align: right;}
html[dir="rtl"] .sv_accountCreationRightFormFields.arbName input{text-align: left;direction: ltr;}
html[dir="rtl"] .sv_accountCreationRightFormFields.arbName input::placeholder{text-align: left;float: left;}
html[dir="rtl"] .sv_accountCreationRightFormFields .error-message{left: auto;right: 0;text-align: right;}
html[dir="rtl"] .np_acImpNotice.indv .tradindFeesBoxExt{border-left:none;padding-left:0;margin-left:0;border-right:1px solid rgba(255,255,255,0.3);padding-right:5.3125rem;margin-right:5.3125rem;}

html[dir="rtl"] .modal-content.success .modal-header h2 > span:first-child:has(svg){transform: rotateY(180deg);}
html[dir="rtl"] .modal-content.success .modal-header h2 > span:last-child:has(svg){transform: rotateY(180deg);}

html[dir="rtl"] .detaArrowBtn{left: 20px;right: auto;transform: rotateY(180deg);}
html[dir="rtl"] .activeOver .omOverText *{text-align: right;}
html[dir="rtl"] .preview-icon{margin-left:0;margin-right:10px;margin-bottom: .5rem;}

html[dir="rtl"] .sv_accountCreationRightFormUpdateRequiredSec > ul,html[dir="rtl"] .sv_accountCreationRightFormUpdateRequiredSec > ul > li > ul{padding-right: 1.5em;padding-left: 0;}
html[dir="rtl"] .sv_accountCreationRightFormUpdateRequiredSec > ul > li::after, html[dir="rtl"] .sv_accountCreationRightFormUpdateRequiredSec > ul > li > ul > li::after{right: -15px;left: auto;top: 7px;}

html[dir="rtl"] .notForArbic{display: none;}
html[dir="rtl"] .qDiv ul{padding-right: 25px;padding-left: 0;}

html[dir="rtl"] .notFoundHero .np_acHeroRgtTitle .np_acHero_text h2{text-align: right;}
html[dir="rtl"] .ipoTimeLine {float: right;}

html[dir="rtl"] .np_hero_slide .np_hero_textImg-en{display:none !important;}
html[dir="rtl"] .np_hero_slider .slick-next{right:auto !important;left:30px !important;transform:rotate(180deg) !important;}
html[dir="rtl"] .np_hero_slider .slick-prev{left:auto !important;right:30px !important;transform:rotate(180deg) !important;}

html[dir="rtl"] .np_hero_slider .np_hero_textImg-ar{display: block !important;}
html[dir="rtl"] .np_hero_slider .slick-slider .slick-slide img {display: block !important;}

@media screen and (max-width: 1728px){
    html[dir="rtl"] .np_onlineCashTsec_rgt{left:13vw;}
}

@media screen and (max-width: 1680px){
    html[dir="rtl"] .act_wrapper{max-width:1582px;}
    html[dir="rtl"] .np_onlineCashTsec_lft{margin-right: 80px;}
    html[dir="rtl"] .np_onlineCashTsec_rgt{left:15vw;}
}

@media screen and (max-width: 1536px){
    html[dir="rtl"] .np_onlineCashTsec_rgt{left:11vw;}
}

@media screen and (max-width: 1024px){
    html[dir="rtl"] .np_onlineCashTsec_rgt{left:50%;transform: translateX(50%);}
    html[dir="rtl"] .np_onlineCashTsec_lft{margin-inline: auto;}
}

/* Mobile Menu RTL */
@media (max-width: 991px) {
    html[dir="rtl"] .np_navbar {
        left: auto;
        right: -100%;
        transition: right 0.3s ease;
    }

    html[dir="rtl"] .np_navbar.active {
        right: auto;
        left: 0;
    }

    html[dir="rtl"] .np_navbar_btn {
        right: -100%;
        left: auto;
        transition: left 0.3s ease;
    }

    html[dir="rtl"] .np_navbar_btn.active {
        left: 0;
        right: auto;
    }
}

/* Responsive RTL Adjustments */
@media (max-width: 1200px) {
    html[dir="rtl"] .np_contactUs_bg_text {
        right: 2rem;
    }

    html[dir="rtl"] .np_contactUs_bg_text[data-position="right"] {
        left: 2rem;
        right: auto;
    }

    html[dir="rtl"] .slick-prev {
        left: auto !important;
        right: 0px !important;
        transform: rotate(180deg) !important;
    }

    html[dir="rtl"] .slick-next {
        right: auto !important;
        left: 0px !important;
        transform: rotate(180deg) !important;
    }
    html[dir="rtl"] .o_wrapper {
        max-width: 1814px;
        padding: 0 24px;
        padding-left: auto;
        margin: 0 auto;
        position: relative;
    }
}

@media (max-width: 1024px) {
    html[dir="rtl"] .np_contactUs_bg_text[data-position="left"] {
        right: 2rem;
        left: auto;
    }

    html[dir="rtl"] .np_contactUs_bg_text[data-position="right"] {
        left: 2rem;
        right: auto;
    }

    /* html[dir="rtl"] .np_hero_text {
        left: 10%;
        right: auto;
    } */

    html[dir="rtl"] .np_navbar_btn {
        margin-left: 0;
        margin-right: auto;
    }
    html[dir="rtl"] .mobile-menu-toggle {
        margin-left: 0;
        margin-right: 15px;
    }
    html[dir="rtl"] .np_onlineCashTsec_rgt {
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
    }
    html[dir="rtl"] .np_acImpNotice.indv .tradindFeesBoxExt {
        padding-right: 0;
        margin-right: 0;
        padding-top: 1.3125rem;
        margin-top: 1.3125rem;
        border-right: none;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        max-width: 100%;
    }

}

@media (max-width: 820px) {
    /* html[dir="rtl"] .np_hero_text {
        left: 5%;
        top: 25%;
        right: auto;
    } */

    html[dir="rtl"] .np_contactUs_bg_text[data-position="left"],
    html[dir="rtl"] .np_contactUs_bg_text[data-position="right"] {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%);
    }

    html[dir="rtl"] .np_tradeOnline_slide_text p {
        text-align: center;
    }

    /* html[dir="rtl"] .np_tradeOnline_slide_btn {
        justify-content: center;
    } */

    html[dir="rtl"] .np_tradeOnline_slideLists li:nth-child(2) .np_tradeOnline_slide_text p {
        text-align: center;
    }

    html[dir="rtl"] .np_hero_slider .slick-next{left:10px !important; width:40px !important;height:40px !important;}
    html[dir="rtl"] .np_hero_slider .slick-prev{right:10px !important; width:40px !important;height:40px !important;}
}
@media (max-width: 610px) {
    html[dir="rtl"] .psAboutImg{
        margin-right: 0;
    }
    html[dir="rtl"] .sv_sendOtpBtn button, .sv_sendOtpBtn a{
        line-height: 1.1;
    }


}
@media (max-width: 480px) {
    /* html[dir="rtl"] .np_hero_text {
        left: 5%;
        top: 15%;
        right: auto;
    } */
    html[dir="rtl"] .np_onlineCashTsec_rgt {
        max-width: 350px;
        padding: 25px;
        top: 40%;
    }
}

/* Print Styles */
@media print {
    html[dir="rtl"] {
        direction: rtl;
    }
}

/* OTP RTL overrides */
html[dir="rtl"] .sv_otpCountdown {
    margin-right: 0;
    margin-left: 0.25em;
}
html[dir="rtl"] .sv_signUpOtpInput {
    padding: 0 1em 0 0.5em;
}
html[dir="rtl"] .sv_signUpOtpInput .sv_TxtInp input {
    direction: ltr;
    text-align: right;
}

/* Email icon pseudo-element RTL flip */
html[dir="rtl"] .sv_signUpEmail .sv_TxtInp::before {
    left: auto;
    right: 18px;
}
html[dir="rtl"] .sv_signUpEmail .sv_TxtInp input {
    padding-left: 1.1428em;
    padding-right: 44px;
}

/* ============================================
   PROFILE DROPDOWN — RTL
   ============================================ */

html[dir="rtl"] .np_profile_wrap .np_profile_dropdown {
    right: auto;
    left: 0;
}

html[dir="rtl"] .np_profile_email,
html[dir="rtl"] .np_profile_logout {
    text-align: right;
    direction: rtl;
}

/*!
 * Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

 .fa, .fab, .fad, .fal, .far, .fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}
.fa-lg {
	font-size: 1.33333em;
	line-height: .75em;
	vertical-align: -.0667em
}
.fa-xs {
	font-size: .75em
}
.fa-sm {
	font-size: .875em
}
.fa-1x {
	font-size: 1em
}
.fa-2x {
	font-size: 2em
}
.fa-3x {
	font-size: 3em
}
.fa-4x {
	font-size: 4em
}
.fa-5x {
	font-size: 5em
}
.fa-6x {
	font-size: 6em
}
.fa-7x {
	font-size: 7em
}
.fa-8x {
	font-size: 8em
}
.fa-9x {
	font-size: 9em
}
.fa-10x {
	font-size: 10em
}
.fa-fw {
	text-align: center;
	width: 1.25em
}
.fa-ul {
	list-style-type: none;
	margin-left: 2.5em;
	padding-left: 0
}
.fa-ul>li {
	position: relative
}
.fa-li {
	left: -2em;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit
}
.fa-border {
	border: .08em solid #eee;
	border-radius: .1em;
	padding: .2em .25em .15em
}
.fa-pull-left {
	float: left
}
.fa-pull-right {
	float: right
}
.fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
	margin-right: .3em
}
.fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
	margin-left: .3em
}
.fa-spin {
	-webkit-animation: fa-spin 2s linear infinite;
	animation: fa-spin 2s linear infinite
}
.fa-pulse {
	-webkit-animation: fa-spin 1s steps(8) infinite;
	animation: fa-spin 1s steps(8) infinite
}
@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}
@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}
.fa-rotate-90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.fa-rotate-180 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.fa-rotate-270 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}
.fa-flip-horizontal {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}
.fa-flip-vertical {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1)
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
	-webkit-transform: scale(-1);
	transform: scale(-1)
}
:root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
	-webkit-filter: none;
	filter: none
}
.fa-stack {
	display: inline-block;
	height: 2em;
	line-height: 2em;
	position: relative;
	vertical-align: middle;
	width: 2.5em
}
.fa-stack-1x, .fa-stack-2x {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%
}
.fa-stack-1x {
	line-height: inherit
}
.fa-stack-2x {
	font-size: 2em
}
.fa-inverse {
	color: #fff
}
.fa-500px:before {
	content: "\f26e"
}
.fa-accessible-icon:before {
	content: "\f368"
}
.fa-accusoft:before {
	content: "\f369"
}
.fa-acquisitions-incorporated:before {
	content: "\f6af"
}
.fa-ad:before {
	content: "\f641"
}
.fa-address-book:before {
	content: "\f2b9"
}
.fa-address-card:before {
	content: "\f2bb"
}
.fa-adjust:before {
	content: "\f042"
}
.fa-adn:before {
	content: "\f170"
}
.fa-adobe:before {
	content: "\f778"
}
.fa-adversal:before {
	content: "\f36a"
}
.fa-affiliatetheme:before {
	content: "\f36b"
}
.fa-air-freshener:before {
	content: "\f5d0"
}
.fa-airbnb:before {
	content: "\f834"
}
.fa-algolia:before {
	content: "\f36c"
}
.fa-align-center:before {
	content: "\f037"
}
.fa-align-justify:before {
	content: "\f039"
}
.fa-align-left:before {
	content: "\f036"
}
.fa-align-right:before {
	content: "\f038"
}
.fa-alipay:before {
	content: "\f642"
}
.fa-allergies:before {
	content: "\f461"
}
.fa-amazon:before {
	content: "\f270"
}
.fa-amazon-pay:before {
	content: "\f42c"
}
.fa-ambulance:before {
	content: "\f0f9"
}
.fa-american-sign-language-interpreting:before {
	content: "\f2a3"
}
.fa-amilia:before {
	content: "\f36d"
}
.fa-anchor:before {
	content: "\f13d"
}
.fa-android:before {
	content: "\f17b"
}
.fa-angellist:before {
	content: "\f209"
}
.fa-angle-double-down:before {
	content: "\f103"
}
.fa-angle-double-left:before {
	content: "\f100"
}
.fa-angle-double-right:before {
	content: "\f101"
}
.fa-angle-double-up:before {
	content: "\f102"
}
.fa-angle-down:before {
	content: "\f107"
}
.fa-angle-left:before {
	content: "\f104"
}
.fa-angle-right:before {
	content: "\f105"
}
.fa-angle-up:before {
	content: "\f106"
}
.fa-angry:before {
	content: "\f556"
}
.fa-angrycreative:before {
	content: "\f36e"
}
.fa-angular:before {
	content: "\f420"
}
.fa-ankh:before {
	content: "\f644"
}
.fa-app-store:before {
	content: "\f36f"
}
.fa-app-store-ios:before {
	content: "\f370"
}
.fa-apper:before {
	content: "\f371"
}
.fa-apple:before {
	content: "\f179"
}
.fa-apple-alt:before {
	content: "\f5d1"
}
.fa-apple-pay:before {
	content: "\f415"
}
.fa-archive:before {
	content: "\f187"
}
.fa-archway:before {
	content: "\f557"
}
.fa-arrow-alt-circle-down:before {
	content: "\f358"
}
.fa-arrow-alt-circle-left:before {
	content: "\f359"
}
.fa-arrow-alt-circle-right:before {
	content: "\f35a"
}
.fa-arrow-alt-circle-up:before {
	content: "\f35b"
}
.fa-arrow-circle-down:before {
	content: "\f0ab"
}
.fa-arrow-circle-left:before {
	content: "\f0a8"
}
.fa-arrow-circle-right:before {
	content: "\f0a9"
}
.fa-arrow-circle-up:before {
	content: "\f0aa"
}
.fa-arrow-down:before {
	content: "\f063"
}
.fa-arrow-left:before {
	content: "\f060"
}
.fa-arrow-right:before {
	content: "\f061"
}
.fa-arrow-up:before {
	content: "\f062"
}
.fa-arrows-alt:before {
	content: "\f0b2"
}
.fa-arrows-alt-h:before {
	content: "\f337"
}
.fa-arrows-alt-v:before {
	content: "\f338"
}
.fa-artstation:before {
	content: "\f77a"
}
.fa-assistive-listening-systems:before {
	content: "\f2a2"
}
.fa-asterisk:before {
	content: "\f069"
}
.fa-asymmetrik:before {
	content: "\f372"
}
.fa-at:before {
	content: "\f1fa"
}
.fa-atlas:before {
	content: "\f558"
}
.fa-atlassian:before {
	content: "\f77b"
}
.fa-atom:before {
	content: "\f5d2"
}
.fa-audible:before {
	content: "\f373"
}
.fa-audio-description:before {
	content: "\f29e"
}
.fa-autoprefixer:before {
	content: "\f41c"
}
.fa-avianex:before {
	content: "\f374"
}
.fa-aviato:before {
	content: "\f421"
}
.fa-award:before {
	content: "\f559"
}
.fa-aws:before {
	content: "\f375"
}
.fa-baby:before {
	content: "\f77c"
}
.fa-baby-carriage:before {
	content: "\f77d"
}
.fa-backspace:before {
	content: "\f55a"
}
.fa-backward:before {
	content: "\f04a"
}
.fa-bacon:before {
	content: "\f7e5"
}
.fa-balance-scale:before {
	content: "\f24e"
}
.fa-balance-scale-left:before {
	content: "\f515"
}
.fa-balance-scale-right:before {
	content: "\f516"
}
.fa-ban:before {
	content: "\f05e"
}
.fa-band-aid:before {
	content: "\f462"
}
.fa-bandcamp:before {
	content: "\f2d5"
}
.fa-barcode:before {
	content: "\f02a"
}
.fa-bars:before {
	content: "\f0c9"
}
.fa-baseball-ball:before {
	content: "\f433"
}
.fa-basketball-ball:before {
	content: "\f434"
}
.fa-bath:before {
	content: "\f2cd"
}
.fa-battery-empty:before {
	content: "\f244"
}
.fa-battery-full:before {
	content: "\f240"
}
.fa-battery-half:before {
	content: "\f242"
}
.fa-battery-quarter:before {
	content: "\f243"
}
.fa-battery-three-quarters:before {
	content: "\f241"
}
.fa-battle-net:before {
	content: "\f835"
}
.fa-bed:before {
	content: "\f236"
}
.fa-beer:before {
	content: "\f0fc"
}
.fa-behance:before {
	content: "\f1b4"
}
.fa-behance-square:before {
	content: "\f1b5"
}
.fa-bell:before {
	content: "\f0f3"
}
.fa-bell-slash:before {
	content: "\f1f6"
}
.fa-bezier-curve:before {
	content: "\f55b"
}
.fa-bible:before {
	content: "\f647"
}
.fa-bicycle:before {
	content: "\f206"
}
.fa-biking:before {
	content: "\f84a"
}
.fa-bimobject:before {
	content: "\f378"
}
.fa-binoculars:before {
	content: "\f1e5"
}
.fa-biohazard:before {
	content: "\f780"
}
.fa-birthday-cake:before {
	content: "\f1fd"
}
.fa-bitbucket:before {
	content: "\f171"
}
.fa-bitcoin:before {
	content: "\f379"
}
.fa-bity:before {
	content: "\f37a"
}
.fa-black-tie:before {
	content: "\f27e"
}
.fa-blackberry:before {
	content: "\f37b"
}
.fa-blender:before {
	content: "\f517"
}
.fa-blender-phone:before {
	content: "\f6b6"
}
.fa-blind:before {
	content: "\f29d"
}
.fa-blog:before {
	content: "\f781"
}
.fa-blogger:before {
	content: "\f37c"
}
.fa-blogger-b:before {
	content: "\f37d"
}
.fa-bluetooth:before {
	content: "\f293"
}
.fa-bluetooth-b:before {
	content: "\f294"
}
.fa-bold:before {
	content: "\f032"
}
.fa-bolt:before {
	content: "\f0e7"
}
.fa-bomb:before {
	content: "\f1e2"
}
.fa-bone:before {
	content: "\f5d7"
}
.fa-bong:before {
	content: "\f55c"
}
.fa-book:before {
	content: "\f02d"
}
.fa-book-dead:before {
	content: "\f6b7"
}
.fa-book-medical:before {
	content: "\f7e6"
}
.fa-book-open:before {
	content: "\f518"
}
.fa-book-reader:before {
	content: "\f5da"
}
.fa-bookmark:before {
	content: "\f02e"
}
.fa-bootstrap:before {
	content: "\f836"
}
.fa-border-all:before {
	content: "\f84c"
}
.fa-border-none:before {
	content: "\f850"
}
.fa-border-style:before {
	content: "\f853"
}
.fa-bowling-ball:before {
	content: "\f436"
}
.fa-box:before {
	content: "\f466"
}
.fa-box-open:before {
	content: "\f49e"
}
.fa-boxes:before {
	content: "\f468"
}
.fa-braille:before {
	content: "\f2a1"
}
.fa-brain:before {
	content: "\f5dc"
}
.fa-bread-slice:before {
	content: "\f7ec"
}
.fa-briefcase:before {
	content: "\f0b1"
}
.fa-briefcase-medical:before {
	content: "\f469"
}
.fa-broadcast-tower:before {
	content: "\f519"
}
.fa-broom:before {
	content: "\f51a"
}
.fa-brush:before {
	content: "\f55d"
}
.fa-btc:before {
	content: "\f15a"
}
.fa-buffer:before {
	content: "\f837"
}
.fa-bug:before {
	content: "\f188"
}
.fa-building:before {
	content: "\f1ad"
}
.fa-bullhorn:before {
	content: "\f0a1"
}
.fa-bullseye:before {
	content: "\f140"
}
.fa-burn:before {
	content: "\f46a"
}
.fa-buromobelexperte:before {
	content: "\f37f"
}
.fa-bus:before {
	content: "\f207"
}
.fa-bus-alt:before {
	content: "\f55e"
}
.fa-business-time:before {
	content: "\f64a"
}
.fa-buy-n-large:before {
	content: "\f8a6"
}
.fa-buysellads:before {
	content: "\f20d"
}
.fa-calculator:before {
	content: "\f1ec"
}
.fa-calendar:before {
	content: "\f133"
}
.fa-calendar-alt:before {
	content: "\f073"
}
.fa-calendar-check:before {
	content: "\f274"
}
.fa-calendar-day:before {
	content: "\f783"
}
.fa-calendar-minus:before {
	content: "\f272"
}
.fa-calendar-plus:before {
	content: "\f271"
}
.fa-calendar-times:before {
	content: "\f273"
}
.fa-calendar-week:before {
	content: "\f784"
}
.fa-camera:before {
	content: "\f030"
}
.fa-camera-retro:before {
	content: "\f083"
}
.fa-campground:before {
	content: "\f6bb"
}
.fa-canadian-maple-leaf:before {
	content: "\f785"
}
.fa-candy-cane:before {
	content: "\f786"
}
.fa-cannabis:before {
	content: "\f55f"
}
.fa-capsules:before {
	content: "\f46b"
}
.fa-car:before {
	content: "\f1b9"
}
.fa-car-alt:before {
	content: "\f5de"
}
.fa-car-battery:before {
	content: "\f5df"
}
.fa-car-crash:before {
	content: "\f5e1"
}
.fa-car-side:before {
	content: "\f5e4"
}
.fa-caret-down:before {
	content: "\f0d7"
}
.fa-caret-left:before {
	content: "\f0d9"
}
.fa-caret-right:before {
	content: "\f0da"
}
.fa-caret-square-down:before {
	content: "\f150"
}
.fa-caret-square-left:before {
	content: "\f191"
}
.fa-caret-square-right:before {
	content: "\f152"
}
.fa-caret-square-up:before {
	content: "\f151"
}
.fa-caret-up:before {
	content: "\f0d8"
}
.fa-carrot:before {
	content: "\f787"
}
.fa-cart-arrow-down:before {
	content: "\f218"
}
.fa-cart-plus:before {
	content: "\f217"
}
.fa-cash-register:before {
	content: "\f788"
}
.fa-cat:before {
	content: "\f6be"
}
.fa-cc-amazon-pay:before {
	content: "\f42d"
}
.fa-cc-amex:before {
	content: "\f1f3"
}
.fa-cc-apple-pay:before {
	content: "\f416"
}
.fa-cc-diners-club:before {
	content: "\f24c"
}
.fa-cc-discover:before {
	content: "\f1f2"
}
.fa-cc-jcb:before {
	content: "\f24b"
}
.fa-cc-mastercard:before {
	content: "\f1f1"
}
.fa-cc-paypal:before {
	content: "\f1f4"
}
.fa-cc-stripe:before {
	content: "\f1f5"
}
.fa-cc-visa:before {
	content: "\f1f0"
}
.fa-centercode:before {
	content: "\f380"
}
.fa-centos:before {
	content: "\f789"
}
.fa-certificate:before {
	content: "\f0a3"
}
.fa-chair:before {
	content: "\f6c0"
}
.fa-chalkboard:before {
	content: "\f51b"
}
.fa-chalkboard-teacher:before {
	content: "\f51c"
}
.fa-charging-station:before {
	content: "\f5e7"
}
.fa-chart-area:before {
	content: "\f1fe"
}
.fa-chart-bar:before {
	content: "\f080"
}
.fa-chart-line:before {
	content: "\f201"
}
.fa-chart-pie:before {
	content: "\f200"
}
.fa-check:before {
	content: "\f00c"
}
.fa-check-circle:before {
	content: "\f058"
}
.fa-check-double:before {
	content: "\f560"
}
.fa-check-square:before {
	content: "\f14a"
}
.fa-cheese:before {
	content: "\f7ef"
}
.fa-chess:before {
	content: "\f439"
}
.fa-chess-bishop:before {
	content: "\f43a"
}
.fa-chess-board:before {
	content: "\f43c"
}
.fa-chess-king:before {
	content: "\f43f"
}
.fa-chess-knight:before {
	content: "\f441"
}
.fa-chess-pawn:before {
	content: "\f443"
}
.fa-chess-queen:before {
	content: "\f445"
}
.fa-chess-rook:before {
	content: "\f447"
}
.fa-chevron-circle-down:before {
	content: "\f13a"
}
.fa-chevron-circle-left:before {
	content: "\f137"
}
.fa-chevron-circle-right:before {
	content: "\f138"
}
.fa-chevron-circle-up:before {
	content: "\f139"
}
.fa-chevron-down:before {
	content: "\f078"
}
.fa-chevron-left:before {
	content: "\f053"
}
.fa-chevron-right:before {
	content: "\f054"
}
.fa-chevron-up:before {
	content: "\f077"
}
.fa-child:before {
	content: "\f1ae"
}
.fa-chrome:before {
	content: "\f268"
}
.fa-chromecast:before {
	content: "\f838"
}
.fa-church:before {
	content: "\f51d"
}
.fa-circle:before {
	content: "\f111"
}
.fa-circle-notch:before {
	content: "\f1ce"
}
.fa-city:before {
	content: "\f64f"
}
.fa-clinic-medical:before {
	content: "\f7f2"
}
.fa-clipboard:before {
	content: "\f328"
}
.fa-clipboard-check:before {
	content: "\f46c"
}
.fa-clipboard-list:before {
	content: "\f46d"
}
.fa-clock:before {
	content: "\f017"
}
.fa-clone:before {
	content: "\f24d"
}
.fa-closed-captioning:before {
	content: "\f20a"
}
.fa-cloud:before {
	content: "\f0c2"
}
.fa-cloud-download-alt:before {
	content: "\f381"
}
.fa-cloud-meatball:before {
	content: "\f73b"
}
.fa-cloud-moon:before {
	content: "\f6c3"
}
.fa-cloud-moon-rain:before {
	content: "\f73c"
}
.fa-cloud-rain:before {
	content: "\f73d"
}
.fa-cloud-showers-heavy:before {
	content: "\f740"
}
.fa-cloud-sun:before {
	content: "\f6c4"
}
.fa-cloud-sun-rain:before {
	content: "\f743"
}
.fa-cloud-upload-alt:before {
	content: "\f382"
}
.fa-cloudscale:before {
	content: "\f383"
}
.fa-cloudsmith:before {
	content: "\f384"
}
.fa-cloudversify:before {
	content: "\f385"
}
.fa-cocktail:before {
	content: "\f561"
}
.fa-code:before {
	content: "\f121"
}
.fa-code-branch:before {
	content: "\f126"
}
.fa-codepen:before {
	content: "\f1cb"
}
.fa-codiepie:before {
	content: "\f284"
}
.fa-coffee:before {
	content: "\f0f4"
}
.fa-cog:before {
	content: "\f013"
}
.fa-cogs:before {
	content: "\f085"
}
.fa-coins:before {
	content: "\f51e"
}
.fa-columns:before {
	content: "\f0db"
}
.fa-comment:before {
	content: "\f075"
}
.fa-comment-alt:before {
	content: "\f27a"
}
.fa-comment-dollar:before {
	content: "\f651"
}
.fa-comment-dots:before {
	content: "\f4ad"
}
.fa-comment-medical:before {
	content: "\f7f5"
}
.fa-comment-slash:before {
	content: "\f4b3"
}
.fa-comments:before {
	content: "\f086"
}
.fa-comments-dollar:before {
	content: "\f653"
}
.fa-compact-disc:before {
	content: "\f51f"
}
.fa-compass:before {
	content: "\f14e"
}
.fa-compress:before {
	content: "\f066"
}
.fa-compress-arrows-alt:before {
	content: "\f78c"
}
.fa-concierge-bell:before {
	content: "\f562"
}
.fa-confluence:before {
	content: "\f78d"
}
.fa-connectdevelop:before {
	content: "\f20e"
}
.fa-contao:before {
	content: "\f26d"
}
.fa-cookie:before {
	content: "\f563"
}
.fa-cookie-bite:before {
	content: "\f564"
}
.fa-copy:before {
	content: "\f0c5"
}
.fa-copyright:before {
	content: "\f1f9"
}
.fa-cotton-bureau:before {
	content: "\f89e"
}
.fa-couch:before {
	content: "\f4b8"
}
.fa-cpanel:before {
	content: "\f388"
}
.fa-creative-commons:before {
	content: "\f25e"
}
.fa-creative-commons-by:before {
	content: "\f4e7"
}
.fa-creative-commons-nc:before {
	content: "\f4e8"
}
.fa-creative-commons-nc-eu:before {
	content: "\f4e9"
}
.fa-creative-commons-nc-jp:before {
	content: "\f4ea"
}
.fa-creative-commons-nd:before {
	content: "\f4eb"
}
.fa-creative-commons-pd:before {
	content: "\f4ec"
}
.fa-creative-commons-pd-alt:before {
	content: "\f4ed"
}
.fa-creative-commons-remix:before {
	content: "\f4ee"
}
.fa-creative-commons-sa:before {
	content: "\f4ef"
}
.fa-creative-commons-sampling:before {
	content: "\f4f0"
}
.fa-creative-commons-sampling-plus:before {
	content: "\f4f1"
}
.fa-creative-commons-share:before {
	content: "\f4f2"
}
.fa-creative-commons-zero:before {
	content: "\f4f3"
}
.fa-credit-card:before {
	content: "\f09d"
}
.fa-critical-role:before {
	content: "\f6c9"
}
.fa-crop:before {
	content: "\f125"
}
.fa-crop-alt:before {
	content: "\f565"
}
.fa-cross:before {
	content: "\f654"
}
.fa-crosshairs:before {
	content: "\f05b"
}
.fa-crow:before {
	content: "\f520"
}
.fa-crown:before {
	content: "\f521"
}
.fa-crutch:before {
	content: "\f7f7"
}
.fa-css3:before {
	content: "\f13c"
}
.fa-css3-alt:before {
	content: "\f38b"
}
.fa-cube:before {
	content: "\f1b2"
}
.fa-cubes:before {
	content: "\f1b3"
}
.fa-cut:before {
	content: "\f0c4"
}
.fa-cuttlefish:before {
	content: "\f38c"
}
.fa-d-and-d:before {
	content: "\f38d"
}
.fa-d-and-d-beyond:before {
	content: "\f6ca"
}
.fa-dashcube:before {
	content: "\f210"
}
.fa-database:before {
	content: "\f1c0"
}
.fa-deaf:before {
	content: "\f2a4"
}
.fa-delicious:before {
	content: "\f1a5"
}
.fa-democrat:before {
	content: "\f747"
}
.fa-deploydog:before {
	content: "\f38e"
}
.fa-deskpro:before {
	content: "\f38f"
}
.fa-desktop:before {
	content: "\f108"
}
.fa-dev:before {
	content: "\f6cc"
}
.fa-deviantart:before {
	content: "\f1bd"
}
.fa-dharmachakra:before {
	content: "\f655"
}
.fa-dhl:before {
	content: "\f790"
}
.fa-diagnoses:before {
	content: "\f470"
}
.fa-diaspora:before {
	content: "\f791"
}
.fa-dice:before {
	content: "\f522"
}
.fa-dice-d20:before {
	content: "\f6cf"
}
.fa-dice-d6:before {
	content: "\f6d1"
}
.fa-dice-five:before {
	content: "\f523"
}
.fa-dice-four:before {
	content: "\f524"
}
.fa-dice-one:before {
	content: "\f525"
}
.fa-dice-six:before {
	content: "\f526"
}
.fa-dice-three:before {
	content: "\f527"
}
.fa-dice-two:before {
	content: "\f528"
}
.fa-digg:before {
	content: "\f1a6"
}
.fa-digital-ocean:before {
	content: "\f391"
}
.fa-digital-tachograph:before {
	content: "\f566"
}
.fa-directions:before {
	content: "\f5eb"
}
.fa-discord:before {
	content: "\f392"
}
.fa-discourse:before {
	content: "\f393"
}
.fa-divide:before {
	content: "\f529"
}
.fa-dizzy:before {
	content: "\f567"
}
.fa-dna:before {
	content: "\f471"
}
.fa-dochub:before {
	content: "\f394"
}
.fa-docker:before {
	content: "\f395"
}
.fa-dog:before {
	content: "\f6d3"
}
.fa-dollar-sign:before {
	content: "\f155"
}
.fa-dolly:before {
	content: "\f472"
}
.fa-dolly-flatbed:before {
	content: "\f474"
}
.fa-donate:before {
	content: "\f4b9"
}
.fa-door-closed:before {
	content: "\f52a"
}
.fa-door-open:before {
	content: "\f52b"
}
.fa-dot-circle:before {
	content: "\f192"
}
.fa-dove:before {
	content: "\f4ba"
}
.fa-download:before {
	content: "\f019"
}
.fa-draft2digital:before {
	content: "\f396"
}
.fa-drafting-compass:before {
	content: "\f568"
}
.fa-dragon:before {
	content: "\f6d5"
}
.fa-draw-polygon:before {
	content: "\f5ee"
}
.fa-dribbble:before {
	content: "\f17d"
}
.fa-dribbble-square:before {
	content: "\f397"
}
.fa-dropbox:before {
	content: "\f16b"
}
.fa-drum:before {
	content: "\f569"
}
.fa-drum-steelpan:before {
	content: "\f56a"
}
.fa-drumstick-bite:before {
	content: "\f6d7"
}
.fa-drupal:before {
	content: "\f1a9"
}
.fa-dumbbell:before {
	content: "\f44b"
}
.fa-dumpster:before {
	content: "\f793"
}
.fa-dumpster-fire:before {
	content: "\f794"
}
.fa-dungeon:before {
	content: "\f6d9"
}
.fa-dyalog:before {
	content: "\f399"
}
.fa-earlybirds:before {
	content: "\f39a"
}
.fa-ebay:before {
	content: "\f4f4"
}
.fa-edge:before {
	content: "\f282"
}
.fa-edit:before {
	content: "\f044"
}
.fa-egg:before {
	content: "\f7fb"
}
.fa-eject:before {
	content: "\f052"
}
.fa-elementor:before {
	content: "\f430"
}
.fa-ellipsis-h:before {
	content: "\f141"
}
.fa-ellipsis-v:before {
	content: "\f142"
}
.fa-ello:before {
	content: "\f5f1"
}
.fa-ember:before {
	content: "\f423"
}
.fa-empire:before {
	content: "\f1d1"
}
.fa-envelope:before {
	content: "\f0e0"
}
.fa-envelope-open:before {
	content: "\f2b6"
}
.fa-envelope-open-text:before {
	content: "\f658"
}
.fa-envelope-square:before {
	content: "\f199"
}
.fa-envira:before {
	content: "\f299"
}
.fa-equals:before {
	content: "\f52c"
}
.fa-eraser:before {
	content: "\f12d"
}
.fa-erlang:before {
	content: "\f39d"
}
.fa-ethereum:before {
	content: "\f42e"
}
.fa-ethernet:before {
	content: "\f796"
}
.fa-etsy:before {
	content: "\f2d7"
}
.fa-euro-sign:before {
	content: "\f153"
}
.fa-evernote:before {
	content: "\f839"
}
.fa-exchange-alt:before {
	content: "\f362"
}
.fa-exclamation:before {
	content: "\f12a"
}
.fa-exclamation-circle:before {
	content: "\f06a"
}
.fa-exclamation-triangle:before {
	content: "\f071"
}
.fa-expand:before {
	content: "\f065"
}
.fa-expand-arrows-alt:before {
	content: "\f31e"
}
.fa-expeditedssl:before {
	content: "\f23e"
}
.fa-external-link-alt:before {
	content: "\f35d"
}
.fa-external-link-square-alt:before {
	content: "\f360"
}
.fa-eye:before {
	content: "\f06e"
}
.fa-eye-dropper:before {
	content: "\f1fb"
}
.fa-eye-slash:before {
	content: "\f070"
}
.fa-facebook:before {
	content: "\f09a"
}
.fa-facebook-f:before {
	content: "\f39e"
}
.fa-facebook-messenger:before {
	content: "\f39f"
}
.fa-facebook-square:before {
	content: "\f082"
}
.fa-fan:before {
	content: "\f863"
}
.fa-fantasy-flight-games:before {
	content: "\f6dc"
}
.fa-fast-backward:before {
	content: "\f049"
}
.fa-fast-forward:before {
	content: "\f050"
}
.fa-fax:before {
	content: "\f1ac"
}
.fa-feather:before {
	content: "\f52d"
}
.fa-feather-alt:before {
	content: "\f56b"
}
.fa-fedex:before {
	content: "\f797"
}
.fa-fedora:before {
	content: "\f798"
}
.fa-female:before {
	content: "\f182"
}
.fa-fighter-jet:before {
	content: "\f0fb"
}
.fa-figma:before {
	content: "\f799"
}
.fa-file:before {
	content: "\f15b"
}
.fa-file-alt:before {
	content: "\f15c"
}
.fa-file-archive:before {
	content: "\f1c6"
}
.fa-file-audio:before {
	content: "\f1c7"
}
.fa-file-code:before {
	content: "\f1c9"
}
.fa-file-contract:before {
	content: "\f56c"
}
.fa-file-csv:before {
	content: "\f6dd"
}
.fa-file-download:before {
	content: "\f56d"
}
.fa-file-excel:before {
	content: "\f1c3"
}
.fa-file-export:before {
	content: "\f56e"
}
.fa-file-image:before {
	content: "\f1c5"
}
.fa-file-import:before {
	content: "\f56f"
}
.fa-file-invoice:before {
	content: "\f570"
}
.fa-file-invoice-dollar:before {
	content: "\f571"
}
.fa-file-medical:before {
	content: "\f477"
}
.fa-file-medical-alt:before {
	content: "\f478"
}
.fa-file-pdf:before {
	content: "\f1c1"
}
.fa-file-powerpoint:before {
	content: "\f1c4"
}
.fa-file-prescription:before {
	content: "\f572"
}
.fa-file-signature:before {
	content: "\f573"
}
.fa-file-upload:before {
	content: "\f574"
}
.fa-file-video:before {
	content: "\f1c8"
}
.fa-file-word:before {
	content: "\f1c2"
}
.fa-fill:before {
	content: "\f575"
}
.fa-fill-drip:before {
	content: "\f576"
}
.fa-film:before {
	content: "\f008"
}
.fa-filter:before {
	content: "\f0b0"
}
.fa-fingerprint:before {
	content: "\f577"
}
.fa-fire:before {
	content: "\f06d"
}
.fa-fire-alt:before {
	content: "\f7e4"
}
.fa-fire-extinguisher:before {
	content: "\f134"
}
.fa-firefox:before {
	content: "\f269"
}
.fa-first-aid:before {
	content: "\f479"
}
.fa-first-order:before {
	content: "\f2b0"
}
.fa-first-order-alt:before {
	content: "\f50a"
}
.fa-firstdraft:before {
	content: "\f3a1"
}
.fa-fish:before {
	content: "\f578"
}
.fa-fist-raised:before {
	content: "\f6de"
}
.fa-flag:before {
	content: "\f024"
}
.fa-flag-checkered:before {
	content: "\f11e"
}
.fa-flag-usa:before {
	content: "\f74d"
}
.fa-flask:before {
	content: "\f0c3"
}
.fa-flickr:before {
	content: "\f16e"
}
.fa-flipboard:before {
	content: "\f44d"
}
.fa-flushed:before {
	content: "\f579"
}
.fa-fly:before {
	content: "\f417"
}
.fa-folder:before {
	content: "\f07b"
}
.fa-folder-minus:before {
	content: "\f65d"
}
.fa-folder-open:before {
	content: "\f07c"
}
.fa-folder-plus:before {
	content: "\f65e"
}
.fa-font:before {
	content: "\f031"
}
.fa-font-awesome:before {
	content: "\f2b4"
}
.fa-font-awesome-alt:before {
	content: "\f35c"
}
.fa-font-awesome-flag:before {
	content: "\f425"
}
.fa-font-awesome-logo-full:before {
	content: "\f4e6"
}
.fa-fonticons:before {
	content: "\f280"
}
.fa-fonticons-fi:before {
	content: "\f3a2"
}
.fa-football-ball:before {
	content: "\f44e"
}
.fa-fort-awesome:before {
	content: "\f286"
}
.fa-fort-awesome-alt:before {
	content: "\f3a3"
}
.fa-forumbee:before {
	content: "\f211"
}
.fa-forward:before {
	content: "\f04e"
}
.fa-foursquare:before {
	content: "\f180"
}
.fa-free-code-camp:before {
	content: "\f2c5"
}
.fa-freebsd:before {
	content: "\f3a4"
}
.fa-frog:before {
	content: "\f52e"
}
.fa-frown:before {
	content: "\f119"
}
.fa-frown-open:before {
	content: "\f57a"
}
.fa-fulcrum:before {
	content: "\f50b"
}
.fa-funnel-dollar:before {
	content: "\f662"
}
.fa-futbol:before {
	content: "\f1e3"
}
.fa-galactic-republic:before {
	content: "\f50c"
}
.fa-galactic-senate:before {
	content: "\f50d"
}
.fa-gamepad:before {
	content: "\f11b"
}
.fa-gas-pump:before {
	content: "\f52f"
}
.fa-gavel:before {
	content: "\f0e3"
}
.fa-gem:before {
	content: "\f3a5"
}
.fa-genderless:before {
	content: "\f22d"
}
.fa-get-pocket:before {
	content: "\f265"
}
.fa-gg:before {
	content: "\f260"
}
.fa-gg-circle:before {
	content: "\f261"
}
.fa-ghost:before {
	content: "\f6e2"
}
.fa-gift:before {
	content: "\f06b"
}
.fa-gifts:before {
	content: "\f79c"
}
.fa-git:before {
	content: "\f1d3"
}
.fa-git-alt:before {
	content: "\f841"
}
.fa-git-square:before {
	content: "\f1d2"
}
.fa-github:before {
	content: "\f09b"
}
.fa-github-alt:before {
	content: "\f113"
}
.fa-github-square:before {
	content: "\f092"
}
.fa-gitkraken:before {
	content: "\f3a6"
}
.fa-gitlab:before {
	content: "\f296"
}
.fa-gitter:before {
	content: "\f426"
}
.fa-glass-cheers:before {
	content: "\f79f"
}
.fa-glass-martini:before {
	content: "\f000"
}
.fa-glass-martini-alt:before {
	content: "\f57b"
}
.fa-glass-whiskey:before {
	content: "\f7a0"
}
.fa-glasses:before {
	content: "\f530"
}
.fa-glide:before {
	content: "\f2a5"
}
.fa-glide-g:before {
	content: "\f2a6"
}
.fa-globe:before {
	content: "\f0ac"
}
.fa-globe-africa:before {
	content: "\f57c"
}
.fa-globe-americas:before {
	content: "\f57d"
}
.fa-globe-asia:before {
	content: "\f57e"
}
.fa-globe-europe:before {
	content: "\f7a2"
}
.fa-gofore:before {
	content: "\f3a7"
}
.fa-golf-ball:before {
	content: "\f450"
}
.fa-goodreads:before {
	content: "\f3a8"
}
.fa-goodreads-g:before {
	content: "\f3a9"
}
.fa-google:before {
	content: "\f1a0"
}
.fa-google-drive:before {
	content: "\f3aa"
}
.fa-google-play:before {
	content: "\f3ab"
}
.fa-google-plus:before {
	content: "\f2b3"
}
.fa-google-plus-g:before {
	content: "\f0d5"
}
.fa-google-plus-square:before {
	content: "\f0d4"
}
.fa-google-wallet:before {
	content: "\f1ee"
}
.fa-gopuram:before {
	content: "\f664"
}
.fa-graduation-cap:before {
	content: "\f19d"
}
.fa-gratipay:before {
	content: "\f184"
}
.fa-grav:before {
	content: "\f2d6"
}
.fa-greater-than:before {
	content: "\f531"
}
.fa-greater-than-equal:before {
	content: "\f532"
}
.fa-grimace:before {
	content: "\f57f"
}
.fa-grin:before {
	content: "\f580"
}
.fa-grin-alt:before {
	content: "\f581"
}
.fa-grin-beam:before {
	content: "\f582"
}
.fa-grin-beam-sweat:before {
	content: "\f583"
}
.fa-grin-hearts:before {
	content: "\f584"
}
.fa-grin-squint:before {
	content: "\f585"
}
.fa-grin-squint-tears:before {
	content: "\f586"
}
.fa-grin-stars:before {
	content: "\f587"
}
.fa-grin-tears:before {
	content: "\f588"
}
.fa-grin-tongue:before {
	content: "\f589"
}
.fa-grin-tongue-squint:before {
	content: "\f58a"
}
.fa-grin-tongue-wink:before {
	content: "\f58b"
}
.fa-grin-wink:before {
	content: "\f58c"
}
.fa-grip-horizontal:before {
	content: "\f58d"
}
.fa-grip-lines:before {
	content: "\f7a4"
}
.fa-grip-lines-vertical:before {
	content: "\f7a5"
}
.fa-grip-vertical:before {
	content: "\f58e"
}
.fa-gripfire:before {
	content: "\f3ac"
}
.fa-grunt:before {
	content: "\f3ad"
}
.fa-guitar:before {
	content: "\f7a6"
}
.fa-gulp:before {
	content: "\f3ae"
}
.fa-h-square:before {
	content: "\f0fd"
}
.fa-hacker-news:before {
	content: "\f1d4"
}
.fa-hacker-news-square:before {
	content: "\f3af"
}
.fa-hackerrank:before {
	content: "\f5f7"
}
.fa-hamburger:before {
	content: "\f805"
}
.fa-hammer:before {
	content: "\f6e3"
}
.fa-hamsa:before {
	content: "\f665"
}
.fa-hand-holding:before {
	content: "\f4bd"
}
.fa-hand-holding-heart:before {
	content: "\f4be"
}
.fa-hand-holding-usd:before {
	content: "\f4c0"
}
.fa-hand-lizard:before {
	content: "\f258"
}
.fa-hand-middle-finger:before {
	content: "\f806"
}
.fa-hand-paper:before {
	content: "\f256"
}
.fa-hand-peace:before {
	content: "\f25b"
}
.fa-hand-point-down:before {
	content: "\f0a7"
}
.fa-hand-point-left:before {
	content: "\f0a5"
}
.fa-hand-point-right:before {
	content: "\f0a4"
}
.fa-hand-point-up:before {
	content: "\f0a6"
}
.fa-hand-pointer:before {
	content: "\f25a"
}
.fa-hand-rock:before {
	content: "\f255"
}
.fa-hand-scissors:before {
	content: "\f257"
}
.fa-hand-spock:before {
	content: "\f259"
}
.fa-hands:before {
	content: "\f4c2"
}
.fa-hands-helping:before {
	content: "\f4c4"
}
.fa-handshake:before {
	content: "\f2b5"
}
.fa-hanukiah:before {
	content: "\f6e6"
}
.fa-hard-hat:before {
	content: "\f807"
}
.fa-hashtag:before {
	content: "\f292"
}
.fa-hat-cowboy:before {
	content: "\f8c0"
}
.fa-hat-cowboy-side:before {
	content: "\f8c1"
}
.fa-hat-wizard:before {
	content: "\f6e8"
}
.fa-haykal:before {
	content: "\f666"
}
.fa-hdd:before {
	content: "\f0a0"
}
.fa-heading:before {
	content: "\f1dc"
}
.fa-headphones:before {
	content: "\f025"
}
.fa-headphones-alt:before {
	content: "\f58f"
}
.fa-headset:before {
	content: "\f590"
}
.fa-heart:before {
	content: "\f004"
}
.fa-heart-broken:before {
	content: "\f7a9"
}
.fa-heartbeat:before {
	content: "\f21e"
}
.fa-helicopter:before {
	content: "\f533"
}
.fa-highlighter:before {
	content: "\f591"
}
.fa-hiking:before {
	content: "\f6ec"
}
.fa-hippo:before {
	content: "\f6ed"
}
.fa-hips:before {
	content: "\f452"
}
.fa-hire-a-helper:before {
	content: "\f3b0"
}
.fa-history:before {
	content: "\f1da"
}
.fa-hockey-puck:before {
	content: "\f453"
}
.fa-holly-berry:before {
	content: "\f7aa"
}
.fa-home:before {
	content: "\f015"
}
.fa-hooli:before {
	content: "\f427"
}
.fa-hornbill:before {
	content: "\f592"
}
.fa-horse:before {
	content: "\f6f0"
}
.fa-horse-head:before {
	content: "\f7ab"
}
.fa-hospital:before {
	content: "\f0f8"
}
.fa-hospital-alt:before {
	content: "\f47d"
}
.fa-hospital-symbol:before {
	content: "\f47e"
}
.fa-hot-tub:before {
	content: "\f593"
}
.fa-hotdog:before {
	content: "\f80f"
}
.fa-hotel:before {
	content: "\f594"
}
.fa-hotjar:before {
	content: "\f3b1"
}
.fa-hourglass:before {
	content: "\f254"
}
.fa-hourglass-end:before {
	content: "\f253"
}
.fa-hourglass-half:before {
	content: "\f252"
}
.fa-hourglass-start:before {
	content: "\f251"
}
.fa-house-damage:before {
	content: "\f6f1"
}
.fa-houzz:before {
	content: "\f27c"
}
.fa-hryvnia:before {
	content: "\f6f2"
}
.fa-html5:before {
	content: "\f13b"
}
.fa-hubspot:before {
	content: "\f3b2"
}
.fa-i-cursor:before {
	content: "\f246"
}
.fa-ice-cream:before {
	content: "\f810"
}
.fa-icicles:before {
	content: "\f7ad"
}
.fa-icons:before {
	content: "\f86d"
}
.fa-id-badge:before {
	content: "\f2c1"
}
.fa-id-card:before {
	content: "\f2c2"
}
.fa-id-card-alt:before {
	content: "\f47f"
}
.fa-igloo:before {
	content: "\f7ae"
}
.fa-image:before {
	content: "\f03e"
}
.fa-images:before {
	content: "\f302"
}
.fa-imdb:before {
	content: "\f2d8"
}
.fa-inbox:before {
	content: "\f01c"
}
.fa-indent:before {
	content: "\f03c"
}
.fa-industry:before {
	content: "\f275"
}
.fa-infinity:before {
	content: "\f534"
}
.fa-info:before {
	content: "\f129"
}
.fa-info-circle:before {
	content: "\f05a"
}
.fa-instagram:before {
	content: "\f16d"
}
.fa-intercom:before {
	content: "\f7af"
}
.fa-internet-explorer:before {
	content: "\f26b"
}
.fa-invision:before {
	content: "\f7b0"
}
.fa-ioxhost:before {
	content: "\f208"
}
.fa-italic:before {
	content: "\f033"
}
.fa-itch-io:before {
	content: "\f83a"
}
.fa-itunes:before {
	content: "\f3b4"
}
.fa-itunes-note:before {
	content: "\f3b5"
}
.fa-java:before {
	content: "\f4e4"
}
.fa-jedi:before {
	content: "\f669"
}
.fa-jedi-order:before {
	content: "\f50e"
}
.fa-jenkins:before {
	content: "\f3b6"
}
.fa-jira:before {
	content: "\f7b1"
}
.fa-joget:before {
	content: "\f3b7"
}
.fa-joint:before {
	content: "\f595"
}
.fa-joomla:before {
	content: "\f1aa"
}
.fa-journal-whills:before {
	content: "\f66a"
}
.fa-js:before {
	content: "\f3b8"
}
.fa-js-square:before {
	content: "\f3b9"
}
.fa-jsfiddle:before {
	content: "\f1cc"
}
.fa-kaaba:before {
	content: "\f66b"
}
.fa-kaggle:before {
	content: "\f5fa"
}
.fa-key:before {
	content: "\f084"
}
.fa-keybase:before {
	content: "\f4f5"
}
.fa-keyboard:before {
	content: "\f11c"
}
.fa-keycdn:before {
	content: "\f3ba"
}
.fa-khanda:before {
	content: "\f66d"
}
.fa-kickstarter:before {
	content: "\f3bb"
}
.fa-kickstarter-k:before {
	content: "\f3bc"
}
.fa-kiss:before {
	content: "\f596"
}
.fa-kiss-beam:before {
	content: "\f597"
}
.fa-kiss-wink-heart:before {
	content: "\f598"
}
.fa-kiwi-bird:before {
	content: "\f535"
}
.fa-korvue:before {
	content: "\f42f"
}
.fa-landmark:before {
	content: "\f66f"
}
.fa-language:before {
	content: "\f1ab"
}
.fa-laptop:before {
	content: "\f109"
}
.fa-laptop-code:before {
	content: "\f5fc"
}
.fa-laptop-medical:before {
	content: "\f812"
}
.fa-laravel:before {
	content: "\f3bd"
}
.fa-lastfm:before {
	content: "\f202"
}
.fa-lastfm-square:before {
	content: "\f203"
}
.fa-laugh:before {
	content: "\f599"
}
.fa-laugh-beam:before {
	content: "\f59a"
}
.fa-laugh-squint:before {
	content: "\f59b"
}
.fa-laugh-wink:before {
	content: "\f59c"
}
.fa-layer-group:before {
	content: "\f5fd"
}
.fa-leaf:before {
	content: "\f06c"
}
.fa-leanpub:before {
	content: "\f212"
}
.fa-lemon:before {
	content: "\f094"
}
.fa-less:before {
	content: "\f41d"
}
.fa-less-than:before {
	content: "\f536"
}
.fa-less-than-equal:before {
	content: "\f537"
}
.fa-level-down-alt:before {
	content: "\f3be"
}
.fa-level-up-alt:before {
	content: "\f3bf"
}
.fa-life-ring:before {
	content: "\f1cd"
}
.fa-lightbulb:before {
	content: "\f0eb"
}
.fa-line:before {
	content: "\f3c0"
}
.fa-link:before {
	content: "\f0c1"
}
.fa-linkedin:before {
	content: "\f08c"
}
.fa-linkedin-in:before {
	content: "\f0e1"
}
.fa-linode:before {
	content: "\f2b8"
}
.fa-linux:before {
	content: "\f17c"
}
.fa-lira-sign:before {
	content: "\f195"
}
.fa-list:before {
	content: "\f03a"
}
.fa-list-alt:before {
	content: "\f022"
}
.fa-list-ol:before {
	content: "\f0cb"
}
.fa-list-ul:before {
	content: "\f0ca"
}
.fa-location-arrow:before {
	content: "\f124"
}
.fa-lock:before {
	content: "\f023"
}
.fa-lock-open:before {
	content: "\f3c1"
}
.fa-long-arrow-alt-down:before {
	content: "\f309"
}
.fa-long-arrow-alt-left:before {
	content: "\f30a"
}
.fa-long-arrow-alt-right:before {
	content: "\f30b"
}
.fa-long-arrow-alt-up:before {
	content: "\f30c"
}
.fa-low-vision:before {
	content: "\f2a8"
}
.fa-luggage-cart:before {
	content: "\f59d"
}
.fa-lyft:before {
	content: "\f3c3"
}
.fa-magento:before {
	content: "\f3c4"
}
.fa-magic:before {
	content: "\f0d0"
}
.fa-magnet:before {
	content: "\f076"
}
.fa-mail-bulk:before {
	content: "\f674"
}
.fa-mailchimp:before {
	content: "\f59e"
}
.fa-male:before {
	content: "\f183"
}
.fa-mandalorian:before {
	content: "\f50f"
}
.fa-map:before {
	content: "\f279"
}
.fa-map-marked:before {
	content: "\f59f"
}
.fa-map-marked-alt:before {
	content: "\f5a0"
}
.fa-map-marker:before {
	content: "\f041"
}
.fa-map-marker-alt:before {
	content: "\f3c5"
}
.fa-map-pin:before {
	content: "\f276"
}
.fa-map-signs:before {
	content: "\f277"
}
.fa-markdown:before {
	content: "\f60f"
}
.fa-marker:before {
	content: "\f5a1"
}
.fa-mars:before {
	content: "\f222"
}
.fa-mars-double:before {
	content: "\f227"
}
.fa-mars-stroke:before {
	content: "\f229"
}
.fa-mars-stroke-h:before {
	content: "\f22b"
}
.fa-mars-stroke-v:before {
	content: "\f22a"
}
.fa-mask:before {
	content: "\f6fa"
}
.fa-mastodon:before {
	content: "\f4f6"
}
.fa-maxcdn:before {
	content: "\f136"
}
.fa-mdb:before {
	content: "\f8ca"
}
.fa-medal:before {
	content: "\f5a2"
}
.fa-medapps:before {
	content: "\f3c6"
}
.fa-medium:before {
	content: "\f23a"
}
.fa-medium-m:before {
	content: "\f3c7"
}
.fa-medkit:before {
	content: "\f0fa"
}
.fa-medrt:before {
	content: "\f3c8"
}
.fa-meetup:before {
	content: "\f2e0"
}
.fa-megaport:before {
	content: "\f5a3"
}
.fa-meh:before {
	content: "\f11a"
}
.fa-meh-blank:before {
	content: "\f5a4"
}
.fa-meh-rolling-eyes:before {
	content: "\f5a5"
}
.fa-memory:before {
	content: "\f538"
}
.fa-mendeley:before {
	content: "\f7b3"
}
.fa-menorah:before {
	content: "\f676"
}
.fa-mercury:before {
	content: "\f223"
}
.fa-meteor:before {
	content: "\f753"
}
.fa-microchip:before {
	content: "\f2db"
}
.fa-microphone:before {
	content: "\f130"
}
.fa-microphone-alt:before {
	content: "\f3c9"
}
.fa-microphone-alt-slash:before {
	content: "\f539"
}
.fa-microphone-slash:before {
	content: "\f131"
}
.fa-microscope:before {
	content: "\f610"
}
.fa-microsoft:before {
	content: "\f3ca"
}
.fa-minus:before {
	content: "\f068"
}
.fa-minus-circle:before {
	content: "\f056"
}
.fa-minus-square:before {
	content: "\f146"
}
.fa-mitten:before {
	content: "\f7b5"
}
.fa-mix:before {
	content: "\f3cb"
}
.fa-mixcloud:before {
	content: "\f289"
}
.fa-mizuni:before {
	content: "\f3cc"
}
.fa-mobile:before {
	content: "\f10b"
}
.fa-mobile-alt:before {
	content: "\f3cd"
}
.fa-modx:before {
	content: "\f285"
}
.fa-monero:before {
	content: "\f3d0"
}
.fa-money-bill:before {
	content: "\f0d6"
}
.fa-money-bill-alt:before {
	content: "\f3d1"
}
.fa-money-bill-wave:before {
	content: "\f53a"
}
.fa-money-bill-wave-alt:before {
	content: "\f53b"
}
.fa-money-check:before {
	content: "\f53c"
}
.fa-money-check-alt:before {
	content: "\f53d"
}
.fa-monument:before {
	content: "\f5a6"
}
.fa-moon:before {
	content: "\f186"
}
.fa-mortar-pestle:before {
	content: "\f5a7"
}
.fa-mosque:before {
	content: "\f678"
}
.fa-motorcycle:before {
	content: "\f21c"
}
.fa-mountain:before {
	content: "\f6fc"
}
.fa-mouse:before {
	content: "\f8cc"
}
.fa-mouse-pointer:before {
	content: "\f245"
}
.fa-mug-hot:before {
	content: "\f7b6"
}
.fa-music:before {
	content: "\f001"
}
.fa-napster:before {
	content: "\f3d2"
}
.fa-neos:before {
	content: "\f612"
}
.fa-network-wired:before {
	content: "\f6ff"
}
.fa-neuter:before {
	content: "\f22c"
}
.fa-newspaper:before {
	content: "\f1ea"
}
.fa-nimblr:before {
	content: "\f5a8"
}
.fa-node:before {
	content: "\f419"
}
.fa-node-js:before {
	content: "\f3d3"
}
.fa-not-equal:before {
	content: "\f53e"
}
.fa-notes-medical:before {
	content: "\f481"
}
.fa-npm:before {
	content: "\f3d4"
}
.fa-ns8:before {
	content: "\f3d5"
}
.fa-nutritionix:before {
	content: "\f3d6"
}
.fa-object-group:before {
	content: "\f247"
}
.fa-object-ungroup:before {
	content: "\f248"
}
.fa-odnoklassniki:before {
	content: "\f263"
}
.fa-odnoklassniki-square:before {
	content: "\f264"
}
.fa-oil-can:before {
	content: "\f613"
}
.fa-old-republic:before {
	content: "\f510"
}
.fa-om:before {
	content: "\f679"
}
.fa-opencart:before {
	content: "\f23d"
}
.fa-openid:before {
	content: "\f19b"
}
.fa-opera:before {
	content: "\f26a"
}
.fa-optin-monster:before {
	content: "\f23c"
}
.fa-orcid:before {
	content: "\f8d2"
}
.fa-osi:before {
	content: "\f41a"
}
.fa-otter:before {
	content: "\f700"
}
.fa-outdent:before {
	content: "\f03b"
}
.fa-page4:before {
	content: "\f3d7"
}
.fa-pagelines:before {
	content: "\f18c"
}
.fa-pager:before {
	content: "\f815"
}
.fa-paint-brush:before {
	content: "\f1fc"
}
.fa-paint-roller:before {
	content: "\f5aa"
}
.fa-palette:before {
	content: "\f53f"
}
.fa-palfed:before {
	content: "\f3d8"
}
.fa-pallet:before {
	content: "\f482"
}
.fa-paper-plane:before {
	content: "\f1d8"
}
.fa-paperclip:before {
	content: "\f0c6"
}
.fa-parachute-box:before {
	content: "\f4cd"
}
.fa-paragraph:before {
	content: "\f1dd"
}
.fa-parking:before {
	content: "\f540"
}
.fa-passport:before {
	content: "\f5ab"
}
.fa-pastafarianism:before {
	content: "\f67b"
}
.fa-paste:before {
	content: "\f0ea"
}
.fa-patreon:before {
	content: "\f3d9"
}
.fa-pause:before {
	content: "\f04c"
}
.fa-pause-circle:before {
	content: "\f28b"
}
.fa-paw:before {
	content: "\f1b0"
}
.fa-paypal:before {
	content: "\f1ed"
}
.fa-peace:before {
	content: "\f67c"
}
.fa-pen:before {
	content: "\f304"
}
.fa-pen-alt:before {
	content: "\f305"
}
.fa-pen-fancy:before {
	content: "\f5ac"
}
.fa-pen-nib:before {
	content: "\f5ad"
}
.fa-pen-square:before {
	content: "\f14b"
}
.fa-pencil-alt:before {
	content: "\f303"
}
.fa-pencil-ruler:before {
	content: "\f5ae"
}
.fa-penny-arcade:before {
	content: "\f704"
}
.fa-people-carry:before {
	content: "\f4ce"
}
.fa-pepper-hot:before {
	content: "\f816"
}
.fa-percent:before {
	content: "\f295"
}
.fa-percentage:before {
	content: "\f541"
}
.fa-periscope:before {
	content: "\f3da"
}
.fa-person-booth:before {
	content: "\f756"
}
.fa-phabricator:before {
	content: "\f3db"
}
.fa-phoenix-framework:before {
	content: "\f3dc"
}
.fa-phoenix-squadron:before {
	content: "\f511"
}
.fa-phone:before {
	content: "\f095"
}
.fa-phone-alt:before {
	content: "\f879"
}
.fa-phone-slash:before {
	content: "\f3dd"
}
.fa-phone-square:before {
	content: "\f098"
}
.fa-phone-square-alt:before {
	content: "\f87b"
}
.fa-phone-volume:before {
	content: "\f2a0"
}
.fa-photo-video:before {
	content: "\f87c"
}
.fa-php:before {
	content: "\f457"
}
.fa-pied-piper:before {
	content: "\f2ae"
}
.fa-pied-piper-alt:before {
	content: "\f1a8"
}
.fa-pied-piper-hat:before {
	content: "\f4e5"
}
.fa-pied-piper-pp:before {
	content: "\f1a7"
}
.fa-piggy-bank:before {
	content: "\f4d3"
}
.fa-pills:before {
	content: "\f484"
}
.fa-pinterest:before {
	content: "\f0d2"
}
.fa-pinterest-p:before {
	content: "\f231"
}
.fa-pinterest-square:before {
	content: "\f0d3"
}
.fa-pizza-slice:before {
	content: "\f818"
}
.fa-place-of-worship:before {
	content: "\f67f"
}
.fa-plane:before {
	content: "\f072"
}
.fa-plane-arrival:before {
	content: "\f5af"
}
.fa-plane-departure:before {
	content: "\f5b0"
}
.fa-play:before {
	content: "\f04b"
}
.fa-play-circle:before {
	content: "\f144"
}
.fa-playstation:before {
	content: "\f3df"
}
.fa-plug:before {
	content: "\f1e6"
}
.fa-plus:before {
	content: "\f067"
}
.fa-plus-circle:before {
	content: "\f055"
}
.fa-plus-square:before {
	content: "\f0fe"
}
.fa-podcast:before {
	content: "\f2ce"
}
.fa-poll:before {
	content: "\f681"
}
.fa-poll-h:before {
	content: "\f682"
}
.fa-poo:before {
	content: "\f2fe"
}
.fa-poo-storm:before {
	content: "\f75a"
}
.fa-poop:before {
	content: "\f619"
}
.fa-portrait:before {
	content: "\f3e0"
}
.fa-pound-sign:before {
	content: "\f154"
}
.fa-power-off:before {
	content: "\f011"
}
.fa-pray:before {
	content: "\f683"
}
.fa-praying-hands:before {
	content: "\f684"
}
.fa-prescription:before {
	content: "\f5b1"
}
.fa-prescription-bottle:before {
	content: "\f485"
}
.fa-prescription-bottle-alt:before {
	content: "\f486"
}
.fa-print:before {
	content: "\f02f"
}
.fa-procedures:before {
	content: "\f487"
}
.fa-product-hunt:before {
	content: "\f288"
}
.fa-project-diagram:before {
	content: "\f542"
}
.fa-pushed:before {
	content: "\f3e1"
}
.fa-puzzle-piece:before {
	content: "\f12e"
}
.fa-python:before {
	content: "\f3e2"
}
.fa-qq:before {
	content: "\f1d6"
}
.fa-qrcode:before {
	content: "\f029"
}
.fa-question:before {
	content: "\f128"
}
.fa-question-circle:before {
	content: "\f059"
}
.fa-quidditch:before {
	content: "\f458"
}
.fa-quinscape:before {
	content: "\f459"
}
.fa-quora:before {
	content: "\f2c4"
}
.fa-quote-left:before {
	content: "\f10d"
}
.fa-quote-right:before {
	content: "\f10e"
}
.fa-quran:before {
	content: "\f687"
}
.fa-r-project:before {
	content: "\f4f7"
}
.fa-radiation:before {
	content: "\f7b9"
}
.fa-radiation-alt:before {
	content: "\f7ba"
}
.fa-rainbow:before {
	content: "\f75b"
}
.fa-random:before {
	content: "\f074"
}
.fa-raspberry-pi:before {
	content: "\f7bb"
}
.fa-ravelry:before {
	content: "\f2d9"
}
.fa-react:before {
	content: "\f41b"
}
.fa-reacteurope:before {
	content: "\f75d"
}
.fa-readme:before {
	content: "\f4d5"
}
.fa-rebel:before {
	content: "\f1d0"
}
.fa-receipt:before {
	content: "\f543"
}
.fa-record-vinyl:before {
	content: "\f8d9"
}
.fa-recycle:before {
	content: "\f1b8"
}
.fa-red-river:before {
	content: "\f3e3"
}
.fa-reddit:before {
	content: "\f1a1"
}
.fa-reddit-alien:before {
	content: "\f281"
}
.fa-reddit-square:before {
	content: "\f1a2"
}
.fa-redhat:before {
	content: "\f7bc"
}
.fa-redo:before {
	content: "\f01e"
}
.fa-redo-alt:before {
	content: "\f2f9"
}
.fa-registered:before {
	content: "\f25d"
}
.fa-remove-format:before {
	content: "\f87d"
}
.fa-renren:before {
	content: "\f18b"
}
.fa-reply:before {
	content: "\f3e5"
}
.fa-reply-all:before {
	content: "\f122"
}
.fa-replyd:before {
	content: "\f3e6"
}
.fa-republican:before {
	content: "\f75e"
}
.fa-researchgate:before {
	content: "\f4f8"
}
.fa-resolving:before {
	content: "\f3e7"
}
.fa-restroom:before {
	content: "\f7bd"
}
.fa-retweet:before {
	content: "\f079"
}
.fa-rev:before {
	content: "\f5b2"
}
.fa-ribbon:before {
	content: "\f4d6"
}
.fa-ring:before {
	content: "\f70b"
}
.fa-road:before {
	content: "\f018"
}
.fa-robot:before {
	content: "\f544"
}
.fa-rocket:before {
	content: "\f135"
}
.fa-rocketchat:before {
	content: "\f3e8"
}
.fa-rockrms:before {
	content: "\f3e9"
}
.fa-route:before {
	content: "\f4d7"
}
.fa-rss:before {
	content: "\f09e"
}
.fa-rss-square:before {
	content: "\f143"
}
.fa-ruble-sign:before {
	content: "\f158"
}
.fa-ruler:before {
	content: "\f545"
}
.fa-ruler-combined:before {
	content: "\f546"
}
.fa-ruler-horizontal:before {
	content: "\f547"
}
.fa-ruler-vertical:before {
	content: "\f548"
}
.fa-running:before {
	content: "\f70c"
}
.fa-rupee-sign:before {
	content: "\f156"
}
.fa-sad-cry:before {
	content: "\f5b3"
}
.fa-sad-tear:before {
	content: "\f5b4"
}
.fa-safari:before {
	content: "\f267"
}
.fa-salesforce:before {
	content: "\f83b"
}
.fa-sass:before {
	content: "\f41e"
}
.fa-satellite:before {
	content: "\f7bf"
}
.fa-satellite-dish:before {
	content: "\f7c0"
}
.fa-save:before {
	content: "\f0c7"
}
.fa-schlix:before {
	content: "\f3ea"
}
.fa-school:before {
	content: "\f549"
}
.fa-screwdriver:before {
	content: "\f54a"
}
.fa-scribd:before {
	content: "\f28a"
}
.fa-scroll:before {
	content: "\f70e"
}
.fa-sd-card:before {
	content: "\f7c2"
}
.fa-search:before {
	content: "\f002"
}
.fa-search-dollar:before {
	content: "\f688"
}
.fa-search-location:before {
	content: "\f689"
}
.fa-search-minus:before {
	content: "\f010"
}
.fa-search-plus:before {
	content: "\f00e"
}
.fa-searchengin:before {
	content: "\f3eb"
}
.fa-seedling:before {
	content: "\f4d8"
}
.fa-sellcast:before {
	content: "\f2da"
}
.fa-sellsy:before {
	content: "\f213"
}
.fa-server:before {
	content: "\f233"
}
.fa-servicestack:before {
	content: "\f3ec"
}
.fa-shapes:before {
	content: "\f61f"
}
.fa-share:before {
	content: "\f064"
}
.fa-share-alt:before {
	content: "\f1e0"
}
.fa-share-alt-square:before {
	content: "\f1e1"
}
.fa-share-square:before {
	content: "\f14d"
}
.fa-shekel-sign:before {
	content: "\f20b"
}
.fa-shield-alt:before {
	content: "\f3ed"
}
.fa-ship:before {
	content: "\f21a"
}
.fa-shipping-fast:before {
	content: "\f48b"
}
.fa-shirtsinbulk:before {
	content: "\f214"
}
.fa-shoe-prints:before {
	content: "\f54b"
}
.fa-shopping-bag:before {
	content: "\f290"
}
.fa-shopping-basket:before {
	content: "\f291"
}
.fa-shopping-cart:before {
	content: "\f07a"
}
.fa-shopware:before {
	content: "\f5b5"
}
.fa-shower:before {
	content: "\f2cc"
}
.fa-shuttle-van:before {
	content: "\f5b6"
}
.fa-sign:before {
	content: "\f4d9"
}
.fa-sign-in-alt:before {
	content: "\f2f6"
}
.fa-sign-language:before {
	content: "\f2a7"
}
.fa-sign-out-alt:before {
	content: "\f2f5"
}
.fa-signal:before {
	content: "\f012"
}
.fa-signature:before {
	content: "\f5b7"
}
.fa-sim-card:before {
	content: "\f7c4"
}
.fa-simplybuilt:before {
	content: "\f215"
}
.fa-sistrix:before {
	content: "\f3ee"
}
.fa-sitemap:before {
	content: "\f0e8"
}
.fa-sith:before {
	content: "\f512"
}
.fa-skating:before {
	content: "\f7c5"
}
.fa-sketch:before {
	content: "\f7c6"
}
.fa-skiing:before {
	content: "\f7c9"
}
.fa-skiing-nordic:before {
	content: "\f7ca"
}
.fa-skull:before {
	content: "\f54c"
}
.fa-skull-crossbones:before {
	content: "\f714"
}
.fa-skyatlas:before {
	content: "\f216"
}
.fa-skype:before {
	content: "\f17e"
}
.fa-slack:before {
	content: "\f198"
}
.fa-slack-hash:before {
	content: "\f3ef"
}
.fa-slash:before {
	content: "\f715"
}
.fa-sleigh:before {
	content: "\f7cc"
}
.fa-sliders-h:before {
	content: "\f1de"
}
.fa-slideshare:before {
	content: "\f1e7"
}
.fa-smile:before {
	content: "\f118"
}
.fa-smile-beam:before {
	content: "\f5b8"
}
.fa-smile-wink:before {
	content: "\f4da"
}
.fa-smog:before {
	content: "\f75f"
}
.fa-smoking:before {
	content: "\f48d"
}
.fa-smoking-ban:before {
	content: "\f54d"
}
.fa-sms:before {
	content: "\f7cd"
}
.fa-snapchat:before {
	content: "\f2ab"
}
.fa-snapchat-ghost:before {
	content: "\f2ac"
}
.fa-snapchat-square:before {
	content: "\f2ad"
}
.fa-snowboarding:before {
	content: "\f7ce"
}
.fa-snowflake:before {
	content: "\f2dc"
}
.fa-snowman:before {
	content: "\f7d0"
}
.fa-snowplow:before {
	content: "\f7d2"
}
.fa-socks:before {
	content: "\f696"
}
.fa-solar-panel:before {
	content: "\f5ba"
}
.fa-sort:before {
	content: "\f0dc"
}
.fa-sort-alpha-down:before {
	content: "\f15d"
}
.fa-sort-alpha-down-alt:before {
	content: "\f881"
}
.fa-sort-alpha-up:before {
	content: "\f15e"
}
.fa-sort-alpha-up-alt:before {
	content: "\f882"
}
.fa-sort-amount-down:before {
	content: "\f160"
}
.fa-sort-amount-down-alt:before {
	content: "\f884"
}
.fa-sort-amount-up:before {
	content: "\f161"
}
.fa-sort-amount-up-alt:before {
	content: "\f885"
}
.fa-sort-down:before {
	content: "\f0dd"
}
.fa-sort-numeric-down:before {
	content: "\f162"
}
.fa-sort-numeric-down-alt:before {
	content: "\f886"
}
.fa-sort-numeric-up:before {
	content: "\f163"
}
.fa-sort-numeric-up-alt:before {
	content: "\f887"
}
.fa-sort-up:before {
	content: "\f0de"
}
.fa-soundcloud:before {
	content: "\f1be"
}
.fa-sourcetree:before {
	content: "\f7d3"
}
.fa-spa:before {
	content: "\f5bb"
}
.fa-space-shuttle:before {
	content: "\f197"
}
.fa-speakap:before {
	content: "\f3f3"
}
.fa-speaker-deck:before {
	content: "\f83c"
}
.fa-spell-check:before {
	content: "\f891"
}
.fa-spider:before {
	content: "\f717"
}
.fa-spinner:before {
	content: "\f110"
}
.fa-splotch:before {
	content: "\f5bc"
}
.fa-spotify:before {
	content: "\f1bc"
}
.fa-spray-can:before {
	content: "\f5bd"
}
.fa-square:before {
	content: "\f0c8"
}
.fa-square-full:before {
	content: "\f45c"
}
.fa-square-root-alt:before {
	content: "\f698"
}
.fa-squarespace:before {
	content: "\f5be"
}
.fa-stack-exchange:before {
	content: "\f18d"
}
.fa-stack-overflow:before {
	content: "\f16c"
}
.fa-stackpath:before {
	content: "\f842"
}
.fa-stamp:before {
	content: "\f5bf"
}
.fa-star:before {
	content: "\f005"
}
.fa-star-and-crescent:before {
	content: "\f699"
}
.fa-star-half:before {
	content: "\f089"
}
.fa-star-half-alt:before {
	content: "\f5c0"
}
.fa-star-of-david:before {
	content: "\f69a"
}
.fa-star-of-life:before {
	content: "\f621"
}
.fa-staylinked:before {
	content: "\f3f5"
}
.fa-steam:before {
	content: "\f1b6"
}
.fa-steam-square:before {
	content: "\f1b7"
}
.fa-steam-symbol:before {
	content: "\f3f6"
}
.fa-step-backward:before {
	content: "\f048"
}
.fa-step-forward:before {
	content: "\f051"
}
.fa-stethoscope:before {
	content: "\f0f1"
}
.fa-sticker-mule:before {
	content: "\f3f7"
}
.fa-sticky-note:before {
	content: "\f249"
}
.fa-stop:before {
	content: "\f04d"
}
.fa-stop-circle:before {
	content: "\f28d"
}
.fa-stopwatch:before {
	content: "\f2f2"
}
.fa-store:before {
	content: "\f54e"
}
.fa-store-alt:before {
	content: "\f54f"
}
.fa-strava:before {
	content: "\f428"
}
.fa-stream:before {
	content: "\f550"
}
.fa-street-view:before {
	content: "\f21d"
}
.fa-strikethrough:before {
	content: "\f0cc"
}
.fa-stripe:before {
	content: "\f429"
}
.fa-stripe-s:before {
	content: "\f42a"
}
.fa-stroopwafel:before {
	content: "\f551"
}
.fa-studiovinari:before {
	content: "\f3f8"
}
.fa-stumbleupon:before {
	content: "\f1a4"
}
.fa-stumbleupon-circle:before {
	content: "\f1a3"
}
.fa-subscript:before {
	content: "\f12c"
}
.fa-subway:before {
	content: "\f239"
}
.fa-suitcase:before {
	content: "\f0f2"
}
.fa-suitcase-rolling:before {
	content: "\f5c1"
}
.fa-sun:before {
	content: "\f185"
}
.fa-superpowers:before {
	content: "\f2dd"
}
.fa-superscript:before {
	content: "\f12b"
}
.fa-supple:before {
	content: "\f3f9"
}
.fa-surprise:before {
	content: "\f5c2"
}
.fa-suse:before {
	content: "\f7d6"
}
.fa-swatchbook:before {
	content: "\f5c3"
}
.fa-swift:before {
	content: "\f8e1"
}
.fa-swimmer:before {
	content: "\f5c4"
}
.fa-swimming-pool:before {
	content: "\f5c5"
}
.fa-symfony:before {
	content: "\f83d"
}
.fa-synagogue:before {
	content: "\f69b"
}
.fa-sync:before {
	content: "\f021"
}
.fa-sync-alt:before {
	content: "\f2f1"
}
.fa-syringe:before {
	content: "\f48e"
}
.fa-table:before {
	content: "\f0ce"
}
.fa-table-tennis:before {
	content: "\f45d"
}
.fa-tablet:before {
	content: "\f10a"
}
.fa-tablet-alt:before {
	content: "\f3fa"
}
.fa-tablets:before {
	content: "\f490"
}
.fa-tachometer-alt:before {
	content: "\f3fd"
}
.fa-tag:before {
	content: "\f02b"
}
.fa-tags:before {
	content: "\f02c"
}
.fa-tape:before {
	content: "\f4db"
}
.fa-tasks:before {
	content: "\f0ae"
}
.fa-taxi:before {
	content: "\f1ba"
}
.fa-teamspeak:before {
	content: "\f4f9"
}
.fa-teeth:before {
	content: "\f62e"
}
.fa-teeth-open:before {
	content: "\f62f"
}
.fa-telegram:before {
	content: "\f2c6"
}
.fa-telegram-plane:before {
	content: "\f3fe"
}
.fa-temperature-high:before {
	content: "\f769"
}
.fa-temperature-low:before {
	content: "\f76b"
}
.fa-tencent-weibo:before {
	content: "\f1d5"
}
.fa-tenge:before {
	content: "\f7d7"
}
.fa-terminal:before {
	content: "\f120"
}
.fa-text-height:before {
	content: "\f034"
}
.fa-text-width:before {
	content: "\f035"
}
.fa-th:before {
	content: "\f00a"
}
.fa-th-large:before {
	content: "\f009"
}
.fa-th-list:before {
	content: "\f00b"
}
.fa-the-red-yeti:before {
	content: "\f69d"
}
.fa-theater-masks:before {
	content: "\f630"
}
.fa-themeco:before {
	content: "\f5c6"
}
.fa-themeisle:before {
	content: "\f2b2"
}
.fa-thermometer:before {
	content: "\f491"
}
.fa-thermometer-empty:before {
	content: "\f2cb"
}
.fa-thermometer-full:before {
	content: "\f2c7"
}
.fa-thermometer-half:before {
	content: "\f2c9"
}
.fa-thermometer-quarter:before {
	content: "\f2ca"
}
.fa-thermometer-three-quarters:before {
	content: "\f2c8"
}
.fa-think-peaks:before {
	content: "\f731"
}
.fa-thumbs-down:before {
	content: "\f165"
}
.fa-thumbs-up:before {
	content: "\f164"
}
.fa-thumbtack:before {
	content: "\f08d"
}
.fa-ticket-alt:before {
	content: "\f3ff"
}
.fa-times:before {
	content: "\f00d"
}
.fa-times-circle:before {
	content: "\f057"
}
.fa-tint:before {
	content: "\f043"
}
.fa-tint-slash:before {
	content: "\f5c7"
}
.fa-tired:before {
	content: "\f5c8"
}
.fa-toggle-off:before {
	content: "\f204"
}
.fa-toggle-on:before {
	content: "\f205"
}
.fa-toilet:before {
	content: "\f7d8"
}
.fa-toilet-paper:before {
	content: "\f71e"
}
.fa-toolbox:before {
	content: "\f552"
}
.fa-tools:before {
	content: "\f7d9"
}
.fa-tooth:before {
	content: "\f5c9"
}
.fa-torah:before {
	content: "\f6a0"
}
.fa-torii-gate:before {
	content: "\f6a1"
}
.fa-tractor:before {
	content: "\f722"
}
.fa-trade-federation:before {
	content: "\f513"
}
.fa-trademark:before {
	content: "\f25c"
}
.fa-traffic-light:before {
	content: "\f637"
}
.fa-train:before {
	content: "\f238"
}
.fa-tram:before {
	content: "\f7da"
}
.fa-transgender:before {
	content: "\f224"
}
.fa-transgender-alt:before {
	content: "\f225"
}
.fa-trash:before {
	content: "\f1f8"
}
.fa-trash-alt:before {
	content: "\f2ed"
}
.fa-trash-restore:before {
	content: "\f829"
}
.fa-trash-restore-alt:before {
	content: "\f82a"
}
.fa-tree:before {
	content: "\f1bb"
}
.fa-trello:before {
	content: "\f181"
}
.fa-tripadvisor:before {
	content: "\f262"
}
.fa-trophy:before {
	content: "\f091"
}
.fa-truck:before {
	content: "\f0d1"
}
.fa-truck-loading:before {
	content: "\f4de"
}
.fa-truck-monster:before {
	content: "\f63b"
}
.fa-truck-moving:before {
	content: "\f4df"
}
.fa-truck-pickup:before {
	content: "\f63c"
}
.fa-tshirt:before {
	content: "\f553"
}
.fa-tty:before {
	content: "\f1e4"
}
.fa-tumblr:before {
	content: "\f173"
}
.fa-tumblr-square:before {
	content: "\f174"
}
.fa-tv:before {
	content: "\f26c"
}
.fa-twitch:before {
	content: "\f1e8"
}
.fa-twitter:before {
	content: "\f099"
}
.fa-twitter-square:before {
	content: "\f081"
}
.fa-typo3:before {
	content: "\f42b"
}
.fa-uber:before {
	content: "\f402"
}
.fa-ubuntu:before {
	content: "\f7df"
}
.fa-uikit:before {
	content: "\f403"
}
.fa-umbraco:before {
	content: "\f8e8"
}
.fa-umbrella:before {
	content: "\f0e9"
}
.fa-umbrella-beach:before {
	content: "\f5ca"
}
.fa-underline:before {
	content: "\f0cd"
}
.fa-undo:before {
	content: "\f0e2"
}
.fa-undo-alt:before {
	content: "\f2ea"
}
.fa-uniregistry:before {
	content: "\f404"
}
.fa-universal-access:before {
	content: "\f29a"
}
.fa-university:before {
	content: "\f19c"
}
.fa-unlink:before {
	content: "\f127"
}
.fa-unlock:before {
	content: "\f09c"
}
.fa-unlock-alt:before {
	content: "\f13e"
}
.fa-untappd:before {
	content: "\f405"
}
.fa-upload:before {
	content: "\f093"
}
.fa-ups:before {
	content: "\f7e0"
}
.fa-usb:before {
	content: "\f287"
}
.fa-user:before {
	content: "\f007"
}
.fa-user-alt:before {
	content: "\f406"
}
.fa-user-alt-slash:before {
	content: "\f4fa"
}
.fa-user-astronaut:before {
	content: "\f4fb"
}
.fa-user-check:before {
	content: "\f4fc"
}
.fa-user-circle:before {
	content: "\f2bd"
}
.fa-user-clock:before {
	content: "\f4fd"
}
.fa-user-cog:before {
	content: "\f4fe"
}
.fa-user-edit:before {
	content: "\f4ff"
}
.fa-user-friends:before {
	content: "\f500"
}
.fa-user-graduate:before {
	content: "\f501"
}
.fa-user-injured:before {
	content: "\f728"
}
.fa-user-lock:before {
	content: "\f502"
}
.fa-user-md:before {
	content: "\f0f0"
}
.fa-user-minus:before {
	content: "\f503"
}
.fa-user-ninja:before {
	content: "\f504"
}
.fa-user-nurse:before {
	content: "\f82f"
}
.fa-user-plus:before {
	content: "\f234"
}
.fa-user-secret:before {
	content: "\f21b"
}
.fa-user-shield:before {
	content: "\f505"
}
.fa-user-slash:before {
	content: "\f506"
}
.fa-user-tag:before {
	content: "\f507"
}
.fa-user-tie:before {
	content: "\f508"
}
.fa-user-times:before {
	content: "\f235"
}
.fa-users:before {
	content: "\f0c0"
}
.fa-users-cog:before {
	content: "\f509"
}
.fa-usps:before {
	content: "\f7e1"
}
.fa-ussunnah:before {
	content: "\f407"
}
.fa-utensil-spoon:before {
	content: "\f2e5"
}
.fa-utensils:before {
	content: "\f2e7"
}
.fa-vaadin:before {
	content: "\f408"
}
.fa-vector-square:before {
	content: "\f5cb"
}
.fa-venus:before {
	content: "\f221"
}
.fa-venus-double:before {
	content: "\f226"
}
.fa-venus-mars:before {
	content: "\f228"
}
.fa-viacoin:before {
	content: "\f237"
}
.fa-viadeo:before {
	content: "\f2a9"
}
.fa-viadeo-square:before {
	content: "\f2aa"
}
.fa-vial:before {
	content: "\f492"
}
.fa-vials:before {
	content: "\f493"
}
.fa-viber:before {
	content: "\f409"
}
.fa-video:before {
	content: "\f03d"
}
.fa-video-slash:before {
	content: "\f4e2"
}
.fa-vihara:before {
	content: "\f6a7"
}
.fa-vimeo:before {
	content: "\f40a"
}
.fa-vimeo-square:before {
	content: "\f194"
}
.fa-vimeo-v:before {
	content: "\f27d"
}
.fa-vine:before {
	content: "\f1ca"
}
.fa-vk:before {
	content: "\f189"
}
.fa-vnv:before {
	content: "\f40b"
}
.fa-voicemail:before {
	content: "\f897"
}
.fa-volleyball-ball:before {
	content: "\f45f"
}
.fa-volume-down:before {
	content: "\f027"
}
.fa-volume-mute:before {
	content: "\f6a9"
}
.fa-volume-off:before {
	content: "\f026"
}
.fa-volume-up:before {
	content: "\f028"
}
.fa-vote-yea:before {
	content: "\f772"
}
.fa-vr-cardboard:before {
	content: "\f729"
}
.fa-vuejs:before {
	content: "\f41f"
}
.fa-walking:before {
	content: "\f554"
}
.fa-wallet:before {
	content: "\f555"
}
.fa-warehouse:before {
	content: "\f494"
}
.fa-water:before {
	content: "\f773"
}
.fa-wave-square:before {
	content: "\f83e"
}
.fa-waze:before {
	content: "\f83f"
}
.fa-weebly:before {
	content: "\f5cc"
}
.fa-weibo:before {
	content: "\f18a"
}
.fa-weight:before {
	content: "\f496"
}
.fa-weight-hanging:before {
	content: "\f5cd"
}
.fa-weixin:before {
	content: "\f1d7"
}
.fa-whatsapp:before {
	content: "\f232"
}
.fa-whatsapp-square:before {
	content: "\f40c"
}
.fa-wheelchair:before {
	content: "\f193"
}
.fa-whmcs:before {
	content: "\f40d"
}
.fa-wifi:before {
	content: "\f1eb"
}
.fa-wikipedia-w:before {
	content: "\f266"
}
.fa-wind:before {
	content: "\f72e"
}
.fa-window-close:before {
	content: "\f410"
}
.fa-window-maximize:before {
	content: "\f2d0"
}
.fa-window-minimize:before {
	content: "\f2d1"
}
.fa-window-restore:before {
	content: "\f2d2"
}
.fa-windows:before {
	content: "\f17a"
}
.fa-wine-bottle:before {
	content: "\f72f"
}
.fa-wine-glass:before {
	content: "\f4e3"
}
.fa-wine-glass-alt:before {
	content: "\f5ce"
}
.fa-wix:before {
	content: "\f5cf"
}
.fa-wizards-of-the-coast:before {
	content: "\f730"
}
.fa-wolf-pack-battalion:before {
	content: "\f514"
}
.fa-won-sign:before {
	content: "\f159"
}
.fa-wordpress:before {
	content: "\f19a"
}
.fa-wordpress-simple:before {
	content: "\f411"
}
.fa-wpbeginner:before {
	content: "\f297"
}
.fa-wpexplorer:before {
	content: "\f2de"
}
.fa-wpforms:before {
	content: "\f298"
}
.fa-wpressr:before {
	content: "\f3e4"
}
.fa-wrench:before {
	content: "\f0ad"
}
.fa-x-ray:before {
	content: "\f497"
}
.fa-xbox:before {
	content: "\f412"
}
.fa-xing:before {
	content: "\f168"
}
.fa-xing-square:before {
	content: "\f169"
}
.fa-y-combinator:before {
	content: "\f23b"
}
.fa-yahoo:before {
	content: "\f19e"
}
.fa-yammer:before {
	content: "\f840"
}
.fa-yandex:before {
	content: "\f413"
}
.fa-yandex-international:before {
	content: "\f414"
}
.fa-yarn:before {
	content: "\f7e3"
}
.fa-yelp:before {
	content: "\f1e9"
}
.fa-yen-sign:before {
	content: "\f157"
}
.fa-yin-yang:before {
	content: "\f6ad"
}
.fa-yoast:before {
	content: "\f2b1"
}
.fa-youtube:before {
	content: "\f167"
}
.fa-youtube-square:before {
	content: "\f431"
}
.fa-zhihu:before {
	content: "\f63f"
}
.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.sr-only-focusable:active, .sr-only-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}
@font-face {
	font-family: "Font Awesome 5 Brands";
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-brands-400.eot);
	src: url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-brands-400.woff2) format("woff2"), url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-brands-400.woff) format("woff"), url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-brands-400.ttf) format("truetype"), url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-brands-400.svg#fontawesome) format("svg")
}
.fab {
	font-family: "Font Awesome 5 Brands"
}
@font-face {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-regular-400.eot);
	src: url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-regular-400.woff2) format("woff2"), url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-regular-400.woff) format("woff"), url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-regular-400.ttf) format("truetype"), url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-regular-400.svg#fontawesome) format("svg")
}
.far {
	font-weight: 400
}
@font-face {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-solid-900.eot);
	src: url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-solid-900.woff2) format("woff2"), url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-solid-900.woff) format("woff"), url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-solid-900.ttf) format("truetype"), url(../../Assets/Kyc/libs/fontawesome-free/webfonts/fa-solid-900.svg#fontawesome) format("svg")
}
.fa, .far, .fas {
	font-family: "Font Awesome 5 Free"
}
.fa, .fas {
	font-weight: 900
}
/* ============================================
   TOAST NOTIFICATION STYLES
   ============================================ */

.toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 350px;
    width: 100%;
    padding: 15px;
}

.toast-container.top-right {
    top: 20px;
    right: 20px;
}

.toast-container.top-left {
    top: 20px;
    left: 20px;
}

.toast-container.bottom-right {
    bottom: 20px;
    right: 20px;
}

.toast-container.bottom-left {
    bottom: 20px;
    left: 20px;
}

.toast {
    background: white;
    border-radius: 8px;
    padding: 16px 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 12px;
    pointer-events: auto;
    animation: slideIn 0.3s ease forwards;
    position: relative;
    overflow: hidden;
    border-left: 4px solid;
    font-family: inherit;
}

.toast.success {
    border-left-color: #10b981;
}

.toast.error {
    border-left-color: #ef4444;
}

.toast.warning {
    border-left-color: #f59e0b;
}

.toast.info {
    border-left-color: #3b82f6;
}

.toast-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
}

.toast.success .toast-icon {
    color: #10b981;
}

.toast.error .toast-icon {
    color: #ef4444;
}

.toast.warning .toast-icon {
    color: #f59e0b;
}

.toast.info .toast-icon {
    color: #3b82f6;
}

.toast-content {
    flex: 1;
    font-size: 14px;
    line-height: 1.5;
    color: #1f2937;
    font-family: inherit;
    word-break: break-word;
}

.toast-close {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #9ca3af;
    font-size: 24px;
    line-height: 1;
    transition: color 0.2s ease;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    outline: none;
}

.toast-close:hover {
    color: #4b5563;
}

.toast-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.05);
}

.toast-progress-bar {
    height: 100%;
    width: 100%;
    background: currentColor;
    opacity: 0.3;
    animation: progress 3s linear forwards;
    transform-origin: left;
}

.toast.success .toast-progress-bar {
    background: #10b981;
}

.toast.error .toast-progress-bar {
    background: #ef4444;
}

.toast.warning .toast-progress-bar {
    background: #f59e0b;
}

.toast.info .toast-progress-bar {
    background: #3b82f6;
}

/* RTL Support */
html[dir="rtl"] .toast {
    border-left: none;
    border-right: 4px solid;
}

html[dir="rtl"] .toast.success {
    border-right-color: #10b981;
}

html[dir="rtl"] .toast.error {
    border-right-color: #ef4444;
}

html[dir="rtl"] .toast.warning {
    border-right-color: #f59e0b;
}

html[dir="rtl"] .toast.info {
    border-right-color: #3b82f6;
}

html[dir="rtl"] .toast-progress {
    left: auto;
    right: 0;
}

html[dir="rtl"] .toast-progress-bar {
    animation: progressRTL 3s linear forwards;
    transform-origin: right;
}

/* Animations */
@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInRTL {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes slideOutRTL {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes progress {
    from {
        width: 100%;
    }
    to {
        width: 0%;
    }
}

@keyframes progressRTL {
    from {
        width: 100%;
    }
    to {
        width: 0%;
    }
}

html[dir="rtl"] .toast {
    animation: slideInRTL 0.3s ease forwards;
}

.toast.removing {
    animation: slideOut 0.3s ease forwards;
}

html[dir="rtl"] .toast.removing {
    animation: slideOutRTL 0.3s ease forwards;
}

/* Mobile Responsive */
@media (max-width: 480px) {
    .toast-container {
        max-width: calc(100% - 30px);
        padding: 10px;
    }

    .toast-container.top-right,
    .toast-container.top-left {
        top: 10px;
    }

    .toast {
        padding: 12px 16px;
    }

    .toast-content {
        font-size: 13px;
    }

    .toast-icon {
        width: 20px;
        height: 20px;
        font-size: 16px;
    }
}

/* Tablet Responsive */
@media (min-width: 481px) and (max-width: 768px) {
    .toast-container {
        max-width: 320px;
    }
}

.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
[dir=rtl] .iti__arrow {
  margin-right: 6px;
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: white;
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: -1px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__dropdown-content--dropup {
  bottom: 100%;
  margin-bottom: 3px;
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid #ccc;
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px 8px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box, .iti__country-name {
  margin-right: 8px;
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: 8px;
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel], .iti--show-selected-dial-code input.iti__tel-input,
.iti--show-selected-dial-code input.iti__tel-input[type=text],
.iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
/*[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: 52px;
  padding-left: 6px;
  margin-right: 0;
}*/
.iti--allow-dropdown .iti__flag-container, .iti--show-selected-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
/*[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--show-selected-dial-code .iti__flag-container {
  right: 0;
  left: auto;
}*/
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover {
  cursor: default;
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag {
  background-color: transparent;
}
.iti--show-selected-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 6px;
}
[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.iti--fullscreen-popup.iti--container.iti--country-search {
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-size: 5762px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 12px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cq {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1269px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1357px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1379px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1467px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1511px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1555px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1577px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1599px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1621px 0px;
}
.iti__flag.iti__ez {
  height: 14px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1731px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1775px 0px;
}
.iti__flag.iti__fx {
  height: 14px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1863px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2149px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2171px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2237px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2303px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2325px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2369px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2391px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2413px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2435px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2457px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2479px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2501px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2567px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2589px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2611px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2633px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2655px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2699px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2743px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2809px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2853px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2875px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2897px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2985px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -3051px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3073px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3095px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3117px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3139px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3161px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3183px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3205px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3226px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3270px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3556px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3622px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3666px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3688px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3710px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3732px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3752px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3774px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3818px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3840px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3862px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3899px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3921px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3965px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -4031px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4097px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4163px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4185px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4207px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4229px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4251px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4273px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4361px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4405px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4537px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4647px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4669px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4713px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4735px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4757px 0px;
}
.iti__flag.iti__su {
  height: 10px;
  background-position: -4779px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4801px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4823px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4889px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4911px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4977px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -5021px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5109px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5175px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5197px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5219px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5263px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uk {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5329px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5351px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5373px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5395px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5417px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5439px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5456px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5522px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5566px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5610px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5632px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5654px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5676px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5698px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5720px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5742px 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../../Assets/Kyc/libs/telephoneinput/img/flags.png?1");
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: url("../../Assets/Kyc/libs/telephoneinput/img/flags@2x.png?1");
  }
}

.iti__flag.iti__np {
  background-color: transparent;
}
/*margin style*/
.m-0 {
    margin: 0px !important;
}

.m-1 {
    margin: 0.5rem !important;
}

.m-2 {
    margin: 1rem !important;
}

.m-3 {
    margin: 1.25rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 2rem !important;
}

/*margin top style*/
.mt-0 {
    margin-top: 0px !important;
}

.mt-1 {
    margin-top: 0.5rem !important;
}

.mt-2 {
    margin-top: 1rem !important;
}

.mt-3 {
    margin-top: 1.25rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mt-5 {
    margin-top: 2rem !important;
}

.mt-6 {
    margin-top: 3.5rem !important;
}

/*margin bottom style*/
.mb-0 {
    margin-bottom: 0px !important;
}

.mb-1 {
    margin-bottom: 0.5rem !important;
}

.mb-2 {
    margin-bottom: 1rem !important;
}

.mb-3 {
    margin-bottom: 1.25rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mb-5 {
    margin-bottom: 2rem !important;
}

/*margin left style*/
.ml-0 {
    margin-left: 0px !important;
}

.ml-1 {
    margin-left: 0.5rem !important;
}

.ml-2 {
    margin-left: 1rem !important;
}

.ml-3 {
    margin-left: 1.25rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.ml-5 {
    margin-left: 2rem !important;
}

/*margin right style*/
.mr-0 {
    margin-right: 0px !important;
}

.mr-1 {
    margin-right: 0.5rem !important;
}

.mr-2 {
    margin-right: 1rem !important;
}

.mr-3 {
    margin-right: 1.25rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mr-5 {
    margin-right: 2rem !important;
}

/*padding style*/
.p-1 {
    padding: 0.5rem !important;
}

.p-2 {
    padding: 1rem !important;
}

.p-3 {
    padding: 1.25rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 2rem !important;
}

/*padding top style*/
.pt-1 {
    padding-top: 0.5rem !important;
}

.pt-2 {
    padding-top: 1rem !important;
}

.pt-3 {
    padding-top: 1.25rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pt-5 {
    padding-top: 2rem !important;
}

/*padding bottom style*/
.pb-0 {
    padding-bottom: 0rem !important;
}

.pb-1 {
    padding-bottom: 0.5rem !important;
}

.pb-2 {
    padding-bottom: 1rem !important;
}

.pb-3 {
    padding-bottom: 1.25rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pb-5 {
    padding-bottom: 2rem !important;
}

/*padding left style*/
.pl-1 {
    padding-left: 0.5rem !important;
}

.pl-2 {
    padding-left: 1rem !important;
}

.pl-3 {
    padding-left: 1.25rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.pl-5 {
    padding-left: 2rem !important;
}

/*padding right style*/
.pr-1 {
    padding-right: 0.5rem !important;
}

.pr-2 {
    padding-right: 1rem !important;
}

.pr-3 {
    padding-right: 1.25rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pr-5 {
    padding-right: 2rem !important;
}

.dir-l {
    direction: ltr;
    unicode-bidi: isolate;
}

.np_footer_lftIcon {
    z-index: -1;
}

.np_footer_rgtIcon {
    z-index: -1;
}

.sv_signUpBoxDesc > p {
    margin-bottom: 1.5rem;
}

.font-17 {
    font-size: 17px !important;
}

.d-none {
    display: none !important;
}

.sv_otpTimer {
    color: #fff !important;
}

.resend-code-div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 3px 10px;
}

    .resend-code-div > :only-child {
        margin-left: auto;
    }

html[dir="rtl"] .resend-code-div > :only-child {
    margin-right: auto;
    margin-left: unset;
}

.resend-code-div a {
    font-family: var(--font-main);
    font-size: 0.8rem;
    text-decoration: underline;
    cursor: pointer;
    color: #fff;
}

    .resend-code-div a:hover {
        opacity: 0.8;
    }

.resend-code-div span {
    font-size: 0.7rem;
    color: #fff;
}

.disable-register-input {
    background: linear-gradient(90deg, rgb(166 179 208) 0%, rgba(210, 220, 235, 0.85) 100%) !important;
}

.iti__selected-flag {
    background-color: transparent !important;
}

.iti-div-height {
    height: 45px !important;
}

.pointer-none {
    pointer-events: none;
}

.iti_phone_number_input {
    padding-left: 105px !important;
}

.disable-register-mobile-div {
    opacity: 0.5;
    pointer-events: none;
}

.user-role-span {
    display: block;
    color: #fff;
    font-size: 11px;
    font-weight: 300;
}

.text-start {
    text-align: start !important;
}

.white-space-break {
    white-space: break-spaces;
}

.mt-2, .my-2 {
    margin-block-start: 0.5rem !important;
}

.mb-0, .my-0 {
    margin-block-end: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mt-2 {
    margin-top: .5rem !important;
}

.sv_accountCreationRightFormUpdateRequiredSec > ul > li > p {
    font-size: 14px !important;
}

.sv_accountCreationRightFormUpdateRequiredSec > ul > li::after, .sv_accountCreationRightFormUpdateRequiredSec > ul > li > ul > li::after {
    top: 7px !important;
    width: 5px !important;
    height: 5px !important;
}

.sv_accountCreationBox {
    top: 41px !important;
    min-height: calc(100dvh - 100px) !important;
}

.sv_accountCreationRight {
    padding: 2em 3.3em !important;
}

.kyc-right-panel {
    height: 95.5dvh;
}

.kyc_section_list {
    cursor: pointer;
}

#kyc_section_previous, #kyc_section_next {
    font-weight: 600;
}

.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;
}

.modal-contentPreview {
    width: calc(100vw - 100px);
    position: relative;
}

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

.preview-icon {
    display: inline;
}

.preview-content {
    display: flex;
    justify-content: center;
}

.exp-border {
    border: 1px solid rgba(221, 232, 255, 0.6);
    border-radius: 8px;
    padding: 25px 15px;
    box-shadow: rgb(223 208 208 / 23%) 0px 3px 8px;
}


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

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

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

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

.table-expandon-details[orientation="horizontal"] > tbody > tr > td {
    padding-top: 0;
    padding-bottom: 0;
}

.table-expandon-details[orientation="vertical"] > tbody > tr > td {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
}


.table-expandon-details {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    .table-expandon-details th, .table-expandon-details td {
        padding: 9px 15px;
        line-height: 1.462;
    }

.btn-danger {
    color: #ff9292;
}

html[dir="rtl"] .preview-icon {
    float: right;
}

.section-sub-title {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: var(--fw-semi-bold);
    margin-bottom: 10px;
}

.section-sub-title_text {
    font-size: 12px;
    color: #FFFFFF;
    margin-bottom: 15px;
    font-weight: 500;
    margin-top: 5px;
}

.text-red {
    color: #ff9292 !important;
}


@media screen and (max-width: 480px) {
    .sv_accountCreationRightFormBox {
        max-height: 64dvh;
    }
}

.sv_express_iti_wrap .iti__arrow {
    border-top: 4px solid #fff5f5;
}

.director_btn_verified {
    color: white;
    background: #0c790c;
    border: none;
    padding: 10px 15px;
    pointer-events: none;
    border-radius: 20px;
    font-size: 14px;
}

.director_btn_verify_progress {
    color: white;
    background: #00a3b5;
    border: none;
    padding: 10px 15px;
    pointer-events: none;
    border-radius: 20px;
    font-size: 14px;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    color: rgba(255, 255, 255, 0.35) !important;
    cursor: not-allowed !important;
    background-color: transparent !important;
}

.card-section {
    border: 1px solid rgba(221, 232, 255, 0.6);
    border-radius: 8px;
    padding: 15px 15px;
    background-color: rgba(255, 255, 255, 0.15);
}

.card-p {
    font-size: 13px;
    color: #FFFFFF;
    margin-bottom: 5px;
    font-weight: 300;
    margin-top: 5px;
}

    .card-p a {
        color: #00F7FF;
    }

.text-italic {
    font-style: italic;
}

.modal-body {
    text-align: start;
    padding: 15px;
    max-height: calc(100vh - 300px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #16223e #4b6497;
}
    /* Chrome, Edge, Safari */
    .modal-body::-webkit-scrollbar {
        width: 8px;
    }

    .modal-body::-webkit-scrollbar-track {
        background: #4b6497;
    }

    .modal-body::-webkit-scrollbar-thumb {
        background: #4b6497;
        border-radius: 8px;
    }

        .modal-body::-webkit-scrollbar-thumb:hover {
            background: #4b6497;
        }

    .modal-body p {
        color: rgb(255 255 255 / 78%);
        line-height: 1.6;
        margin: 0 0 22px 0;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 7px;
    }

.modal-button {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    border-radius: 60px;
    padding: 12px 56px;
    border: none;
}

    .modal-button:disabled {
        opacity: 0.7;
        cursor: not-allowed;
    }

.success-btn {
    background-color: #22c03c;
}

.danger-btn {
    background-color: #d32121;
}

.modal-footer {
    display: flex;
    justify-content: end;
    padding: 15px;
    gap: 10px;
}

.select2-container--open .select2-dropdown--above:has( .select2-results__options ) {
    border-radius: 16px 16px 0px 0px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.6) !important;
    border-bottom: none !important;
}

.text-muted {
    color: #ffffffc4;
    font-size: 11px;
}

.yellow-link {
    margin-left: 10px;
    margin-bottom: .5rem;
    cursor: pointer;
    vertical-align: middle;
    color: #ffee00;
    font-size: 14px;
    font-weight: 500;
    float: left;
}

.teal-link {
    margin-left: 10px;
    margin-bottom: .5rem;
    cursor: pointer;
    vertical-align: middle;
    color: #00F7FF;
    font-size: 14px;
    font-weight: 500;
    float: left;
}


.f-left {
    float: left !important;
}

.f-right {
    float: right !important;
}

html[dir="rtl"] .f-right {
    float: left !important;
}

html[dir="rtl"] .f-left {
    float: right !important;
}


.text-center {
    text-align: center;
}

.font-medium {
    font-size: 1rem !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}

.card-section-warning {
    border-radius: 8px;
    padding: 15px 15px;
    background-color: rgb(0 18 72 / 74%);
}

.text-warning {
    color: #d39e00 !important;
}

.disable-refresh-link {
    opacity: 0.7;
    pointer-events: none;
}

.card-section-danger {
    background: rgba(255, 59, 59, 0.08);
    border: 1px solid rgba(255, 59, 59, 0.25);
    border-radius: 8px;
    padding: 15px 15px;
}

.text-danger {
    color: #ffc7c7 !important;
    opacity: 1 !important
}

.text-white {
    color: #fff;
}

.custom-label {
    border: 1px solid rgba(255, 255, 255, 0.6);
    width: auto !important;
    pointer-events: none !important;
}

.sv_accountCreationRightFormBtns > .hollowWhiteBtn:hover .sv_otpTimer {
    color: var(--primary-blue) !important;
}

/* ###### Progress ###### */
.progress {
    display: flex;
    overflow: hidden;
    font-size: 0.65625rem;
    background-color: #4a6ebd99;
    border-radius: 3px;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: var(--primary-bg-color);
    transition: width 0.6s ease;
    height: 20px;
    font-size: 14px;
    font-weight: 500;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent );
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

/* ###### END ###### */

html[dir="rtl"] button {
    font-family: "Tajawal", "Noto Kufi Arabic", sans-serif;
}

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

.preview-content .download-icon {
    color: white;
    top: -25px;
    position: relative;
    font-size: 17px;
}

@media (max-width: 1155px) {
    .preview-content .download-icon {
        top: 0px;
        left: 10px;
    }
}
.opacity-0{
    opacity:0 !important;
    pointer-events:none !important;
}