@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap);

button, hr, input {
    overflow: visible
}

audio, canvas, progress, video {
    display: inline-block
}

progress, sub, sup {
    vertical-align: baseline
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h3 {
    font-size: 1.25rem !important;
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

    a:active, a:hover {
        outline-width: 0
    }

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: ButtonText dotted 1px
    }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio], legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    inset-inline-start: 24px;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

.btn-black-to-green:before, .btn-black:before, .btn-blue-to-green:before, .btn-blue-to-light-blue:before, .btn-blue:before, .btn-doc:before, .btn-green-to-black:before, .btn-green-to-blue:before, .btn-green:before, .btn-light-blue-to-blue:before, .btn-orange:before, .btn-outline-black-to-blue:before, .btn-outline-blue-to-blue:before, .btn-outline-white-to-white:before, .btn-white:before {
    content: " ";
    display: block;
    width: 200px;
    height: 80px;
    background: rgba(255,255,255,.2);
    position: absolute;
    top: -10px;
    inset-inline-start: -200px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}


.btn-outline-blue-to-blue {
    font-weight: 500;
    font-size: var(--font-text-size-xs);
    background: 0 0;
    color: var(--text-color);
    padding: 10px 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--blue-color);
    min-height: 40px;
    min-width: 120px;
    overflow: hidden;
    line-height: 1
}

    .btn-outline-blue-to-blue:focus, .btn-outline-blue-to-blue:hover, .btn-outline-blue-to-blue.active {
        background: var(--blue-color);
        border: 1px solid var(--blue-color);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        text-decoration: none;
        color: var(--white-color);
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .btn-outline-blue-to-blue:focus svg *, .btn-outline-blue-to-blue:hover svg * {
            fill: var(--white-color)
        }

    .btn-outline-blue-to-blue.rounded {
        -webkit-border-radius: 50px !important;
        border-radius: 50px !important
    }

    .btn-outline-blue-to-blue.circle {
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important
    }

@media (min-width:3840px) {
    .custom-container {
        max-width: 3810px;
        width: 3810px
    }
}

@media (min-width:2560px) and (max-width:3839px) {
    .custom-container {
        max-width: 1890px;
        width: 1890px
    }
}

@media (min-width:2200px) and (max-width:2560px) {
    .custom-container {
        max-width: 1890px;
        width: 1890px
    }
}

@media (min-width:1920px) and (max-width:2199px) {
    .custom-container {
        max-width: 1400px;
        width: 1890px
    }
}

@media (min-width:1600px) and (max-width:1919px) {
    .custom-container {
        max-width: 1570px;
        width: 1570px
    }
}

@media (min-width:1400px) and (max-width:1599px) {
    .custom-container {
        max-width: 1370px;
        width: 1370px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .custom-container {
        max-width: 1140px;
        width: 1140px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .custom-container {
        max-width: 962px;
        width: 962px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .custom-container {
        max-width: 738px;
        width: 738px
    }
}

@media (min-width:768px) {

    .form-card {
        box-shadow: 0 2px 8px #0000000a;
        border-radius: 50px;
        padding: 0 40px !important;
        background: white
    }

    .alert-unsupported-country .icon-title {
        display: flex;
        justify-content: center
    }

    .license-logo {
        display: block;
        position: relative;
        overflow: hidden;
        width: 120px;
        height: 120px;
    }

    .alert-unsupported-country .icon-title {
        display: flex;
        justify-content: center
    }
}

@media (max-width:767px) {
    .custom-container {
        max-width: 100%;
        width: 100%
    }

    .form-card {
        box-shadow: 0 2px 8px #0000000a;
        border-radius: 50px;
        padding: 0 20px !important;
        background: white;
    }

    .scorecm-open-account-risk .icon {
        display: none
    }
}

:root {
    --font-text-family: 'Poppins';
    --font-text-arabic-family: 'IBM Plex Sans Arabic';
    --font-text-weight: normal;
    --font-text-size-xxs: 12px;
    --font-text-size-xs: 14px;
    --font-text-size-sm: 16px;
    --font-text-size-md: 18px;
    --font-text-size-lg: 20px;
    --font-text-size-xl: 24px;
    --font-text-size-xxl: 30px;
    --font-text-size-xxxl: 40px;
    --font-text-line-height: 1.4;
    --body-bg: #FFF;
    --body-other-bg: #FCFCFC;
    --body-header-top-bg: #F5F5F7;
    --body-footer-bottom-bg: #252525;
    --text-color: #000A37;
    --light-text-color: #7A94A3;
    --dark-bg-text-color: #6D78A7;
    --black-color: #000A37;
    --dark-gray-color: #0F0F0F;
    --gray-color: #7B7B7B;
    --blue-color: #458CFF;
    --purple-color: #A031FF;
    --pink-color: #FCD4DC;
    --yellow-color: #F6E9D3;
    --dark-purple-color: #8D8DE3;
    --dark-yellow-color: #FEDC5A;
    --dark-green-color: #03382F;
    --light-green-color: #15E8B2;
    --green-color: #0FBC8F;
    --red-color: #B70D27;
    --pdf-color: #E60909;
    --light-blue-color: #EFF5FF;
    --turquoise-color: #00D9D1;
    --light-red-color: #DD7E7E;
    --light-yellow-color: #F6E9D3;
    --light-purple-color: #D4D4EF;
    --light-pink-color: #FCD4DC;
    --dark-pink-color: #D35B80;
    --brown-color: #D4A788;
    --light-brown-color: #F7ECE2;
    --soft-brown-color: #A39583;
    --soft-light-brown-color: #F0E8DF;
    --light-soft-brown-color: #F5F3F1;
    --white-color: #FFFFFF;
    --page-nav-pill-gray: #E7EEF8;
    --gray-to-dark-gray-color: #F5F8FD;
    --gray-to-light-gray-color: #F5F8FD;
    --gray-to-gray-color: #F5F8FD;
    --light-gray-color: #F0F6FF;
    --green-color-bg: rgb(0 130 90 / 10%);
    --red-color-bg: rgb(226 22 21 / 10%);
    --box-color: #FFFFFF;
    --label-color: #575757;
    --risk-color: #707070;
    --input-color: #F1F1F8;
    --table-color: #F1F1F8;
    --up-color: rgba(0, 196, 107, .1);
    --down-color: rgba(207, 67, 70, .1);
    --border-color-light: #E5EAF1;
    --border-color-dark: #DCE3ED;
    --border-radius-xs: 5px;
    --border-radius-sm: 10px;
    --border-radius-md: 15px;
    --border-radius-lg: 20px;
    --border-radius-xl: 25px;
    --border-radius-xxl: 30px;
    --border-radius-xxxl: 35px;
    --box-shadow-other-xs: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --box-shadow-other-sm: rgba(149, 157, 165, 0.2) 0px 7px 29px 0px;
    --box-shadow-other-md: rgba(149, 157, 165, 0.2) 0px 18px 50px -10px;
    --box-shadow-other-lg: rgba(0, 0, 0, 0.12) 0px 2px 4px 0px, rgba(0, 0, 0, 0.32) 0px 2px 16px 0px;
    --chart-area-bg: #20D35A;
    --chart-bar-bg: rgb(183 255 209 / 75%)
}

::-webkit-scrollbar {
    width: 5px;
    height: 4px
}

::-webkit-scrollbar-thumb {
    background: var(--black-color)
}

::-webkit-scrollbar-track {
    background: var(--white-color)
}

*, :after, :before {
    padding: 0;
    margin: 0
}

* {
    font-family: inherit;
    outline: 0 !important;
    /*list-style: none !important*/
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body, html {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: antialiased;
    scroll-behavior: smooth;
    overflow-x: hidden
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-text-family),sans-serif !important
}

body {
    background-color: var(--body-bg) !important;
    color: var(--text-color) !important;
    font-size: var(--font-text-size-sm) !important
}

.rtl body {
    font-family: var(--font-text-arabic-family),sans-serif !important
}

body.light-bg {
    background-color: var(--white-color) !important
}

body.light-blue-bg {
    background-color: var(--light-blue-color) !important
}

h1, h2, h3, h4, h5, h6 {
    font-size: var(--font-text-size-lg);
    font-weight: 700;
    margin-bottom: 0;
    line-height: var(--font-text-title-line-height)
}

a, a:hover, h1, h2, h3, h4, h5, h6, p {
    color: var(--text-color)
}

p {
    line-height: var(--font-text-line-height);
    margin-bottom: 0
}

a {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

    a, a:hover {
        text-decoration: none !important;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        a:focus {
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

input:focus, textarea:focus {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

img {
    max-width: 100%
}

button {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: 0 !important
}

.container, .container-fluid, .custom-container {
    margin-inline-start: auto;
    margin-inline-end: auto;
    padding-inline-start: var(--bs-gutter-x, 0.75rem);
    padding-inline-end: var(--bs-gutter-x, 0.75rem);
    width: 100%
}

section.scorecm-open-account {
    position: relative;
    min-height: -webkit-calc(100vh - 141px);
    min-height: -moz-calc(100vh - 141px);
    min-height: calc(100vh - 141px);
    background: url(../img/others/open-account-bg.webp);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: bottom center;
    flex: 1
}

    section.scorecm-open-account .head {
        position: relative;
        padding: 20px 0
    }

        section.scorecm-open-account .head .action-content .language-select .dropdown-menu li, section.scorecm-open-account .head .logo-content {
            position: relative
        }

        section.scorecm-open-account .head .action-content {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            gap: 15px
        }

            section.scorecm-open-account .head .action-content .login-select {
                min-height: 50px
            }

            section.scorecm-open-account .head .action-content .language-select .dropdown-toggle {
                position: relative;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 50px;
                height: 50px;
                min-width: 50px;
                padding: 5px;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                border: 1px solid var(--blue-color);
                font-size: var(--font-text-size-xs);
                font-weight: 500;
                line-height: 1;
                color: var(--text-color);
                text-transform: uppercase
            }

                section.scorecm-open-account .head .action-content .language-select .dropdown-toggle:focus, section.scorecm-open-account .head .action-content .language-select .dropdown-toggle:hover {
                    background: var(--blue-color);
                    color: var(--white-color)
                }

                section.scorecm-open-account .head .action-content .language-select .dropdown-toggle::after {
                    display: none
                }

            section.scorecm-open-account .head .action-content .language-select .dropdown-menu {
                padding: 0;
                -webkit-border-radius: var(--border-radius-md);
                border-radius: var(--border-radius-md);
                -webkit-box-shadow: rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.04) 0 10px 10px -5px;
                box-shadow: rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.04) 0 10px 10px -5px;
                border: 0;
                min-width: auto
            }

                section.scorecm-open-account .head .action-content .language-select .dropdown-menu li:first-of-type a {
                    -webkit-border-start-start-radius: var(--border-radius-md);
                    -webkit-border-start-end-radius: var(--border-radius-md);
                    border-start-start-radius: var(--border-radius-md);
                    border-start-end-radius: var(--border-radius-md);
                }


                section.scorecm-open-account .head .action-content .language-select .dropdown-menu li a {
                    position: relative;
                    padding: 7px 30px !important;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    -moz-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    font-size: 13px;
                    font-weight: 300;
                    line-height: 30px;
                    height: auto !important;
                    color: var(--text-color)
                }

                    section.scorecm-open-account .head .action-content .language-select .dropdown-menu li a:hover {
                        background: var(--light-gray-color);
                        color: var(--blue-color)
                    }

                section.scorecm-open-account .head .action-content .language-select .dropdown-menu li:last-of-type a {
                    -webkit-border-end-start-radius: var(--border-radius-md);
                    -webkit-border-end-end-radius: var(--border-radius-md);
                    border-end-start-radius: var(--border-radius-md);
                    border-end-end-radius: var(--border-radius-md);
                }


    section.scorecm-open-account .content {
        position: relative;
        padding: 30px 0
        /*padding: 50px 0*/
    }

        section.scorecm-open-account .content .description, section.scorecm-open-account .content .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 40px;
            color: var(--text-color);
            margin-bottom: 20px;
            text-align: center
        }

        section.scorecm-open-account .content .description {
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 25px;
            margin-bottom: 30px
        }

        section.scorecm-open-account .content .form, section.scorecm-open-account .content .form .form-group {
            position: relative
        }

            section.scorecm-open-account .content .form .form-group .form-control, section.scorecm-open-account .content .form .form-group .form-select {
                position: relative;
                padding: 15px 20px
            }

            section.scorecm-open-account .content .form .form-group.append-icon.left .form-control, section.scorecm-open-account .content .form .form-group.append-icon.left .form-select {
                position: relative;
                padding-inline-start: 65px !important;
                font-size: var(--font-text-size-md);
                font-weight: 400;
                color: var(--text-color);
                /*border: 1px solid var(--border-color-dark);*/
                -webkit-border-radius: 50px;
                border-radius: 50px
            }


                section.scorecm-open-account .content .form .form-group.append-icon.left .form-control:not(.is-invalid), section.scorecm-open-account .content .form .form-group.append-icon.left .form-select:not(.is-invalid) {
                    border: 1px solid var(--border-color-dark);
                }

            section.scorecm-open-account .content .form .form-group.append-icon.right .form-control, section.scorecm-open-account .content .form .form-group.append-icon.right .form-select {
                position: relative;
                padding-inline-end: 45px
            }

            section.scorecm-open-account .content .form .form-group.append-icon.left .icon {
                position: absolute;
                top: 19px;
                inset-inline-start: 24px;
                width: 24px;
                height: 22px;
                color: var(--blue-color)
            }

            section.scorecm-open-account .content .form .form-group.append-icon.right .icon, #togglePassword {
                position: absolute;
                top: 19px;
                inset-inline-end: 24px;
                width: 24px;
                height: 22px;
                color: var(--blue-color)
            }

            section.scorecm-open-account .content .form .form-group .form-control::-webkit-input-placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: #000a377a
            }

            section.scorecm-open-account .content .form .form-group .form-control:-moz-placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: #000a377a
            }

            section.scorecm-open-account .content .form .form-group .form-control::-moz-placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: #000a377a
            }

            section.scorecm-open-account .content .form .form-group .form-control:-ms-input-placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: #000a377a
            }

            section.scorecm-open-account .content .form .form-group .form-control::-ms-input-placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: #000a377a
            }

            section.scorecm-open-account .content .form .form-group .form-control::placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: #000a377a
            }

            section.scorecm-open-account .content .form .note, section.scorecm-open-account-risk .body {
                position: relative;
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                line-height: 25px;
                color: var(--text-color);
                text-align: center
            }

            section.scorecm-open-account .content .form .form-group.submit {
                position: relative;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

                section.scorecm-404 .content .more a, section.scorecm-open-account .content .form .form-group.submit .submit-button {
                    min-height: 50px;
                    min-width: 250px
                }

section.scorecm-open-account-risk {
    position: relative;
    padding-bottom: 20px;
}

    section.scorecm-open-account-risk .body {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

        section.scorecm-open-account-risk .body .text {
            opacity: 0.5
        }

section.scorecm-open-account-footer {
    position: relative;
    padding: 20px 0;
    background: var(--blue-color)
}

    section.scorecm-open-account-footer .copyright, section.scorecm-open-account-footer .designed {
        position: relative;
        font-size: var(--font-text-size-xxs);
        font-weight: 400;
        line-height: 20px;
        color: var(--white-color)
    }

section.scorecm-404 {
    position: relative;
    padding: 0;
    min-height: -webkit-calc(100vh - 176.42px);
    min-height: -moz-calc(100vh - 176.42px);
    min-height: calc(100vh - 176.42px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    section.scorecm-404 .image-or-video {
        position: relative
    }

    section.scorecm-404 .content {
        position: relative;
        text-align: center
    }

        section.scorecm-404 .content .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            color: var(--text-color);
            margin-bottom: 10px
        }

        section.scorecm-404 .content .description {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 30px;
            color: var(--text-color);
            margin-bottom: 30px
        }

        section.scorecm-404 .content .more {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }


.checkbox-container > .invalid-feedback {
    position: fixed
}

#signupForm .form-control.is-invalid:dir(ltr) {
    background-position: right calc(.750em + .375rem) center;
}

#signupForm .form-control.is-invalid:dir(rtl) {
    background-position: left calc(.750em + .375rem) center;
}



.alert-unsupported-country {
    background-color: #fff;
    box-shadow: var(--box-shadow-other-md);
}

.border-line {
    border-inline-end: 3px solid var(--border-color-dark)
}

.alert-unsupported-country .title {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 15px;
}

.alert-unsupported-country .desc {
    margin: 8px 20px;
    font-size: 12px;
    color: #A30000
}

.disc {
    list-style: disc
}

.chat-list {
    z-index: 9999;
    position: fixed !important;
    inset-inline-end: 10px !important;
    bottom: 0px;
    display: grid;
    gap: 5px;
}

.chat-icon {
    width: 56px !important;
    height: 56px !important;
    display: block;
    border-radius: 100% !important;
    box-shadow: 0 4px 10px 0 rgba(0,0,0!important,.05) !important;
    transition: transform .15s ease-in-out !important;
}

.chat-channel.open, .chat-open {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB3aWR0aD0iMzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIGhlaWdodD0iMTM4LjclIiB3aWR0aD0iMTMxLjQlIiB4PSItMTUuNyUiIHk9Ii0xNS4xJSI+PGZlTW9ycGhvbG9neSBpbj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJkaWxhdGUiIHJhZGl1cz0iMSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRPdXRlcjEiLz48ZmVPZmZzZXQgZHk9IjEiIGluPSJzaGFkb3dTcHJlYWRPdXRlcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dCbHVyT3V0ZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0ib3V0IiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjA3IDAiLz48L2ZpbHRlcj48cGF0aCBpZD0iYiIgZD0iTTE0LjIzIDIwLjQ2bC05LjY1IDEuMUwzIDUuMTIgMzAuMDcgMmwxLjU4IDE2LjQ2LTkuMzcgMS4wNy0zLjUgNS43Mi00LjU1LTQuOHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiB4bGluazpocmVmPSIjYiIvPjwvZz48L3N2Zz4=);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: inline-block !important;
    position: relative;
    width: 33px !important;
    height: 28px !important;
    top: 17px !important;
    inset-inline-start: 12px !important
}

.chat-channel.close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjM5OSAyLjA0YTEuMzM0IDEuMzM0IDAgMDAtMi4yOS0uOTNsLTcuMDU2IDcuMDU3TDIuOTk1IDEuMTFBMS4zMzMgMS4zMzMgMCAxMDEuMTEgMi45OTVsNy4wNTcgNy4wNThMMS4xMSAxNy4xMWExLjMzNCAxLjMzNCAwIDEwMS44ODUgMS44ODVsNy4wNTgtNy4wNTcgNy4wNTcgNy4wNTdhMS4zMzQgMS4zMzQgMCAxMDEuODg1LTEuODg1bC03LjA1Ny03LjA1NyA3LjA1Ny03LjA1OGExLjMzMiAxLjMzMiAwIDAwLjQwNC0uOTU1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: inline-block !important;
    position: relative;
    width: 18px !important;
    height: 18px !important;
    top: 20px !important;
    inset-inline-start: 20px !important;
}

.chat-img {
    list-style: none
}

.scorecm .crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf {
    display: none !important
}

/* Dropdown açıldığında toggle gizlensin ve input görünsün */

.show .dropdown-input {
    z-index: 1
}

.currency-dropdown-list .dropdown-toggle.show {
    visibility: hidden;
    z-index: 0;
}

.dropdown-input {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    z-index: 0;
    width: 100%;
    visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    background: var(--white-color);
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid var(--blue-color);
    font-size: var(--font-text-size-xs);
    font-weight: 400;
    color: var(--text-color);
    min-height: 53px
}

    .dropdown-input.show {
        visibility: visible !important;
    }

.dropdown currency-dropdown-list {
    width: max-content;
}

.scorecm-calculate-form .result {
    text-align: center
}

    .scorecm-calculate-form .result .conversion-result {
        font-size: 30px;
        margin-top: 20px;
        font-weight: 600;
    }

        .scorecm-calculate-form .result .conversion-result .from {
            color: var(--blue-color);
        }

        .scorecm-calculate-form .result .conversion-result .to {
            color: var(--green-color);
        }

.input-amount {
    border: none
}

.swal2-html-container hr {
    margin: 0.5rem 0;
}

.scorecm-application {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.gap-40 {
    display: flex;
    gap: 40px
}

.btn.focus, .btn:focus, {
    outline: none;
}

.btn.show, .btn:hover {
    background-color: var(--gray-to-dark-gray-color) !important;
    border: 1px solid var(--border-color-dark);
}

.btn.active.focus, .btn.active:focus, .btn:active.focus, .btn:active:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    border: 0 !important
}

.btn.focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.btn.focus, a:focus {
    outline: 0 !important
}

.btn:focus, .navbar-toggler:focus {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.btn-blue {
    font-weight: 500;
    font-size: var(--font-text-size-xs);
    background: var(--blue-color);
    padding: 10px 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--blue-color);
    min-height: 40px;
    min-width: 120px;
    overflow: hidden;
    line-height: 1
}

    .btn-blue.rounded {
        -webkit-border-radius: 50px !important;
        border-radius: 50px !important
    }

    .btn-blue, .btn-blue:hover {
        color: var(--white-color)
    }

        .btn-black-to-green:before, .btn-black:before, .btn-blue-to-green:before, .btn-blue-to-light-blue:before, .btn-blue:before, .btn-doc:before, .btn-green-to-black:before, .btn-green-to-blue:before, .btn-green:before, .btn-light-blue-to-blue:before, .btn-orange:before, .btn-outline-black-to-blue:before, .btn-outline-blue-to-blue:before, .btn-outline-white-to-white:before, .btn-white:before {
            content: " ";
            display: block;
            width: 200px;
            height: 80px;
            background: rgba(255,255,255,.2);
            position: absolute;
            top: -10px;
            inset-inline-start: -200px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .btn-blue:focus, .btn-blue:hover {
            background: var(--blue-color);
            border: 1px solid var(--blue-color);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            text-decoration: none;
            color: var(--white-color);
            z-index: 1;
            -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

            .btn-blue:focus::before, .btn-blue:hover::before, .btn-doc:focus::before, .btn-doc:hover::before, .btn-green:focus::before, .btn-green:hover::before, .btn-orange:focus::before, .btn-orange:hover::before, .btn-outline-blue-to-blue:focus::before, .btn-outline-blue-to-blue:hover::before, .btn-white:focus::before, .btn-white:hover::before {
                margin-inline-start: 300%
            }

        .btn-blue:disabled {
            border: none;
            background: #458cff57
        }

.form-checkbox {
    display: flex;
    gap: 40px
}

.password-toggle {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

    .password-toggle.icon-eye {
        background-image: url('eye.svg');
    }

    .password-toggle.icon-eye-slash {
        background-image: url('eye-slash.svg');
    }

[data-toggle="password"] {
    position: relative;
    z-index: 10;
}

.blockUI {
    border-radius: 50px
}

#reCAPTCHAError {
    text-align: center;
    text-align: -webkit-center
}