.famousPeople {
    h3 {
        white-space: normal;
        word-break: break-all;
    }
}

.form-signup-wrapper {
    .intgrtn-form-signup {
        .intgrtn-input-holder {
            .intgrtn-input {
                padding: 8px 10px;
                font-size: 1rem;
                font-weight: 400;
                line-height: 1.5;
                color: #495057;
                background-color: #fff;
                background-clip: padding-box;
                border: 1px solid #ced4da;
                border-radius: .25rem;
                -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

                &::placeholder {
                    color: #6c757d;
                }

                &:focus {
                    color: #495057;
                    background-color: #fff;
                    border-color: #80bdff;
                    outline: 0;
                    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
                }

                .intgrtn-areas-dropdown {
                    width: 270px;
                }
            }

            &.intgrtn-input-holder-password {
                display: none;
            }

            .intgrtn-btn-generate-password-holder {
                flex-wrap: nowrap;

                .intgrtn-btn-generate-password {
                    text-transform: uppercase;
                    color: #fff;
                    font-weight: 700;
                    background: #25abe0;
                    border: 0;
                    font-size: 11px;
                    box-shadow: none;
                    min-height: 50px;
                    cursor: pointer;
                    white-space: normal;
                    word-break: break-word;

                    &:hover {
                        opacity: 0.8;
                    }
                }
            }

            .intgrtn-single-message {
                font-size: 13px;
            }
        }

        .intgrtn-btn-submit-holder {
            .intgrtn-btn-submit {
                text-transform: uppercase;
                color: #fff;
                font-weight: 700;
                background: #25abe0;
                width: 100%;
                border: 0;
                font-size: 15px;
                box-shadow: none;
                min-height: 50px;
                cursor: pointer;

                &:hover {
                    opacity: .8;
                }
            }
        }
    }
}

.modal-body {
    text-align: center;

    .custom-h1 {
        @media all and (max-width: 768px) {
            font-size: 2.1rem;
        }
    }

    .custom-icon {
        img {
            width: 100%;
        }
    }

    .start-trading-button {
        background-color: rgb(24, 167, 248);
        color: white;
        font-size: 30px;
        font-weight: bold;
        line-height: 1em;
        padding: 10px;
        width: 500px;
        max-width: 100%;
        border: 0;
        outline: 0;
        border-radius: 4px;
    }

    .js-intgrtn-modal-loader {
        height: 45px;
        width: 100%;
    }

    .modal-button-show-mobile {
        @media all and (max-width: 768px) {
            display: block;
        }
        display: none;
    }

    .modal-button-hide-mobile {
        @media all and (max-width: 768px) {
            display: none;
        }
        display: block;
    }

    .custom-h4 {
        @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
            word-break: break-word;
        }
    }
}

.footer {
    .footer-ul {
        @media all and (max-width: 768px) {
            display: block;
            margin: 0;
            padding: 0;
        }
        display: flex;
        justify-content: space-between;
        list-style: none;
    }

    .footer-logo {
        margin: 0 auto;
        @media all and (max-width: 768px) {
            width: 50%;
        }
    }
}

.howToStart {
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
        background-position: 100%;
        background-size: auto 102%;
    }
}

.title-y-1 {
    @media all and (max-width: 768px) {
        word-break: break-word;
    }
}

.btn-extra {
    @media all and (max-width: 768px) {
        white-space: normal;
    }
}

.feature-name {
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        white-space: normal;
        word-wrap: break-word;
    }
}

[data-intgrtn-offer-logo], [data-intgrtn-offer-name] {
    opacity: 0;
}
