@font-face {
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
}

@font-face {
    font-family: 'RobotoMedium';
    src: url(../fonts/Roboto/Roboto-Medium.ttf);
}

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

:root {
    --theme-color-1: #ce1b21;
}

body {
    font-family: 'Roboto', sans-serif;
    padding: 0;
    margin: 0;
    outline: none;
    height: 100%;
    font-size: 16px;
    background-color: #141414;
}


.screen-width-set, .fixed-top {
    max-width: 1920px;
    margin: auto;
}

.one-time-otp-login-action .orange-clr:hover {
    color: #F4CA0A;
    text-decoration: underline;
}

button {
    border-radius: 0;
}

.carousel-item .custom-product-herobanner.carousel-caption {
    width: 90% !important;
    right: 5% !important;
    left: 5% !important;
}

.text-black {
    color: #000
}

.ellipstoltip {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hideText2 {
    max-width: 340px;
    margin: auto;
}

.black-bg-opacity {
    background: rgba(0, 0, 0, 0.8);
}

.bg-transparent {
    background-color: transparent;
}

.red-bg {
    background-color: var(--theme-color-1);
}

.green-bg {
    background-color: #32CD32;
}

.yellow-bg {
    background-color: #ECC309;
}

#rating span {
    margin-right: 4px;
}

.zind1 {
    z-index: 1;
}

.sweet-alert h2 {
    font-size: 26px;
}

.sweet-alert button {
    margin-top: 15px;
}

    .sweet-alert button.confirm {
        background-color: #0666F1 !important;
    }

.custom-padding-set {
    padding: 0.5rem 1rem !important;
}

.info-icon-header {
    width: 40px;
    height: 40px;
}

    .info-icon-header img {
        width: 100%;
        height: 100%;
    }

.info-icon-top-header {
    padding: 3px 10px;
}

.remove-residence-btn {
    background: transparent;
    color: #D61F0A;
    border: 1px solid #D61F0A;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: none !important;
    font-size: 14px;
}

    .remove-residence-btn:hover {
        background: #D61F0A;
        color: #fff;
        border: 1px solid transparent;
        font-weight: bold;
    }

#v-navbar-toggler .fa-bars {
    color: #ccc;
    font-size: 26px;
}

.padding-10-all {
    padding: 10px;
}

.padding-5-10 {
    padding: 5px 10px;
}

.validation-error-red {
    padding-bottom: 0;
    margin-top: 5px;
    color: var(--theme-color-1);
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.mt-80 {
    margin-top: 80px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.modal-content {
    border-radius: 0;
}

input[type=text], input[type=number], input[type=password], input[type="file"], input[type=submit], input.form-control {
    border-radius: 0;
}

select.form-control, textarea.form-control, textarea {
    border-radius: 0;
}

.min-b-h {
    min-height: calc(100vh - 260px);
}

.hide {
    display: none;
}

form .error {
    color: #ff0000;
}

table.type1 {
    width: 100%;
}

    table.type1 td {
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        color: #495057;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: 0;
    }

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

.btn-success {
    border-radius: 0;
}

.white-bg-form {
    background-color: #fff;
    border-radius: 10px;
    margin: 0;
    padding: 25px 0;
}

:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

.orange-clr {
    color: #F4CA0A;
}

    .orange-clr:hover {
        color: #F4CA0A;
    }

.red-clr {
    color: var(--theme-color-1);
}

.pt-90 {
    padding-top: 90px;
}

.pt-155 {
    padding-top: 155px !important;
}

.header-tab-version {
    display: none !important;
}

.navbar-dark .navbar-toggler {
    outline: none;
}

.navbar .nav-item:hover .dropdown-menu {
    display: block;
}

.navbar .nav-item .dropdown-menu.filterProfileByGeoDD {
    top: 35px !important;
}

.navbar .nav-item .dropdown-menu {
    display: none;
    top: 35px;
    margin-top: 0;
    overflow: auto;
}

.social-media-scroll-table {
    max-height: 76px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
}

.white-space-nowrap {
    white-space: nowrap;
}

.multiselect-native-select div.btn-group {
    display: block !important;
}

    .multiselect-native-select div.btn-group button.multiselect {
        text-align: left !important;
    }

.multiselect-native-select .multiselect-container {
    width: 100% !important;
    -webkit-transform: inherit !important;
    transform: inherit !important;
    top: inherit !important;
    left: inherit !important;
    will-change: inherit !important;
    max-height: 110px;
    overflow-y: scroll;
}

.a-tag-link:hover {
    text-decoration: underline;
    text-decoration-color: #ECC309;
}

/* ----------- btn global css---------------- */
.btn {
    border-radius: 0;
}

a.btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: unset;
}

.btn:focus {
    box-shadow: none;
}

input.btn-danger {
    border-radius: 0;
    background-color: var(--theme-color-1);
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    outline: none;
    border: 1px solid transparent;
}

    input.btn-danger:hover {
        background-color: #D61F0A;
    }

button.btn-danger {
    border: 1px solid transparent !important;
    border-radius: 0;
    background-color: var(--theme-color-1);
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    outline: none;
    border: none;
    padding: 5px 8px;
}

    button.btn-danger:hover {
        background-color: #D61F0A;
    }

input.btn.btn-primary {
    background-color: #0666F1;
    border-radius: 0;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    outline: none;
    border: 1px solid transparent;
}

    input.btn.btn-primary:hover {
        background-color: #055CD9;
    }

button.btn-primary {
    background-color: #0666F1;
    border-radius: 0;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    outline: none;
    border: 1px solid transparent !important;
    border: none;
}

    button.btn-primary:hover {
        background-color: #055CD9;
    }


button.btn-warning {
    background-color: #ECC309;
    transition: 0.3s ease;
    border-radius: 0;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    outline: none;
    border: none;
}

    button.btn-warning:hover {
        background-color: #ECC309;
    }


.btn-red {
    color: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    outline: none;
    border: none;
}

    .btn-red .btn:hover {
        background-color: #D61F0A;
        border: 1px solid #D61F0A;
    }

    .btn-red .btn {
        border: 1px solid var(--theme-color-1);
        border-radius: 0px;
        color: #fff;
        padding: 8px 20px;
    }

.red-btn {
    color: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    background-color: var(--theme-color-1);
    outline: none;
    border: none;
}

    .red-btn .red-btn-color {
        background-color: var(--theme-color-1);
        color: #fff;
        border-radius: 0;
        transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        outline: none;
        border: none;
    }

        .red-btn .red-btn-color:hover {
            background-color: #D61F0A;
        }

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

/* ----------- btn global css ---------------- */



/* Login-bg */
#login-bg-demo {
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

    #login-bg-demo .carousel-inner {
        height: 100vh;
    }

    #login-bg-demo .carousel-indicators {
        position: absolute;
        bottom: 25px;
        display: none;
    }

    #login-bg-demo .carousel-inner img, #login-bg-demo .carousel-inner video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        background-size: cover;
        margin: 0;
        position: fixed;
    }

    #login-bg-demo .carousel-inner .carousel-item {
        height: 100vh;
        width: 100%;
    }


.login-dob p {
    white-space: nowrap;
    color: #fff;
    margin-bottom: 0;
    margin-right: 20px;
    font-size: 18px;
}

.login-dob select {
    width: fit-content;
}

.login-dob input {
    width: 30%;
    margin-left: 10px;
}

.verifiedUserForm p {
    white-space: nowrap;
    color: #000;
    margin-bottom: 0;
    margin-right: 20px;
    font-size: 16px;
}

.verifiedUserForm select {
    width: fit-content;
}

.verifiedUserForm input {
    width: 35%;
    margin-left: 10px;
}

.verifiedEmailIcon {
    position: absolute;
    right: 10px;
    top: 7px;
}

    .verifiedEmailIcon i {
        color: #55e10e;
    }

.v--login-btn {
    color: #fff;
    display: block;
    text-align: center;
    background-color: var(--theme-color-1);
    border: 1px solid transparent;
    font-size: 20px;
    font-weight: bold;
    padding: 6px 30px;
    transition: 0.3s ease;
}

    .v--login-btn:hover {
        color: #ce1b21;
        display: block;
        text-align: center;
        border: 1px solid #ce1b21;
        background: #fff;
        font-size: 20px;
        font-weight: bold;
        padding: 6px 30px;
        transition: 0.3s ease;
    }

/*#showdiv, #showcontent {
    display: none;
}*/
/* ----------------------------------- Sign In, Sign Up and OTP Page css start ------------------------- */
.navbar-top {
    background-color: rgba(0,0,0,0.9);
    min-height: 80px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 25px;
    position: fixed;
    z-index: 1;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .navbar-top .logo1 {
        width: 40px;
    }

.footer {
    width: 100%;
    height: auto;
    background-color: #000000;
    height: 42px;
    clear: both;
    margin: 20px 0 0 0;
}

/* Enter the password start 11/26/2021*/

.carousel-control-next, .carousel-control-prev {
    z-index: 0 !important;
    top: 50%;
    bottom: unset;
}

.carousel-indicators {
    z-index: 0 !important;
}

.login #login-bg-demo .carousel-caption {
    z-index: 0;
}

.login-section-page .signin-form .enter_the_password {
    width: 55%;
    height: auto;
    margin: 0 auto;
}

    .login-section-page .signin-form .enter_the_password .enter_the_otp_title {
        width: 100%;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        padding: 10px 0 15px 0;
        text-align: center;
    }

    .login-section-page .signin-form .enter_the_password .enter_the_otp_b {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .login-section-page .signin-form .enter_the_password .enter_the_otp_b input {
            text-align: center;
            font-weight: 400;
            letter-spacing: 1px;
            height: 35px;
            border: none;
        }

            .login-section-page .signin-form .enter_the_password .enter_the_otp_b input::-webkit-input-placeholder {
                text-align: left;
            }

            .login-section-page .signin-form .enter_the_password .enter_the_otp_b input::-moz-placeholder {
                text-align: left;
            }

            .login-section-page .signin-form .enter_the_password .enter_the_otp_b input:-ms-input-placeholder {
                text-align: left;
            }


            .login-section-page .signin-form .enter_the_password .enter_the_otp_b input::-webkit-input-placeholder {
                color: #fff;
                text-align: left;
            }

            .login-section-page .signin-form .enter_the_password .enter_the_otp_b input::-moz-placeholder {
                color: #fff;
                text-align: left;
            }

            .login-section-page .signin-form .enter_the_password .enter_the_otp_b input:-ms-input-placeholder {
                color: #fff;
                text-align: left;
            }

            .login-section-page .signin-form .enter_the_password .enter_the_otp_b input::placeholder {
                color: #fff;
                text-align: left;
            }

    .login-section-page .signin-form .enter_the_password .generate-otp a {
        background: #ECC309;
        text-align: center;
        margin-top: 15px;
        color: #000;
        font-weight: 700;
        font-size: 18px;
        border-radius: 0;
        width: 100%;
        outline: none;
        letter-spacing: 1px;
        border: none;
    }

/* Enter the password end */

/*----- sign-in section (LOGIN-PAGE)---*/

.signin-section {
    /*background-image: url(../images/main-bg.jpg);*/
    background: rgb(0,0,0);
    background-size: cover;
    background-position: center center;
    height: 100vh;
    background-repeat: no-repeat;
    overflow: hidden;
}

    .signin-section .main-sign-in-body .main-sign-in-content {
        height: 100vh;
    }


        .signin-section .main-sign-in-body .main-sign-in-content .col-md-6 > p.bold-heading, .signup-section .col-md-6 > h1.bold-heading {
            font-weight: 300;
            font-size: 45px;
            color: #fff;
            text-shadow: 0px 4px 3px rgba(0,0,0,0.7), 0px 8px 13px rgba(0,0,0,0.2), 0px 18px 23px rgba(0,0,0,0.2);
            font-family: 'Roboto', sans-serif;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
            height: 100%;
            position: absolute;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
        }

            .signin-section .main-sign-in-body .main-sign-in-content .col-md-6 > p.bold-heading span, .signup-section .col-md-6 > h1.bold-heading span {
                color: #ECC309;
            }



        .signin-section .main-sign-in-body .main-sign-in-content .signinform {
            background-color: rgb(0,0,0);
            opacity: 0.8;
        }

            .signin-section .main-sign-in-body .main-sign-in-content .signinform .login-title-sign-in {
                background-color: transparent;
                color: #fff;
                font-weight: bold;
                letter-spacing: 2px;
                font-size: 34px;
                margin-bottom: 20px;
                padding-bottom: 0;
            }

        .signin-section .main-sign-in-body .main-sign-in-content .signin-form {
            padding: 30px 35px 30px;
        }

            .signin-section .main-sign-in-body .main-sign-in-content .signin-form .signin-input-field {
                margin-top: 10px;
            }

                .signin-section .main-sign-in-body .main-sign-in-content .signin-form .signin-input-field input {
                    height: 44px;
                    line-height: 40px;
                    background-color: transparent;
                    outline: none;
                    border: none;
                    text-align: left;
                    border-bottom: solid 2px #666;
                    width: 100%;
                    color: #fff;
                    font-size: 18px;
                    font-family: Roboto, sans-serif;
                }

                    .signin-section .main-sign-in-body .main-sign-in-content .signin-form .signin-input-field input[type=checkbox] {
                        height: 16px;
                        line-height: 0;
                        background-color: transparent;
                        outline: none;
                        border: none;
                        text-align: left;
                        border-bottom: none;
                        width: 16px;
                        color: #fff;
                        font-size: 0;
                        font-family: none;
                    }

                    .signin-section .main-sign-in-body .main-sign-in-content .signin-form .signin-input-field input::-webkit-input-placeholder {
                        color: #fff;
                        text-align: left;
                        font-size: 18px;
                    }


                    .signin-section .main-sign-in-body .main-sign-in-content .signin-form .signin-input-field input::-moz-placeholder {
                        color: #fff;
                        text-align: left;
                        font-size: 18px;
                    }


                    .signin-section .main-sign-in-body .main-sign-in-content .signin-form .signin-input-field input:-ms-input-placeholder {
                        color: #fff;
                        text-align: left;
                        font-size: 18px;
                    }



                    .signin-section .main-sign-in-body .main-sign-in-content .signin-form .signin-input-field input::-webkit-input-placeholder {
                        color: #0666F1;
                        text-align: left;
                        font-size: 18px;
                    }


                    .signin-section .main-sign-in-body .main-sign-in-content .signin-form .signin-input-field input::-moz-placeholder {
                        color: #0666F1;
                        text-align: left;
                        font-size: 18px;
                    }


                    .signin-section .main-sign-in-body .main-sign-in-content .signin-form .signin-input-field input:-ms-input-placeholder {
                        color: #0666F1;
                        text-align: left;
                        font-size: 18px;
                    }


                    .signin-section .main-sign-in-body .main-sign-in-content .signin-form .signin-input-field input::placeholder {
                        color: #0666F1;
                        text-align: left;
                        font-size: 18px;
                    }

                    .signin-section .main-sign-in-body .main-sign-in-content .signin-form .signin-input-field input:focus {
                        border-color: #fff;
                        
                    }


        .signin-section .main-sign-in-body .main-sign-in-content .login-section-page .signinform .signin-form .button_red {
            color: #fff;
            display: block;
            text-align: center;
            background-color: var(--theme-color-1);
            background-color: #ce1b21;
            height: 50px;
            width: 100%;
            border: none;
            font-size: 20px;
            font-weight: bold;
            margin: 25px 0 30px 0;
            padding: 5px 0;
            transition: 0.3s ease;
            -webkit-transition: 0.3s ease;
            -moz-transition: 0.3s ease;
            -o-transition: 0.3s ease;
            font-family: Roboto, sans-serif;
            font-size: 25px;
            letter-spacing: 1px;
        }

            .signin-section .main-sign-in-body .main-sign-in-content .login-section-page .signinform .signin-form .button_red:hover {
                background-color: #D61F0A;
            }




/*----- sign-in section end---*/

.signin-section-email-page .signinform {
    background-color: rgba(0,0,0,0.9);
    min-height: 400px;
}

    .signin-section-email-page .signinform .login-title-sign-in {
        background-color: rgba(116,115,115,0.8);
        padding: 10px 0;
        color: #fff;
        font-weight: bold;
        letter-spacing: 2px;
        font-size: 36px;
        margin-bottom: 10px;
    }

.signin-section-email-page form.signin-form {
    padding: 10px 35px;
}

    .signin-section-email-page form.signin-form .signin-email-input-field input::-webkit-input-placeholder {
        color: #fff;
    }

    .signin-section-email-page form.signin-form .signin-email-input-field input::-moz-placeholder {
        color: #fff;
    }

    .signin-section-email-page form.signin-form .signin-email-input-field input:-ms-input-placeholder {
        color: #fff;
    }



    .signin-section-email-page form.signin-form .signin-email-input-field input::-webkit-input-placeholder {
        color: #fff;
    }

    .signin-section-email-page form.signin-form .signin-email-input-field input::-moz-placeholder {
        color: #fff;
    }

    .signin-section-email-page form.signin-form .signin-email-input-field input:-ms-input-placeholder {
        color: #fff;
    }

    .signin-section-email-page form.signin-form .signin-email-input-field input::placeholder {
        color: #fff;
    }

    .signin-section-email-page form.signin-form .signin-email-input-field {
        margin-bottom: 25px;
        margin-top: 30px;
    }

        .signin-section-email-page form.signin-form .signin-email-input-field input {
            height: 44px;
            line-height: 40px;
            background-color: transparent;
            outline: none;
            border: none;
            text-align: left;
            border-bottom: solid 2px #666;
            width: 100%;
            color: #fff;
            font-size: 18px;
        }

    .signin-section-email-page form.signin-form .enter_the_otp {
        width: 55%;
        height: auto;
        margin: 0 auto;
    }

        .signin-section-email-page form.signin-form .enter_the_otp .enter_the_otp_title {
            width: 100%;
            color: #fff;
            font-size: 18px;
            font-weight: 500;
            padding: 10px 0 15px 0;
            text-align: center;
        }

        .signin-section-email-page form.signin-form .enter_the_otp .enter_the_otp_b {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .signin-section-email-page form.signin-form .enter_the_otp .enter_the_otp_b input {
                text-align: center;
                font-weight: 700;
                letter-spacing: 1px;
                height: 35px;
                border: 2px solid #666;
                background: transparent;
                color: #fff;
            }

                .signin-section-email-page form.signin-form .enter_the_otp .enter_the_otp_b input:focus {
                    border-color: #fff;
                }

        .signin-section-email-page form.signin-form .enter_the_otp .generate-otp a {
            background: #ECC309;
            text-align: center;
            margin-top: 15px;
            color: #000;
            font-weight: 700;
            font-size: 18px;
            border-radius: 0;
            width: 100%;
            outline: none;
            letter-spacing: 1px;
            border: none;
        }

    .signin-section-email-page form.signin-form .button_box {
        padding: 10px 0 20px 0;
    }

.signin-section-email-page .signinform form.signin-form .button_red {
    color: #fff;
    display: block;
    text-align: center;
    background-color: var(--theme-color-1);
    line-height: 40px;
    width: 100%;
    border: none;
    font-size: 20px;
    font-weight: bold;
    margin: 40px 0 20px 0;
    padding: 5px 0;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}

    .signin-section-email-page .signinform form.signin-form .button_red:hover {
        background-color: #D61F0A;
    }



/* -------------- sign-in-with-email page END -------------------*/



/*---------------------- sign-in-with-number page (login-number)---------------------*/

.signin-section-number-page form.signin-form {
    padding: 10px 35px;
}

    .signin-section-number-page form.signin-form .signin-number-input-field input::-webkit-input-placeholder {
        color: #fff;
    }

    .signin-section-number-page form.signin-form .signin-number-input-field input::-moz-placeholder {
        color: #fff;
    }

    .signin-section-number-page form.signin-form .signin-number-input-field input:-ms-input-placeholder {
        color: #fff;
    }



    .signin-section-number-page form.signin-form .signin-number-input-field input::-webkit-input-placeholder {
        color: #fff;
    }

    .signin-section-number-page form.signin-form .signin-number-input-field input::-moz-placeholder {
        color: #fff;
    }

    .signin-section-number-page form.signin-form .signin-number-input-field input:-ms-input-placeholder {
        color: #fff;
    }

    .signin-section-number-page form.signin-form .signin-number-input-field input::placeholder {
        color: #fff;
    }

    .signin-section-number-page form.signin-form .signin-number-input-field {
        margin-bottom: 25px;
        margin-top: 30px;
    }

        .signin-section-number-page form.signin-form .signin-number-input-field input {
            height: 44px;
            line-height: 40px;
            background-color: transparent;
            outline: none;
            border: none;
            text-align: center;
            border-bottom: solid 2px #666;
            width: 100%;
            color: #fff;
            font-size: 18px;
        }

            .signin-section-number-page form.signin-form .signin-number-input-field input:active {
                border-color: #fff;
            }

    .signin-section-number-page form.signin-form .enter_the_otp {
        width: 55%;
        height: auto;
        margin: 0 auto;
    }

        .signin-section-number-page form.signin-form .enter_the_otp .enter_the_otp_title {
            width: 100%;
            color: #fff;
            font-size: 20px;
            font-weight: 500;
            padding: 20px 0 20px 0;
            text-align: center;
        }

        .signin-section-number-page form.signin-form .enter_the_otp .enter_the_otp_b {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .signin-section-number-page form.signin-form .enter_the_otp .enter_the_otp_b .otp-box {
                width: 20%;
                border: none;
                outline: none;
                height: 40px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-weight: 700;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-size: 22px;
                text-align: center;
            }

            .signin-section-number-page form.signin-form .enter_the_otp .enter_the_otp_b input {
                text-align: center;
                font-weight: 700;
                letter-spacing: 1px;
                height: 35px;
            }

        .signin-section-number-page form.signin-form .enter_the_otp .generate-otp a {
            background: #ECC309;
            text-align: center;
            margin-top: 15px;
            color: #000;
            font-weight: 700;
            font-size: 18px;
            border-radius: 0;
            width: 100%;
            outline: none;
            letter-spacing: 1px;
            border: none;
        }

    .signin-section-number-page form.signin-form .button_box {
        padding: 10px 0 20px 0;
    }

.signin-section-number-page .signinform form.signin-form .button_red {
    color: #fff;
    display: block;
    text-align: center;
    background-color: var(--theme-color-1);
    line-height: 40px;
    width: 100%;
    border: none;
    font-size: 20px;
    font-weight: bold;
    margin: 40px 0 20px 0;
    padding: 5px 0;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}

    .signin-section-number-page .signinform form.signin-form .button_red:hover {
        background-color: #D61F0A;
    }



/* -------------- sign-in-with-number page END  (login-number) end -------------------*/


.invitation-link-url .clipboard {
    border: 0;
    padding-bottom: 5px;
    cursor: pointer;
    color: #ECC309;
    font-size: 16px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.invitation-link-url p {
    color: #fff;
}

.invitation-link-url .clipboard:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.gps-locator-icon input {
    padding-right: 44px !important;
    color: #fff;
    background: transparent;
    border-bottom: 2px solid #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    padding-left: 0;
}

.gps-locator-icon .location-get-icon {
    position: absolute;
    top: -35px;
    right: -1px;
    font-size: 10px;
    width: 40px;
    cursor: pointer;
}

.gps-locator-icon input:focus {
    background: transparent;
    outline: none !important;
    box-shadow: none;
    color: #fff;
}


/*---------------------- sign-up-with-email page (sign-up-email) ---------------------*/

.signup-section-email-page .signupform {
    background-color: rgb(0,0,0, 0.8);
    min-height: 400px;
}

    .signup-section-email-page .signupform .login-title-sign-up h2 {
        padding: 30px 10px 0px;
        color: #fff;
        font-weight: bold;
        letter-spacing: 0px;
        font-size: 34px;
        margin-bottom: 10px;
        text-align: left;
        font-family: Roboto, sans-serif;
    }

    .signup-section-email-page .signupform form.signup-form {
        padding: 0px 25px 5px;
    }

        .signup-section-email-page .signupform form.signup-form .signup-email-input-field input::-webkit-input-placeholder {
            color: #fff;
        }

        .signup-section-email-page .signupform form.signup-form .signup-email-input-field input::-moz-placeholder {
            color: #fff;
        }

        .signup-section-email-page .signupform form.signup-form .signup-email-input-field input:-ms-input-placeholder {
            color: #fff;
        }


        .signup-section-email-page .signupform form.signup-form .signup-email-input-field input::-webkit-input-placeholder {
            color: #fff;
        }

        .signup-section-email-page .signupform form.signup-form .signup-email-input-field input::-moz-placeholder {
            color: #fff;
        }

        .signup-section-email-page .signupform form.signup-form .signup-email-input-field input:-ms-input-placeholder {
            color: #fff;
        }

        .signup-section-email-page .signupform form.signup-form .signup-email-input-field input::placeholder {
            color: #fff;
        }

        .signup-section-email-page .signupform form.signup-form .signup-email-input-field input {
            position: relative;
            height: 44px;
            line-height: 40px;
            background-color: transparent;
            outline: none;
            border: none;
            border-bottom: solid 2px #666;
            width: 100%;
            text-align: left;
            color: #fff;
            font-size: 18px;
        }

            .signup-section-email-page .signupform form.signup-form .signup-email-input-field input:focus {
                border-color: #fff;
            }

        .signup-section-email-page .signupform form.signup-form .signup-email-input-field .verify-email-Address-btn {
            position: absolute;
            top: 5px;
            right: 20px;
        }

        .signup-section-email-page .signupform form.signup-form .enter_the_otp {
            width: 55%;
            height: auto;
            margin: 0 auto;
        }

            .signup-section-email-page .signupform form.signup-form .enter_the_otp .enter_the_otp_title {
                width: 100%;
                color: #fff;
                font-size: 20px;
                font-weight: 500;
                padding: 20px 0 20px 0;
                text-align: center;
            }

            .signup-section-email-page .signupform form.signup-form .enter_the_otp .enter_the_otp_b {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: distribute;
                justify-content: space-around;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .signup-section-email-page .signupform form.signup-form .enter_the_otp .enter_the_otp_b input {
                    text-align: center;
                    font-weight: 700;
                    letter-spacing: 1px;
                    height: 35px;
                }

            .signup-section-email-page .signupform form.signup-form .enter_the_otp .generate-otp a {
                background: #ECC309;
                text-align: center;
                margin-top: 15px;
                color: #000;
                font-weight: 700;
                font-size: 18px;
                border-radius: 0;
                width: 100%;
                outline: none;
                letter-spacing: 1px;
                border: none;
            }

        .signup-section-email-page .signupform form.signup-form .button_box {
            padding: 0 0 15px 0;
        }

.enter_the_code-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .enter_the_code-box > input {
        width: 25%;
        text-align: center;
        font-weight: 700;
        font-size: 14px;
        height: 38px;
        border: none;
        margin: 0 2px;
    }


.signup-section-email-page .signupform form.signup-form .button_red {
    color: #fff;
    display: block;
    text-align: center;
    background-color: var(--theme-color-1);
    line-height: 40px;
    width: 100%;
    border: none;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0 0 0;
    padding: 5px 0;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}

    .signup-section-email-page .signupform form.signup-form .button_red:hover {
        background-color: #D61F0A;
    }

/* Do not remove this code this is temporary commented */

.apply-forvisitor-visa {
    font-size: 18px;
    line-height: 30px;
    border: 1px solid #ffd100;
    padding: 5px 8px;
    color: #fff;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}

    .apply-forvisitor-visa:hover {
        color: #fff;
        text-decoration: none;
        background: var(--theme-color-1);
        border: 1px solid var(--theme-color-1);
    }

/* Do not remove this code this is temporary commented */

/*.apply-forvisitor-visa {
    font-size: 18px;
    line-height: 40px;
    border: 1px solid transparent;
    padding: 5px 10px;
    color: #fff;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}

    .apply-forvisitor-visa:hover {
        color: #ddd;
        text-decoration: none;
        border: 1px solid transparent;
        cursor: no-drop;
    }*/

.login-section-page .signinform .btn-visaApplication {
    background-color: transparent;
    border-radius: 0;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    outline: none;
    border: 1px solid transparent;
    color: #fff;
    font-size: 18px;
}

    .login-section-page .signinform .btn-visaApplication:hover {
        border: 1px solid var(--theme-color-1);
    }


/****  floating-Lable style start ****/

.floating-form {
    width: 100%;
    margin: 30px 0 10px 0;
}

    .floating-form .floating-label {
        position: relative;
        width: 100%;
        margin-bottom: 24px;
        margin-top: 8px;
        padding: 0 10px;
    }

    .floating-form .floating-input, .floating-form .floating-select {
        font-size: 18px;
        padding: 4px 4px;
        display: block;
        width: 100%;
        height: 35px;
        color: #fff;
        background-color: transparent;
        border: none;
        border-bottom: 2px solid #666;
    }

        .floating-form .floating-input:focus, .floating-form .floating-select:focus {
            border-color: #fff;
        }

        .floating-form .floating-select option {
            color: #000;
            font-size: 18px;
        }

    .floating-form .floating-label label {
        color: #fff;
        font-size: 16px;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 2px;
        top: 5px;
        transition: 0.3s ease all;
        -moz-transition: 0.3s ease all;
        -webkit-transition: 0.3s ease all;
    }

    .floating-form .floating-input:not(:-ms-input-placeholder) ~ label {
        top: -18px;
        font-size: 14px;
        color: #ECC309;
    }

    .floating-form .floating-input:focus ~ label, .floating-form .floating-input:not(:placeholder-shown) ~ label {
        top: -18px;
        font-size: 14px;
        color: #ECC309;
    }

    .floating-form .floating-select:focus ~ label, .floating-form .floating-select:not([value=""]):valid ~ label {
        top: -15px;
        font-size: 14px;
        color: #ECC309;
    }

    .floating-form .floating-label input[type="date"]::-webkit-calendar-picker-indicator {
        -webkit-filter: invert(1);
        filter: invert(1);
        cursor: pointer;
    }


/****  floating-Lable style start ****/




/*---------------------- sign-up-with-number page (sign-up-number) ---------------------*/

.signup-section-number-page .signupform {
    background-color: rgba(0,0,0,0.9);
    min-height: 400px;
}

    .signup-section-number-page .signupform .login-title-sign-up {
        background-color: rgba(116,115,115,0.8);
        padding: 10px 0;
        color: #fff;
        font-weight: bold;
        letter-spacing: 2px;
        font-size: 36px;
        margin-bottom: 10px;
    }

    .signup-section-number-page .signupform form.signup-form {
        padding: 0px 35px 5px 35px;
    }

        .signup-section-number-page .signupform form.signup-form .signup-number-input-field input::-webkit-input-placeholder {
            color: #fff;
        }

        .signup-section-number-page .signupform form.signup-form .signup-number-input-field input::-moz-placeholder {
            color: #fff;
        }

        .signup-section-number-page .signupform form.signup-form .signup-number-input-field input:-ms-input-placeholder {
            color: #fff;
        }


        .signup-section-number-page .signupform form.signup-form .signup-number-input-field input::-webkit-input-placeholder {
            color: #fff;
        }

        .signup-section-number-page .signupform form.signup-form .signup-number-input-field input::-moz-placeholder {
            color: #fff;
        }

        .signup-section-number-page .signupform form.signup-form .signup-number-input-field input:-ms-input-placeholder {
            color: #fff;
        }

        .signup-section-number-page .signupform form.signup-form .signup-number-input-field input::placeholder {
            color: #fff;
        }

        .signup-section-number-page .signupform form.signup-form .signup-number-input-field {
            margin-bottom: 12px;
            margin-top: 10px;
        }

            .signup-section-number-page .signupform form.signup-form .signup-number-input-field input {
                height: 44px;
                line-height: 40px;
                background-color: transparent;
                outline: none;
                border: none;
                text-align: center;
                border-bottom: solid 2px #ECC309;
                width: 100%;
                color: #fff;
                font-size: 18px;
            }

        .signup-section-number-page .signupform form.signup-form .enter_the_otp {
            width: 55%;
            height: auto;
            margin: 0 auto;
        }

            .signup-section-number-page .signupform form.signup-form .enter_the_otp .enter_the_otp_title {
                width: 100%;
                color: #fff;
                font-size: 20px;
                font-weight: 500;
                padding: 10px 0 15px 0;
                text-align: center;
            }

            .signup-section-number-page .signupform form.signup-form .enter_the_otp .enter_the_otp_b {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: distribute;
                justify-content: space-around;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .signup-section-number-page .signupform form.signup-form .enter_the_otp .enter_the_otp_b .otp-box {
                    width: 20%;
                    border: none;
                    outline: none;
                    height: 40px;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-weight: 700;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    font-size: 22px;
                    text-align: center;
                }

                .signup-section-number-page .signupform form.signup-form .enter_the_otp .enter_the_otp_b input {
                    text-align: center;
                    font-weight: 700;
                    letter-spacing: 1px;
                    height: 35px;
                }

            .signup-section-number-page .signupform form.signup-form .enter_the_otp .generate-otp a {
                background: #ECC309;
                text-align: center;
                margin-top: 15px;
                color: #000;
                font-weight: 700;
                font-size: 18px;
                border-radius: 0;
                width: 100%;
                outline: none;
                letter-spacing: 1px;
                border: none;
            }

        .signup-section-number-page .signupform form.signup-form .button_box {
            padding: 0 0 15px 0;
        }



        .signup-section-number-page .signupform form.signup-form .button_red {
            color: #fff;
            display: block;
            text-align: center;
            background-color: var(--theme-color-1);
            line-height: 40px;
            width: 100%;
            border: none;
            font-size: 20px;
            font-weight: bold;
            margin: 5px 0 0 0;
            padding: 5px 0;
            transition: 0.3s ease;
            -webkit-transition: 0.3s ease;
            -moz-transition: 0.3s ease;
            -o-transition: 0.3s ease;
        }

.signup-section-number-page .main-sign-in-body .main-sign-in-content .signupform form.signup-form .button_red:hover {
    background-color: #D61F0A;
}

/*---------------------- sign-up-with-number page end (sign-up-number) ---------------------*/

/* ----------------------------------- Home header css start ------------------------- */

header .bg-darks {
    background-color: rgba(0,0,0,0.9);
}

header .navbar .navbar-brand .logo1 {
    width: 40px;
}

header .navbar .navbar-collapse ul li.nav-item {
    padding: 3px 10px;
}

    header .navbar .navbar-collapse ul li.nav-item a.nav-link {
        color: #fff;
        font-size: 18px;
        cursor: pointer;
        font-family: 'Lato', sans-serif;
        padding: 0;
        border-bottom: 2px solid transparent;
    }

        header .navbar .navbar-collapse ul li.nav-item a.nav-link:hover, .notification-icon:hover {
            color: #ECC309;
            border-bottom: 2px solid;
            padding: 0;
        }

        header .navbar .navbar-collapse ul li.nav-item a.nav-link.active, .notification-icon.active {
            color: #ECC309;
            border-bottom: 2px solid;
            padding: 0;
        }

.header-right-side ul li.nav-item a.nav-link:hover {
    border-bottom: 2px solid transparent !important;
}

header .navbar .navbar-collapse ul.navbar-nav.my-world-link-center {
    margin: auto;
}

header .navbar .navbar-collapse ul li.my-world-li {
    color: #ECC309;
    margin: 0 10px;
    padding: 0;
    text-align: center;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}

    header .navbar .navbar-collapse ul li.my-world-li a {
        color: #fff;
        font-weight: 600;
        border: 1px solid #ECC309 !important;
        padding: 3px 10px !important;
    }

    header .navbar .navbar-collapse ul li.my-world-li:hover {
        background-color: #ECC309;
    }

        header .navbar .navbar-collapse ul li.my-world-li:hover a.nav-link {
            color: #000;
            font-weight: 600;
        }

    header .navbar .navbar-collapse ul li.my-world-li a.nav-link.active {
        color: #000;
        background-color: #ECC309;
        font-weight: 600;
    }

.header-dd .dropdown-toggle::after {
    display: none;
}



.home-searchinput {
    position: relative;
    display: inline-block;
}

    .home-searchinput input {
        padding-right: 50px;
        color: #fff;
        background-color: transparent;
        border: 1px solid #F0FBFF;
        border-radius: 25px;
        outline: none;
        box-shadow: none;
    }

        .home-searchinput input::-webkit-input-placeholder {
            color: #fff;
        }

        .home-searchinput input::-moz-placeholder {
            color: #fff;
        }

        .home-searchinput input:-ms-input-placeholder {
            color: #fff;
        }


        .home-searchinput input::-webkit-input-placeholder {
            color: #fff;
        }

        .home-searchinput input::-moz-placeholder {
            color: #fff;
        }

        .home-searchinput input:-ms-input-placeholder {
            color: #fff;
        }

        .home-searchinput input::placeholder {
            color: #fff;
        }

        .home-searchinput input:focus {
            outline: none;
            color: #fff;
            background-color: transparent;
        }

    .home-searchinput i {
        position: absolute;
        top: 10px;
        right: 20px;
        cursor: pointer;
        color: #fff;
    }


    .home-searchinput .form-control {
        display: block;
        width: 100%;
        height: 38px;
        font-size: 14px;
        box-shadow: none;
        border: 1px solid #fff;
    }

.notification-bell-icon {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    margin-left: 40px;
}

.notification-icon {
    font-size: 20px;
    padding-bottom: 10px;
    color: #fff;
}

.notification-bell-icon a:hover .notification-icon {
    color: #ECC309;
}

.number {
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    background-color: #d63031;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: -6px;
    right: -8px;
}



.notification-bell-dropdown {
    min-width: 340px;
    left: unset;
    top: 47px;
    padding: 0;
    right: -120px;
    border-radius: 7px;
    border: none;
    background-color: rgba(0, 0, 0, 0.5);
}

    .notification-bell-dropdown .notification-heading {
        background-color: var(--theme-color-1);
        border-radius: 7px 7px 0 0;
    }

        .notification-bell-dropdown .notification-heading .menu-title {
            font-weight: 600;
            font-size: 20px;
            color: #fff;
            margin: 0;
            padding: 5px 15px;
        }

    .notification-bell-dropdown .notifications-wrapper {
        overflow-y: auto;
        max-height: 250px;
    }

        .notification-bell-dropdown .notifications-wrapper a {
            text-decoration: none;
        }

    .notification-bell-dropdown .notification-item {
        padding: 10px;
        margin: 4px 7px 1px 7px;
        background: rgb(0, 0, 0, 0.9);
        border-radius: 4px;
        color: #fff;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
    }

        .notification-bell-dropdown .notification-item:hover {
            background: #84848a;
        }

        .notification-bell-dropdown .notification-item .media-body h5 {
            font-size: 18px;
            font-weight: 600;
        }

        .notification-bell-dropdown .notification-item .media-body p {
            font-size: 14px;
            font-weight: 300;
        }

    .notification-bell-dropdown .notification-footer .menu-title {
        font-weight: 600;
        font-size: 16px;
        color: #fff;
        display: inline-block;
    }

    .notification-bell-dropdown .notification-footer {
        padding: 5px 10px;
        background-color: #616161;
        border-radius: 0 0 7px 7px;
    }


.profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.profile-userpic .dropdown-toggle::after, .filter-nav-link .dropdown-toggle::after {
    display: none;
}

.profile-userpic ul .dropdown-menu {
    left: -100px !important;
    top: 48px !important;
}

.filter-nav-link ul .dropdown-menu {
    left: -60px !important;
    top: 45px !important;
}

.profile-userpic ul .dropdown-menu a span i {
    font-size: 20px;
    color: #fff;
}

header .navbar ul li .dropdown-menu {
    background-color: rgb(27, 27, 27);
    color: #fff;
    left: 0px;
    top: 45px;
    padding: 0px;
    position: absolute;
}

    header .navbar ul li .dropdown-menu .dropdown-item {
        color: #fff;
        padding: 10px 20px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        border-bottom: 1px solid rgb(63, 63, 63);
    }

        header .navbar ul li .dropdown-menu .dropdown-item:hover {
            background-color: var(--theme-color-1);
        }

.header .navbar ul li .dropdown-menu .dropdown-item.active, .dropdown-item.active, .dropdown-item:active {
    background: transparent;
}
/* ----------------------------------- Home header css  end ------------------------- */


/* ----------------------------------- Home hero banner css  start------------------------- */


.home-herobanner-slide ol li {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-clip: unset;
    border-top: none;
    border-bottom: none;
    margin: 0 3px;
}

    .home-herobanner-slide ol li.active {
        width: 23px;
        height: 10px;
        -webkit-transition: 0.3s step-start;
        transition: 0.3s step-start;
    }

.home-herobanner-slide .carousel-inner .carousel-item .carousel-caption {
    bottom: unset;
    top: 40%;
    width: 60%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.home-herobanner-slide .carousel-inner {
    height: 420px;
    z-index: 1;
}

    .home-herobanner-slide .carousel-inner .carousel-item img {
        height: 420px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        -webkit-filter: brightness(0.7);
        filter: brightness(0.7);
    }

    .home-herobanner-slide .carousel-inner .carousel-item video {
        height: 420px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }

    .home-herobanner-slide .carousel-inner .carousel-item .carousel-caption h3 {
        font-size: 32px;
        font-weight: 600;
        padding-bottom: 10px;
        text-transform: capitalize;
        text-shadow: 0px 2px 3px rgb(0 0 0 / 80%), 0px 8px 13px rgb(0 0 0 / 5%), 0px 18px 23px rgb(0 0 0 / 0%);
    }

    .home-herobanner-slide .carousel-inner .carousel-item .carousel-caption p {
        font-size: 16px;
        text-transform: capitalize;
        font-weight: 400;
        text-shadow: 0px 0px 3px rgba(0,0,0,0.6), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
    }

.carousel-inner .carousel-item .carousel-caption-breadcrumbs,
.picture-container .carousel-caption-breadcrumbs {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
}

    .carousel-inner .carousel-item .carousel-caption-breadcrumbs h3,
    .picture-container .carousel-caption-breadcrumbs h3 {
        color: #fff;
        font-size: 24px;
        text-transform: capitalize;
        text-shadow: 0px 2px 3px rgb(0 0 0 / 80%), 0px 8px 13px rgb(0 0 0 / 5%), 0px 18px 23px rgb(0 0 0 / 0%);
    }

.banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: #fff;
}

    .banner-content h3 {
        font-size: 32px;
        font-weight: 600;
        padding-bottom: 10px;
        text-transform: capitalize;
        text-shadow: 0px 2px 3px rgb(0 0 0 / 80%), 0px 8px 13px rgb(0 0 0 / 5%), 0px 18px 23px rgb(0 0 0 / 0%);
    }

    .banner-content p {
        font-size: 16px;
        text-transform: capitalize;
        font-weight: 400;
        text-shadow: 0px 0px 3px rgb(0 0 0 / 60%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);
    }

.banner-hover-effect:hover .banner-caption .banner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.banner-hover-effect:hover .banner-caption {
    visibility: visible;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,0.8);
    z-index: 1;
}

.banner-hover-effect .banner-caption:not(:hover) {
    -webkit-transition: visibility 5s;
    transition: visibility 5s;
}
/* ----------------------------------- Home hero banner end css ------------------------- */
/* ----------------------------------- Footer Section css  start ------------------------- */
footer {
    background: #2C2C2C;
    color: white;
    margin-top: 10px;
}

    footer .footer-brand-logo > img {
        width: 70px;
    }

.footer-middle {
    padding-top: 1.55em;
    color: white;
}

.footer-section-pb {
    padding-bottom: 1.55em;
    position: relative;
}

footer .footer-pad {
    padding: 0px 1rem;
}

    footer .footer-pad ul {
        list-style: none;
    }

    footer .footer-pad p {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        text-transform: capitalize;
    }

    footer .footer-pad ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        text-transform: capitalize;
    }

    footer .footer-pad ul.footer-contacts-lists li {
        white-space: nowrap;
    }

    footer .footer-pad ul li a:hover {
        color: #ECC309;
        text-decoration: none;
    }

    footer .footer-pad ul.social-network {
        list-style: none;
        margin-left: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        footer .footer-pad ul.social-network li {
            margin-bottom: 10px;
            margin-right: 10px;
        }

        footer .footer-pad ul.social-network a.icoFacebook:hover {
            background-color: var(--theme-color-1);
        }

        footer .footer-pad ul.social-network a.icoLinkedin:hover {
            background-color: var(--theme-color-1);
        }

        footer .footer-pad ul.social-network a.icoFacebook:hover i, .social-network a.icoLinkedin:hover i {
            color: #fff;
        }

    footer .footer-pad ul.social-circle li a {
        display: inline-block;
        position: relative;
        margin: 0 auto 0 auto;
        border-radius: 50%;
        text-align: center;
        width: 30px;
        height: 30px;
        font-size: 15px;
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
        background-color: #F9F9F9;
    }

    footer .footer-pad ul.social-circle li i {
        margin: 0;
        line-height: 30px;
        text-align: center;
        color: #595959;
    }

.subscribe-form {
    position: relative;
    overflow: hidden;
}

    .subscribe-form input {
        width: 100%;
        padding: 14px 150px 14px 14px;
        background: #fff;
        border: none;
        color: #000;
    }

        .subscribe-form input::-webkit-input-placeholder {
            color: #fff;
        }

        .subscribe-form input::-moz-placeholder {
            color: #fff;
        }

        .subscribe-form input:-ms-input-placeholder {
            color: #fff;
        }

        .subscribe-form input::-webkit-input-placeholder {
            color: #fff;
        }

        .subscribe-form input::-moz-placeholder {
            color: #fff;
        }

        .subscribe-form input:-ms-input-placeholder {
            color: #fff;
        }

        .subscribe-form input::placeholder {
            color: #fff;
        }

    .subscribe-form .button {
        position: absolute;
        right: 0;
        color: #fff;
        background: var(--theme-color-1);
        padding: 10px 20px;
        font-size: 22px;
        top: 0;
        text-decoration: none;
        cursor: pointer;
        border: 1px solid transparent;
    }


        .subscribe-form .button:hover {
            background: #D61F0A;
        }


footer .copy {
    font-size: 15px;
    padding: 20px 0 20px 0;
    margin: 0;
    border-top: 1px solid rgb(100, 100, 100);
}

#back-to-top {
    display: inline-block;
    background-color: #141414;
    width: 45px;
    height: 45px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    right: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 1;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

    #back-to-top:hover {
        background-color: #ECC309;
    }

        #back-to-top:hover::after {
            color: #000;
        }

    #back-to-top::after {
        content: "\f062";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 1.25em;
        line-height: 45px;
        color: #fff;
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
    }

/* ----------------------------------- Footer Section css  end ------------------------- */



/* ----------------------------------- carousel slider css ------------------------- */

.carousel.slide.home-herobanner-slide.my-world-herobanner {
    overflow: hidden;
}

.v-divider {
    border-bottom: 1px solid rgb(36, 36, 36);
}

.carousel-wrap {
    margin: 30px auto 20px;
    width: calc(100vw - 5%);
    position: relative;
    max-width: 1920px;
}

    .carousel-wrap .slider-heading {
        margin-bottom: 22px;
    }

        .carousel-wrap .slider-heading h2 {
            font-weight: 600;
            font-size: 28px;
            margin-bottom: 10px;
            text-transform: capitalize;
        }

    .carousel-wrap .owl-carousel {
        padding-bottom: 20px;
    }
        /* fix blank or flashing items on carousel */
        .carousel-wrap .owl-carousel .item {
            position: relative;
            z-index: 100;
        }

            .carousel-wrap .owl-carousel .item .feature-section-inner-content img {
                height: 340px;
                -o-object-fit: cover;
                object-fit: cover;
            }

.feature-section .feature-section-inner-content .icon-section .icon-bg-b > img {
    width: 20px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
}
/* end fix */

.owl-nav > button {
    position: absolute;
    top: 40%;
    outline: none;
}

    .owl-nav > button.owl-prev {
        left: 15px;
    }

    .owl-nav > button.owl-next {
        right: 15px;
    }

.owl-nav i {
    font-size: 22px;
    color: #fff;
}

.feature-section-inner-content {
    position: relative;
    height: 270px;
    width: 249px;
}

.feature-card-deatails {
    position: absolute;
    bottom: -83%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    font-size: 15px;
    color: #fff;
    z-index: 9;
}

.feature-section-inner-content .feature-card-deatails .description-cat-n-sub,
.feature-section-inner-content .category-card-deatails .description-cat-n-sub {
    display: none;
}

.feature-section-inner-content:hover .feature-card-deatails .description-cat-n-sub,
.feature-section-inner-content:hover .category-card-deatails .description-cat-n-sub {
    display: block;
}

.feature-card-deatails h4 {
    font-size: 18px;
    color: #fff;
    margin: 5px 0 12px;
    text-transform: capitalize;
    font-weight: 700;
}


.feature-card-deatails a.hover-read-more, .feature-card-deatails a.hover-chat-more {
    display: inline-block;
    margin-top: 0px;
    text-decoration: none;
    padding: 5px 10px;
    font-weight: bold;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    opacity: 0;
    transition: 0.3s;
}

.feature-card-deatails a.hover-read-more {
    color: #ECC309;
    border: 1px solid #ECC309;
}

    .feature-card-deatails a.hover-read-more:hover {
        background: #ECC309;
        color: #000;
        border: 1px solid #ECC309;
        font-weight: bold;
    }

.feature-card-deatails a.hover-chat-more {
    color: #0666F1;
    border: 1px solid #0666F1;
    margin-left: 5px;
}

    .feature-card-deatails a.hover-chat-more:hover {
        background: #055CD9;
        color: #fff;
        border: 1px solid #055CD9;
        font-weight: bold;
    }


.feature-card-deatails .owner-name {
    width: calc(100% - 40px);
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
    margin-bottom: 5px;
}

.feature-card-deatails .myworldcard-intro {
    margin-top: 5px;
}

.feature-section-inner-content:hover .feature-card-deatails {
    bottom: 0;
}

.feature-section-inner-content:hover .category-card-deatails {
    bottom: 0;
    flex-direction: column;
}

.feature-section-inner-content:hover .feature-card-deatails a {
    opacity: 1;
}

.feature-section-inner-content:hover .feature-card-deatails h4 {
    margin-top: auto;
}


.feature-section-inner-content .feature-card-deatails .product-details-on-hover {
    display: none;
}

.feature-section-inner-content:hover .feature-card-deatails .product-details-on-hover {
    position: absolute;
    display: block;
    top: 20px;
}

.feature-section-inner-content:hover .category-card-deatails .asset-card-title {
    white-space: normal;
    width: auto;
    overflow: unset;
    text-overflow: unset;
}

.category-card-deatails {
    position: absolute;
    bottom: -83%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 5px 10px 10px;
    background: rgba(0, 0, 0, 0.6);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    font-size: 15px;
    color: #fff;
    display: flex;
}

    .category-card-deatails h4 {
        font-size: 18px;
        color: #fff;
        margin: 5px 0;
        text-transform: capitalize;
        font-weight: 700;
    }



.feature-section-inner-content:hover .make-an-offer-card-btn,
.onhover-card-details:hover .make-an-offer-card-btn {
    position: absolute;
    bottom: 30px;
    right: 15px;
}

.feature-section {
    position: relative;
}

.owl-carousel .feature-section .icon-section {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
    padding: 8px 5px 5px 10px;
}

.feature-section .icon-bg-r {
    background: var(--theme-color-1);
    border-radius: 35px;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    float: left;
    text-align: center;
    color: #fff;
    cursor: pointer;
}


.feature-section .owl-video-icon {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
}

    .feature-section .owl-video-icon i {
        color: #fff;
        font-size: 62px;
        opacity: 0;
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
    }

.feature-section-inner-content:hover .owl-video-icon i {
    opacity: 1;
}




.share-icon-css {
    position: absolute;
    right: 0px;
    z-index: 999;
    cursor: pointer;
}


    .share-icon-css .navbar-nav li a svg {
        color: #fff;
        float: right;
        margin-right: 16px;
        font-size: 20px;
        margin-top: 5px;
        display: inline;
        width: 20px;
        height: 20px;
    }

        .share-icon-css .navbar-nav li a svg g .st0 {
            fill: #fff;
        }

        .share-icon-css .navbar-nav li a svg:hover g .st0 {
            fill: rgb(209, 0, 0);
        }




    .share-icon-css ul li.dropdown .dropdown-menu::before {
        content: "";
        display: inline-block;
        position: absolute;
        top: -5px;
        left: 15px;
        color: #fff;
        content: "";
        border-bottom: .3em solid;
        border-right: .3em solid transparent;
        border-top: 0;
        border-left: .3em solid transparent;
    }

.item.feature-section .feature-section-inner-content .icon-section .share-icon-css ul li.dropdown .dropdown-menu a i {
    color: #000;
    margin-right: 0;
    margin: 0 auto;
    padding: 7px 10px;
}

    .item.feature-section .feature-section-inner-content .icon-section .share-icon-css ul li.dropdown .dropdown-menu a i:hover {
        color: #ECC309;
    }

.share-icon-css ul li.dropdown .dropdown-menu a i {
    color: #000;
    margin-right: 0;
    margin: 0 auto;
    padding: 7px 10px;
}

.share-icon-css ul li.dropdown .dropdown-menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    background-color: #fff;
}


.share-icon-css ul li.dropdown .dropdown-menu {
    min-width: 2rem;
    position: absolute;
    left: -10px;
    top: 30px;
    text-align: center;
}

.share-icon-css ul li.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    background-color: #fff;
}

.dropdown-menu-share {
    position: absolute;
    background-color: white;
    display: none;
    top: 30px;
    padding: 10px;
}

    .dropdown-menu-share .fa-facebook:hover {
        color: #4267B2;
    }

    .dropdown-menu-share .fa-whatsapp:hover {
        color: #25D366;
    }

#menudiv a i {
    margin-right: 0 !important;
    float: none !important;
    color: #000 !important;
}
/* ----------------------------------- owl carousel slider css end ------------------------- */
/* ------------------Space page css--------------------- */
.space-home-herobanner .space-home-img-herobanner {
    height: 420px;
    width: 100%;
    display: table;
}


    .space-home-herobanner .space-home-img-herobanner > img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

.space-home-herobanner .user-space-profile, .people-home-herobanner .user-space-profile, .my-world-herobanner .user-space-profile, .view-all-home-herobanner .user-space-profile,
.circle-home-herobanner .user-circle-profile, .things-home-herobanner .user-things-profile, .assets-home-herobanner .user-assets-profile, .services-home-herobanner .user-services-profile {
    padding: 90px 20px 20px 20px;
    display: table-cell;
    vertical-align: middle;
}

    .space-home-herobanner .user-space-profile .space-carousel-caption {
        color: #fff;
        text-align: center;
    }

.space-carousel-caption h3 {
    font-size: 32px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: capitalize;
    text-shadow: 0px 2px 3px rgb(0 0 0 / 80%), 0px 8px 13px rgb(0 0 0 / 5%), 0px 18px 23px rgb(0 0 0 / 0%);
}

.space-carousel-caption p {
    word-break: break-word;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.6), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}

.space-home-herobanner .user-space-profile .user-space-profile-main-box img,
.people-home-herobanner .user-space-profile .user-space-profile-main-box img {
    border-radius: 22px;
}

.my-world-herobanner .user-space-profile .user-space-profile-main-box .my-world-userpic {
    width: 200px;
    height: 200px;
    min-width: 200px;
    margin-right: 10px;
}

    .my-world-herobanner .user-space-profile .user-space-profile-main-box .my-world-userpic img {
        border: 1px solid #fff;
        border-radius: 50%;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
    }



.space-home-herobanner .user-space-profile .user-space-profile-main-box .follow-chat-btn,
.people-home-herobanner .user-space-profile .user-space-profile-main-box .follow-chat-btn,
.my-world-herobanner .user-space-profile .user-space-profile-main-box .follow-chat-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content,
.people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content,
.my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content {
    color: #fff;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.6), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}

    .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content h5,
    .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content h5,
    .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content h5 {
        font-size: 20px;
        font-weight: 600;
    }

    .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content p,
    .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content p,
    .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content p {
        color: rgb(243, 243, 243);
        font-weight: 400;
        margin-bottom: 5px;
    }

    .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills,
    .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills,
    .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills {
        display: inline-block;
        text-align: center;
    }

        .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills > a {
            text-decoration: none;
        }

            .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills > a:hover {
                color: #ECC309;
            }

        .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills > div,
        .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills > div {
            padding: 0px 13px;
            color: #000;
            background-color: #fff;
            border-radius: 50px;
        }

        .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills p,
        .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills p {
            font-size: 14px;
            padding-top: 5px;
            margin-bottom: 0px;
            text-decoration: none;
        }

    .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .space-user-qualification-list > div ul li,
    .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .space-user-qualification-list > div ul li,
    .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .space-user-qualification-list > div ul li {
        font-size: 22px;
        padding-bottom: 4px;
        list-style: none;
    }

    .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .space-user-qualification-list > div ul span i,
    .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .space-user-qualification-list > div ul span i,
    .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .space-user-qualification-list > div ul span i {
        font-size: 10px;
        padding-right: 5px;
        color: rgb(238, 238, 238);
    }

.red-follow-btn {
    color: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    background-color: var(--theme-color-1);
}

    .red-follow-btn .red-follow-btn-color {
        background-color: #0666F1;
        color: #fff;
        width: 90px;
        height: 28px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .red-follow-btn .red-follow-btn-color:hover {
            background-color: #0666F1;
        }

.blue-chat-btn {
    color: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    background-color: #0666F1;
}

    .blue-chat-btn .blue-chat-btn-color {
        background-color: #0666F1;
        color: #fff;
        width: 90px;
        height: 28px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .blue-chat-btn .blue-chat-btn-color:hover {
            background-color: #055CD9;
        }


/* ------- space page ------- */

.space-home-herobanner .user-space-profile .user-space-ownership,
.people-home-herobanner .user-space-profile .user-space-ownership {
    background-color: rgba(0, 0, 0, 0.3);
    min-width: 20vw;
    border-radius: 7px;
    float: right;
}

    .space-home-herobanner .user-space-profile .user-space-ownership .user-ownership-inner,
    .people-home-herobanner .user-space-profile .user-space-ownership .user-ownership-inner,
    .my-world-herobanner .user-space-profile .user-space-ownership .user-ownership-inner {
        background-color: var(--theme-color-1);
        border-radius: 7px 7px 0 0;
        padding: 5px 15px;
        z-index: 4;
    }

    .space-home-herobanner .user-space-profile .user-space-ownership .my-world-notifications,
    .people-home-herobanner .user-space-profile .user-space-ownership .my-world-notifications {
        max-height: 200px;
        overflow-y: auto;
    }

        .space-home-herobanner .user-space-profile .user-space-ownership .my-world-notifications .media,
        .people-home-herobanner .user-space-profile .user-space-ownership .my-world-notifications .media {
            padding: 10px 15px;
            background-color: rgba(139, 139, 139, 0.4);
            margin-bottom: 3px;
            color: #fff;
            transition: 0.3s;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
        }

            .space-home-herobanner .user-space-profile .user-space-ownership .my-world-notifications .media .media-body h5,
            .people-home-herobanner .user-space-profile .user-space-ownership .my-world-notifications .media .media-body h5 {
                font-size: 18px;
                font-weight: 600;
            }

            .space-home-herobanner .user-space-profile .user-space-ownership .my-world-notifications .media .media-body p,
            .people-home-herobanner .user-space-profile .user-space-ownership .my-world-notifications .media .media-body p {
                font-size: 14px;
                font-weight: 300;
            }

            .space-home-herobanner .user-space-profile .user-space-ownership .my-world-notifications .media:hover,
            .people-home-herobanner .user-space-profile .user-space-ownership .my-world-notifications .media:hover {
                background-color: rgba(182, 182, 182, 0.2);
            }

.space-home-herobanner .ownership-profile-view li,
.people-home-herobanner .ownership-profile-view li {
    list-style: none;
    display: inline-block;
    position: relative;
    color: white;
    border: 1px solid var(--theme-color-1);
    padding: 2px 20px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    margin-bottom: 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}

    .space-home-herobanner .ownership-profile-view li:hover,
    .people-home-herobanner .ownership-profile-view li:hover {
        background-color: var(--theme-color-1);
    }

.active-red-btn {
    background-color: var(--theme-color-1);
}

.space-home-herobanner .content-profile0, .space-home-herobanner .content-profile1, .space-home-herobanner .content-profile2, .space-home-herobanner .content-profile3,
.people-home-herobanner .content-profile0, .people-home-herobanner .content-profile1, .people-home-herobanner .content-profile2, .people-home-herobanner .content-profile3 {
    display: none;
}

.user-space-profile-main-box.show {
    display: block;
}

.space-home-herobanner .user-space-profile .user-space-ownership .my-world-see-all,
.people-home-herobanner .user-space-profile .user-space-ownership .my-world-see-all {
    padding: 2px 10px;
    background-color: rgb(241, 241, 241);
    color: var(--theme-color-1);
    border-radius: 0 0 7px 7px;
}

    .space-home-herobanner .user-space-profile .user-space-ownership .my-world-see-all > div a,
    .people-home-herobanner .user-space-profile .user-space-ownership .my-world-see-all > div a {
        color: var(--theme-color-1);
        font-weight: 600;
    }

/*---------------------- end space page ---------------------------------*/


/* ----------------------------------------------------------- */
/* ------------------My World page css--------------------- */
/* --------------------------------------------------------- */

.my-world-herobanner .my-world-home-img-herobanner {
    height: 470px;
    width: 100%;
    display: table;
}



    .my-world-herobanner .my-world-home-img-herobanner img.cover-image-myworld {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        position: absolute;
        height: auto;
    }



.my-world-herobanner .user-space-profile .user-space-ownership {
    background-color: #fff;
    min-width: 20vw;
    border-radius: 7px;
    float: right;
}

    .my-world-herobanner .user-space-profile .user-space-ownership .my-world-notifications {
        padding: 15px 15px;
        max-height: 200px;
        overflow-y: auto;
    }

        .my-world-herobanner .user-space-profile .user-space-ownership .my-world-notifications .media {
            margin-bottom: 8px;
        }

            .my-world-herobanner .user-space-profile .user-space-ownership .my-world-notifications .media .media-body h5 {
                font-weight: 700;
                font-size: 16px;
            }

            .my-world-herobanner .user-space-profile .user-space-ownership .my-world-notifications .media .media-body p {
                color: #333;
                font-size: 15px;
            }

    .my-world-herobanner .user-space-profile .user-space-ownership .my-world-see-all {
        padding: 8px 10px;
        background-color: rgb(241, 241, 241);
        color: var(--theme-color-1);
        border-radius: 0 0 22px 22px;
    }

        .my-world-herobanner .user-space-profile .user-space-ownership .my-world-see-all > div a {
            font-weight: 700;
            color: var(--theme-color-1);
        }

/*-----------------------------------*/
/*------my world page css end--------*/
/*-----------------------------------*/



/* ----------------------------------- carousel slider heading icons add on ------------------------- */


.carousel-wrap .slider-heading a.add-on-icon {
    font-size: 18px;
    background-color: #0666F1;
    margin: 0 10px 0 40px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
}


.carousel-wrap .slider-heading a.search-icon {
    font-size: 18px;
    background-color: var(--theme-color-1);
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
}



.search-container {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}

    .search-container button {
        padding: 6px 10px;
        margin-top: 0;
        margin-right: 16px;
        background: #fff;
        font-size: 17px;
        border: none;
        outline: none;
        cursor: pointer;
        margin-left: -4px;
    }


        .search-container button:hover {
            background: #ccc;
        }

    .search-container input[type=text] {
        padding: 6px;
        margin-top: 0;
        font-size: 17px;
        border: none;
        outline: none;
    }



#CreateModal, #CreateProductsModal, #CreateServiceModal, #CreateAssetsModel {
    background-color: rgba(0, 0, 0, 0.8);
}

.CreateModal {
    background-color: rgba(0, 0, 0, 0.8);
}

/* ----------------------------------------------------------- */
/* ------------------Things page css--------------------- */
/* --------------------------------------------------------- */

.things-home-herobanner .things-home-img-herobanner {
    height: 420px;
    width: 100%;
    display: table;
}




    .things-home-herobanner .things-home-img-herobanner > img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

.things-home-herobanner .user-things-profile .things-carousel-caption h3 {
    font-size: 32px;
    font-weight: 600;
    text-transform: capitalize;
}

.things-home-herobanner .user-things-profile .things-carousel-caption p {
    word-break: break-all;
}

.things-home-herobanner .user-things-profile .user-things-ownership {
    background-color: #fff;
    border-radius: 7px;
}

    .things-home-herobanner .user-things-profile .user-things-ownership .user-ownership-inner {
        background-color: var(--theme-color-1);
        border-radius: 7px 7px 0 0;
        padding: 7px 15px;
        z-index: 555;
    }

    .things-home-herobanner .user-things-profile .user-things-ownership .user-ownership-presentation-img img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 160px;
        width: 100%;
    }

    .things-home-herobanner .user-things-profile .user-things-ownership .things-presentation-view-details-box .view-details,
    .things-home-herobanner .user-things-profile .user-things-ownership .things-ownership-view-details-box .view-details {
        background-color: #F4CA0A;
        color: #000;
        padding: 2px 7px;
        border-radius: 0 0 7px 7px;
    }




/* ----------------------------------------------------------- */
/* ------------------assets page css--------------------- */
/* --------------------------------------------------------- */

.assets-home-herobanner .assets-home-img-herobanner {
    height: 420px;
    width: 100%;
    display: table;
}

.assets-home-herobanner .user-assets-profile .things-carousel-caption h3 {
    font-size: 32px;
    font-weight: 600;
    text-transform: capitalize;
}

    .assets-home-herobanner .user-assets-profile .things-carousel-caption h3 p {
        word-break: break-word;
    }

.assets-home-herobanner .assets-home-img-herobanner > img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.assets-form-img img {
    width: 80px;
    height: 80px;
}
/* ----------------------------------------------------------- */
/* ------------------services page css--------------------- */
/* --------------------------------------------------------- */
.services-home-herobanner .services-home-img-herobanner {
    height: 420px;
    width: 100%;
    display: table;
}


.services-home-herobanner .user-services-profile .things-carousel-caption h3 {
    font-size: 32px;
    font-weight: 600;
    text-transform: capitalize;
}

    .services-home-herobanner .user-services-profile .things-carousel-caption h3 p {
        word-break: break-word;
    }

.services-home-herobanner .services-home-img-herobanner > img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

/* ----------------------------------------------------------- */
/* ------------------circle page css--------------------- */
/* --------------------------------------------------------- */




.cirlce-home-img-herobanner {
    height: 420px;
    width: 100%;
    display: table;
}


.circle-home-herobanner .cirlce-home-img-herobanner > img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
}



.circle-home-herobanner .cirlce-home-img-herobanner .user-circle-profile {
    display: table-cell;
    vertical-align: middle;
}




.circle-home-herobanner .user-circle-profile .circle-carousel-caption {
    color: #fff;
    text-align: center;
}

    .circle-home-herobanner .user-circle-profile .circle-carousel-caption h3 {
        font-weight: 600;
        font-size: 32px;
        text-transform: capitalize;
    }


.circle-home-herobanner .user-circle-profile .user-circle-chat {
    background-color: #fff;
    min-width: 10vw;
    border-radius: 7px;
}

    .circle-home-herobanner .user-circle-profile .user-circle-chat .user-chat-heading {
        background-color: var(--theme-color-1);
        border-radius: 7px;
        padding: 7px 15px;
    }

    .circle-home-herobanner .user-circle-profile .user-circle-chat .user-chat-name {
        background-color: #eeeeee;
        border-radius: 0 0 7px 7px;
        padding: 4px 15px;
        color: #000;
        margin-top: -4px;
    }

        .circle-home-herobanner .user-circle-profile .user-circle-chat .user-chat-name p {
            font-size: 16px;
            color: #000;
        }

            .circle-home-herobanner .user-circle-profile .user-circle-chat .user-chat-name p img {
                width: 6%;
            }

    .circle-home-herobanner .user-circle-profile .user-circle-chat .user-chat-inner-content {
        padding: 4px 15px 0 15px;
    }




.msger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 867px;
    max-height: 145px;
    min-height: 150px;
}

.msger-chat {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px 0 5px 0;
}

    .msger-chat::-webkit-scrollbar {
        width: 6px;
    }

    .msger-chat::-webkit-scrollbar-track {
        background: #ddd;
    }

    .msger-chat::-webkit-scrollbar-thumb {
        background: #bdbdbd;
    }

.msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 10px;
}

    .msg:last-of-type {
        margin: 0;
    }

.msg-img img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: #ddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}

.msg-bubble {
    max-width: 450px;
    padding: 6px 7px;
    border-radius: 15px;
    background: #ececec;
    font-size: 14px;
}


.left-msg .msg-bubble {
    border-bottom-left-radius: 0;
}

.right-msg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

    .right-msg .msg-bubble {
        background: #579ffb;
        color: #fff;
        border-bottom-right-radius: 0;
    }

    .right-msg .msg-img {
        margin: 0 0 0 10px;
    }

.new-chat-message-unread {
    width: 20px;
    height: 20px;
    background: #ECC309;
    border-radius: 50%;
    margin-left: auto;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
}

.msger-inputarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 10px;
    border-top: 2px solid #ddd;
    background: #eee;
    border-radius: 0 0 7px 7px;
}

    .msger-inputarea * {
        padding: 7px 10px;
        border: none;
        border-radius: 3px;
        font-size: 1em;
    }

.msger-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #ddd;
    outline: none;
}

.msger-send-btn {
    margin-left: 10px;
    background: rgb(0, 196, 65);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    outline: none;
    border: none;
}

    .msger-send-btn:hover {
        background: rgb(0, 180, 50);
    }


.circle-home-herobanner .user-circle-profile .user-circle-chat .user-ownership-inner-content span.user-own-things {
    padding: 5px 10px;
    background-color: #333;
    margin-right: 5px;
    font-size: 14px;
}

.circle-home-herobanner .user-circle-profile .user-circle-chat .user-ownership-inner-content .btn-active a button {
    background-color: #15BF09;
    color: #fff;
    border: none;
    padding: 2px 10px;
    font-size: 14px;
    cursor: initial;
}

.circle-home-herobanner .user-circle-profile .user-circle-chat .view-details a button {
    background-color: #F4CA0A;
    color: #fff;
    border: none;
    padding: 7px 15px;
    font-size: 14px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    outline: none;
}

    .circle-home-herobanner .user-circle-profile .user-circle-chat .view-details a button:hover {
        background-color: #e9be00;
    }



/* ----------------------------------------------------------- */
/* ------------------view profile page css--------------------- */
/* --------------------------------------------------------- */

.view-profile-home-herobanner {
    -o-object-fit: cover;
    object-fit: cover;
    height: 420px;
    width: 100%;
}

.bg-change-camera-icon {
    position: absolute;
    bottom: 0px;
    right: 30px;
}

    .bg-change-camera-icon .dropdown-toggle::after {
        display: none;
    }

    .bg-change-camera-icon ul li.dropdown a i.camera-icn {
        color: #000;
        background-color: #fff;
        width: 35px;
        height: 35px;
        font-size: 20px;
        border-radius: 50%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
    }

    .bg-change-camera-icon ul .dropdown-menu a span i {
        font-size: 18px;
    }

    .bg-change-camera-icon ul li .dropdown-menu {
        background-color: rgb(27, 27, 27);
        color: #fff;
        right: 30px !important;
        top: -80px !important;
        padding: 0px;
        position: absolute;
        left: unset !important;
        -webkit-transform: none !important;
        transform: none !important;
        will-change: unset;
    }

        .bg-change-camera-icon ul li .dropdown-menu .dropdown-item {
            color: #fff;
            padding: 10px 20px;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            border-bottom: 1px solid rgb(63, 63, 63);
        }

            .bg-change-camera-icon ul li .dropdown-menu .dropdown-item:hover {
                background-color: var(--theme-color-1);
            }

#ImageModal .space-create-circle-modal .view-profile-img-modal {
    min-height: 300px;
}

/*----------- left side css start------- */

.left-inner-container {
    min-height: 100%;
    position: relative;
    background-color: #242424;
    margin-right: 10px;
    padding: 0 15px 30px 15px;
}

.right-inner-container {
    min-height: 100%;
    position: relative;
    background-color: #242424;
}

.view-user-profile {
    position: relative;
}

.view-user-profile-image {
    position: absolute;
    top: -100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
}

.profile-pic {
    -o-object-fit: cover;
    object-fit: cover;
    width: 200px;
    height: 200px;
}

.file-upload {
    display: none;
}

.biometric-upload {
    display: none;
}

.status-file-upload {
    display: none;
}

.profile-circle {
    border-radius: 50%;
    overflow: hidden;
    width: 200px;
    height: 200px;
    border: 4px solid #fff;
}

.left-inner-container .view-user-profile .view-user-profile-image .profile-circle img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.profile-image {
    position: absolute;
    bottom: 20px;
    right: 8px;
    color: #000;
    background-color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

    .profile-image i {
        font-size: 20px;
    }

.upload-button {
    font-size: 1em;
}

.view-user-profile .view-profile-user-name {
    padding-top: 110px;
    color: #fff;
}

    .view-user-profile .view-profile-user-name .user-profile-view {
        margin-bottom: 10px;
    }

.view-profile-followers .counting-pills a:hover {
    text-decoration: none;
}

.view-profile-followers .counting-pills a #Followers,
.view-profile-followers .counting-pills a #Following {
    padding: 0 15px;
    display: inline-block;
    color: #000;
    background-color: #fff;
    border-radius: 50px;
}

.view-profile-followers .counting-pills a:hover #Followers,
.view-profile-followers .counting-pills a:hover #Following {
    background: #ECC309;
    cursor: pointer;
    text-decoration: none;
}

.view-profile-followers .counting-pills a:hover p,
.view-profile-followers .counting-pills a:hover p {
    color: #ECC309;
    cursor: pointer;
    text-decoration: none;
}

.view-profile-followers .counting-pills a p {
    color: #fff;
}

.view-profile-user-name .about-user-box {
    padding: 15px 20px;
    background-color: rgb(44, 44, 44);
    margin-bottom: 16px;
}

    .view-profile-user-name .about-user-box .about-user-list ul.list-unstyled li i {
        width: 28px;
    }

    .view-profile-user-name .about-user-box .about-user-inner-box i {
        font-size: 22px;
    }

    .view-profile-user-name .about-user-box .about-user-inner-box span {
        font-size: 26px;
        font-weight: 600;
    }

    .view-profile-user-name .about-user-box .about-user-list p {
        font-size: 14px;
        letter-spacing: 1px;
        color: #d3d3d3;
    }

    .view-profile-user-name .about-user-box .about-user-list ul li {
        padding-bottom: 7px;
    }

        .view-profile-user-name .about-user-box .about-user-list ul li span {
            color: #d3d3d3;
            font-size: 14px;
        }

    .view-profile-user-name .about-user-box .user-posts .row > div {
        padding: 0;
        border: 3px solid rgb(44, 44, 44);
        -o-object-fit: cover;
        object-fit: cover;
    }

        .view-profile-user-name .about-user-box .user-posts .row > div img {
            width: 100%;
        }

/*----------- left side css end ------- */

/*----------- right side css start------- */

.right-inner-container .view-profile-right-tabs section .profile-tabs-container ul, .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li, .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
    }

        .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a {
            background-color: #fff;
            color: #222;
            border-radius: 0;
            border: none;
            border-right: 7px solid #242424;
            padding: .75rem 0.25rem;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            max-height: 95px;
        }

        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a {
            background-color: #fff;
            color: #222;
            border-radius: 0;
            border: none;
            min-height: 80px;
            margin: 0 3px;
            padding: .5rem 0.25rem;
            -webkit-transition: 0.3s;
            transition: 0.3s;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a:hover, .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a:hover {
                background-color: var(--theme-color-1);
                color: #fff;
            }

            .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a.active, .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a.active {
                background-color: var(--theme-color-1);
                color: #fff;
            }

            .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a > i, .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a > i {
                font-size: 32px;
            }

            .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a .profile-tab-button-content > p, .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a .profile-tab-button-content {
                text-align: left;
                margin-left: 10px;
            }

                .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a .profile-tab-button-content span {
                    display: none;
                }

            .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a p, .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a p {
                font-size: 18px;
                font-weight: 600;
                margin-bottom: 8px;
                margin-bottom: 0;
            }

        .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a span i {
            font-size: 10px;
            padding-right: 5px;
        }


.right-inner-container .view-profile-right-tabs section .profile-tab-content {
    padding: 25px 40px 25px 40px;
}

    .right-inner-container .view-profile-right-tabs section .profile-tab-content .image-post-heading {
        font-size: 18px;
        margin-bottom: 0;
    }

        .right-inner-container .view-profile-right-tabs section .profile-tab-content .image-post-heading span.image-post-heading-middle {
            color: #bbbbbb;
            font-size: 16px;
            font-weight: 300;
            padding: 0 3px;
        }

    .right-inner-container .view-profile-right-tabs section .profile-tab-content span.image-post-heading-below-date {
        color: #bbbbbb;
        font-size: 16px;
        font-weight: 400;
    }

.right-inner-container .view-profile-right-tabs section .tab-content .profile-tab-content-inner .tab-content-inner-img {
    height: 70vh;
    width: 70%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: 20px;
}

    .right-inner-container .view-profile-right-tabs section .tab-content .profile-tab-content-inner .tab-content-inner-img img {
        width: 100%;
        height: 70vh;
        -o-object-fit: cover;
        object-fit: cover;
    }

.right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .community-service-tabs .community-service-tabs-inner-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 1000px;
    margin-bottom: 10px;
}

    .right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .community-service-tabs .community-service-tabs-inner-container ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
    }

        .right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .community-service-tabs .community-service-tabs-inner-container ul li a {
            background-color: #fff;
            color: #222;
            border-radius: 0;
            border: none;
            font-size: 18px;
            font-weight: 600;
            padding: .75rem 0.25rem;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .community-service-tabs .community-service-tabs-inner-container ul li a.active,
            .right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .community-service-tabs .community-service-tabs-inner-container ul li a:hover {
                background-color: #0666F1;
                color: #fff;
            }


.right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .financial-investment-tab .financial-investment-tab-inner-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 400px;
    margin-bottom: 10px;
}

    .right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .financial-investment-tab .financial-investment-tab-inner-container ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
    }

        .right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .financial-investment-tab .financial-investment-tab-inner-container ul li a {
            background-color: #fff;
            color: #222;
            border-radius: 0;
            border: none;
            font-size: 18px;
            font-weight: 600;
            padding: 0.75rem 0.25rem;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

            .right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .financial-investment-tab .financial-investment-tab-inner-container ul li a.active,
            .right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .financial-investment-tab .financial-investment-tab-inner-container ul li a:hover {
                background-color: #0666F1;
                color: #fff;
            }

.right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .financial-investment-tab {
    background-color: rgb(44, 44, 44);
    padding: 15px 20px
}

.financial-investment-tab-real-and-assets .nav.nav-pills .nav-item .nav-link.active {
    background-color: #0666F1;
    color: #fff;
    border-radius: 0;
    border: none;
    font-size: 18px;
    font-weight: 600;
    padding: 0.75rem 0.25rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.financial-investment-tab-real-and-assets .nav.nav-pills .nav-item .nav-link {
    background-color: #fff;
    color: #000;
    border-radius: 0;
    border: none;
    font-size: 18px;
    font-weight: 600;
    padding: 0.75rem 0.25rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    min-width: 192px;
    text-align: center
}

table.dataTable tbody td {
    padding: 8px 18px;
}

.follower-card {
    display: -ms-grid;
    display: grid;
    background: #fff;
    margin: 15px 0px;
    text-align: center
}

    .follower-card .follower-banner {
        width: 100%;
        height: 120px;
    }

        .follower-card .follower-banner img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .follower-card .follow-user-image {
        width: 100px;
        height: 100px;
        position: absolute;
        top: 60px;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        left: 50%;
    }

        .follower-card .follow-user-image img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
            border: 3px solid #fff;
        }

            .follower-card .follow-user-image img:hover {
                border: 3px solid #ECC309;
                cursor: pointer;
            }

    .follower-card .follower-details {
        padding: 45px 10px 20px;
    }

    .follower-card p {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0;
    }

    .follower-card .follower-details a.participant-name {
        font-size: 18px;
        font-weight: 600;
        color: #000;
    }

        .follower-card .follower-details a.participant-name:hover {
            text-decoration: underline;
            text-decoration-color: #ECC309;
        }

    .follower-card .followers-following-detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 10px 0;
        list-style: none;
        padding-left: 0;
    }

        .follower-card .followers-following-detail li {
            margin: 0 10px;
        }

            .follower-card .followers-following-detail li p {
                margin-bottom: 0;
            }

                .follower-card .followers-following-detail li p:first-child {
                    font-size: 16px;
                    font-weight: 500;
                    margin-bottom: 0;
                }

                .follower-card .followers-following-detail li p:nth-child(2) {
                    border: 1px solid;
                    border-radius: 25px;
                    font-size: 14px;
                    font-weight: 500;
                    width: 50px;
                    margin: 5px auto;
                }

            .follower-card .followers-following-detail li a {
                color: #000;
            }

                .follower-card .followers-following-detail li a:hover {
                    text-decoration: none;
                    color: #000;
                }

                    .follower-card .followers-following-detail li a:hover p:nth-child(2) {
                        background-color: #ECC309;
                        color: #000;
                    }

    .follower-card .remove-follower {
        position: absolute;
        top: 5px;
        right: 10px;
    }

        .follower-card .remove-follower i {
            cursor: pointer;
            color: #fff;
        }

        .follower-card .remove-follower ul {
            display: none;
        }

        .follower-card .remove-follower:hover ul {
            display: block;
            position: absolute;
            z-index: 1;
            list-style: none;
            background: var(--theme-color-1);
            padding: 2px 10px;
            right: 5px;
            top: 0;
            margin-bottom: 0;
        }

            .follower-card .remove-follower:hover ul li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 14px;
                font-weight: 600;
                cursor: pointer;
                color: #fff;
            }

/* view profile chat section */
#viewprofilemodal {
    bottom: 0;
    top: initial;
    right: 0;
    height: 500px;
    overflow: hidden;
    outline: 0;
    width: 310px;
    left: initial;
    height: 470px;
}

    #viewprofilemodal .modal-dialog {
        position: absolute;
        right: 10px;
        margin: 0;
        width: 300px;
    }

        #viewprofilemodal .modal-dialog .modal-content {
            border: none;
        }

            #viewprofilemodal .modal-dialog .modal-content .modal-header {
                background-color: #333;
                padding: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                border-radius: 0;
                vertical-align: middle;
            }

                #viewprofilemodal .modal-dialog .modal-content .modal-header .left-icons i {
                    color: #fff;
                    padding: 1rem;
                    margin-right: 2px;
                    -webkit-transition: 0.3s;
                    transition: 0.3s;
                }

                    #viewprofilemodal .modal-dialog .modal-content .modal-header .left-icons i:hover {
                        background-color: var(--theme-color-1);
                    }

                    #viewprofilemodal .modal-dialog .modal-content .modal-header .left-icons i.active {
                        background-color: var(--theme-color-1);
                    }

                #viewprofilemodal .modal-dialog .modal-content .modal-header .header-close {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-item-align: center;
                    align-self: center;
                }

                    #viewprofilemodal .modal-dialog .modal-content .modal-header .header-close button.close {
                        padding: 1rem;
                        color: #fff;
                        margin: 0;
                        outline: none;
                        font-size: 1rem;
                    }

                    #viewprofilemodal .modal-dialog .modal-content .modal-header .header-close .fa-plus {
                        color: #ECC309;
                    }

            #viewprofilemodal .modal-dialog .modal-content .modal-body {
                padding: 0;
            }

                #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tabs ul {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                }

                    #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tabs ul li {
                        -webkit-box-flex: 1;
                        -ms-flex: 1;
                        flex: 1;
                    }

                        #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tabs ul li a {
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            color: #fff;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            border-radius: 0;
                            background-color: #616161;
                        }

                            #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tabs ul li a.active {
                                background-color: var(--theme-color-1);
                                color: #fff;
                            }

                #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tab-content {
                    padding: 15px 0 10px 0;
                    color: #222;
                }

                    #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tab-content .tab-pane .profile-tab-content-inner > .media {
                        margin-bottom: 2px;
                        padding: 5px 15px;
                        background-color: #e9e9e9;
                        cursor: pointer;
                    }

                        #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tab-content .tab-pane .profile-tab-content-inner > .media:hover {
                            background-color: #d6d6d6;
                        }

                        #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tab-content .tab-pane .profile-tab-content-inner > .media .media-body {
                            -ms-flex-item-align: center;
                            align-self: center;
                            font-weight: 400;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                        }

                        #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tab-content .tab-pane .profile-tab-content-inner > .media .user-online-profile {
                            position: relative;
                        }

                            #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tab-content .tab-pane .profile-tab-content-inner > .media .user-online-profile img {
                                width: 40px;
                                height: 40px;
                                -o-object-fit: cover;
                                object-fit: cover;
                                border: 2px solid #fff;
                            }

                            #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tab-content .tab-pane .profile-tab-content-inner > .media .user-online-profile.active:after {
                                content: '';
                                position: absolute;
                                bottom: 2px;
                                right: 15px;
                                width: 10px;
                                height: 10px;
                                background-color: #2ecd18;
                                border-radius: 50%;
                                box-shadow: 0px 0px 0px 3px #e9ebee;
                                z-index: 1;
                            }

                    #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tab-content .tab-pane .profile-tab-content-inner {
                        max-height: 350px;
                        min-height: 350px;
                        overflow-y: scroll;
                    }

/* circle floating chat */

.view-profile-floating-chat {
    position: relative;
}

    .view-profile-floating-chat .wrapper .user-circle-chat {
        background-color: #fff;
        min-width: 10vw;
        border-radius: 7px;
    }

        .view-profile-floating-chat .wrapper .user-circle-chat .user-chat-heading {
            background-color: #333;
            border-radius: 0;
            padding: 5px 15px;
        }

            .view-profile-floating-chat .wrapper .user-circle-chat .user-chat-heading .left-icons img {
                width: 30px;
                height: 30px;
                margin-right: 10px;
                background: #ddd;
                -o-object-fit: cover;
                object-fit: cover;
                border-radius: 50%;
            }

            .view-profile-floating-chat .wrapper .user-circle-chat .user-chat-heading .box-tools > button i {
                color: #fff;
            }

            .view-profile-floating-chat .wrapper .user-circle-chat .user-chat-heading .left-icons #username {
                white-space: nowrap;
                max-width: 200px;
                overflow: hidden;
                text-overflow: ellipsis;
            }




        .view-profile-floating-chat .wrapper .user-circle-chat .user-chat-name {
            background-color: #eeeeee;
            border-radius: 0;
            padding: 0;
            color: #000;
        }



            .view-profile-floating-chat .wrapper .user-circle-chat .user-chat-name .view-profile-chat-tabs ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }

                .view-profile-floating-chat .wrapper .user-circle-chat .user-chat-name .view-profile-chat-tabs ul li {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                }

                    .view-profile-floating-chat .wrapper .user-circle-chat .user-chat-name .view-profile-chat-tabs ul li a {
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        color: #fff;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        border-radius: 0;
                        background-color: #616161;
                    }

                        .view-profile-floating-chat .wrapper .user-circle-chat .user-chat-name .view-profile-chat-tabs ul li a.active {
                            background-color: var(--theme-color-1);
                            color: #fff;
                        }

            .view-profile-floating-chat .wrapper .user-circle-chat .user-chat-name .view-profile-chat-tab-content {
                padding: 15px 0 10px 0;
                color: #222;
            }

        .view-profile-floating-chat .wrapper .user-circle-chat .user-chat-inner-content {
            padding: 4px 15px 0 15px;
            overflow-y: auto;
        }

        .view-profile-floating-chat .wrapper .user-circle-chat .msger {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column wrap;
            flex-flow: column wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%;
            max-width: 867px;
            max-height: 145px;
            min-height: 322px;
        }

        .view-profile-floating-chat .wrapper .user-circle-chat .msger-chat {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding: 8px 0 5px 0;
        }

            .view-profile-floating-chat .wrapper .user-circle-chat .msger-chat::-webkit-scrollbar {
                width: 6px;
            }

            .view-profile-floating-chat .wrapper .user-circle-chat .msger-chat::-webkit-scrollbar-track {
                background: #ddd;
            }

            .view-profile-floating-chat .wrapper .user-circle-chat .msger-chat::-webkit-scrollbar-thumb {
                background: #bdbdbd;
            }

        .view-profile-floating-chat .wrapper .user-circle-chat .msg {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            margin-bottom: 10px;
        }

            .view-profile-floating-chat .wrapper .user-circle-chat .msg:last-of-type {
                margin: 0;
            }

        .view-profile-floating-chat .wrapper .user-circle-chat .msg-img img {
            width: 30px;
            height: 30px;
            margin-right: 10px;
            background: #ddd;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            border-radius: 50%;
        }

        .view-profile-floating-chat .wrapper .user-circle-chat .msg-bubble {
            max-width: 450px;
            padding: 6px 7px;
            border-radius: 15px;
            background: #ddd;
            font-size: 14px;
        }

        .view-profile-floating-chat .wrapper .user-circle-chat .left-msg .msg-bubble {
            border-bottom-left-radius: 0;
        }

        .view-profile-floating-chat .wrapper .user-circle-chat .right-msg {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }

            .view-profile-floating-chat .wrapper .user-circle-chat .right-msg .msg-bubble {
                background: #579ffb;
                color: #fff;
                border-bottom-right-radius: 0;
            }

            .view-profile-floating-chat .wrapper .user-circle-chat .right-msg .msg-img {
                margin: 0 0 0 10px;
            }

        .view-profile-floating-chat .wrapper .user-circle-chat .msger-inputarea {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 8px 10px;
            border-top: 2px solid #ddd;
            background: #eee;
            border-radius: 0 0 7px 7px;
        }

            .view-profile-floating-chat .wrapper .user-circle-chat .msger-inputarea * {
                padding: 7px 10px;
                border: none;
                font-size: 1em;
            }

        .view-profile-floating-chat .wrapper .user-circle-chat .msger-input {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            background: #ddd;
            outline: none;
        }

        .view-profile-floating-chat .wrapper .user-circle-chat .msger-send-btn {
            margin-left: 10px;
            background: #0666F1;
            color: #fff;
            font-weight: bold;
            cursor: pointer;
            transition: 0.3s;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            outline: none;
            border: none;
            border-radius: 0;
        }

            .view-profile-floating-chat .wrapper .user-circle-chat .msger-send-btn:hover {
                background: #055CD9;
            }

        .view-profile-floating-chat .wrapper .user-circle-chat .user-ownership-inner-content span.user-own-things {
            padding: 5px 10px;
            background-color: #333;
            margin-right: 5px;
            font-size: 14px;
        }

        .view-profile-floating-chat .wrapper .user-circle-chat .user-ownership-inner-content .btn-active a button {
            background-color: #15BF09;
            color: #fff;
            border: none;
            padding: 2px 10px;
            font-size: 14px;
            cursor: initial;
        }

        .view-profile-floating-chat .wrapper .user-circle-chat .view-details a button {
            background-color: #F4CA0A;
            color: #fff;
            border: none;
            padding: 7px 15px;
            font-size: 14px;
            transition: 0.3s;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            outline: none;
        }

            .view-profile-floating-chat .wrapper .user-circle-chat .view-details a button:hover {
                background-color: #e9be00;
            }


    .view-profile-floating-chat .wrapper {
        bottom: 0px;
        background-color: #fff;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        z-index: 99999;
        width: 340px;
        position: unset;
        margin-right: 10px;
    }

.people-profile-floating-chat.user-chatting-box-5 .wrapper {
    right: 20px;
}

.view-profile-floating-chat.user-chatting-box-1 .wrapper {
    right: 330px;
}

.view-profile-floating-chat.user-chatting-box-2 .wrapper {
    right: 660px;
}

.view-profile-floating-chat.user-chatting-box-3 .wrapper {
    right: 990px;
}

.userchatBlock {
    display: none;
}

.groupchatBlock {
    display: none;
}

.popup-box-on {
    display: block !important;
}

/* ---------------------------*/
/* master page css start */
/* ---------------------------*/
.master-form-category h2.ctg-heading {
    color: #222;
    font-weight: 600;
    display: inline;
}

.master-form-category a.add-list-btn {
    float: right;
}

.master-form-category, .master-category-outerbox {
    padding: 100px 25px 25px 25px;
}

.master-form-table {
    padding: 10px 25px 10px 25px;
}

    .master-form-table .tooltip-box ul li a {
        color: #fff;
        padding: 0 0.25rem;
        margin: 0 0 0 4px;
        font-size: 1.25rem;
    }

        .master-form-table .tooltip-box ul li a i {
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

            .master-form-table .tooltip-box ul li a i.trash-red {
                color: #fc1010;
            }

            .master-form-table .tooltip-box ul li a i.edit-green {
                color: #1e9902;
            }

            .master-form-table .tooltip-box ul li a i.trash-red:hover {
                color: #df0000;
            }

            .master-form-table .tooltip-box ul li a i.edit-green:hover {
                color: #187703;
            }

/* ---------------------------*/
/* master page css end */


/* multiselect css start */

.multi-select-container {
    display: inline-block;
    position: relative;
}

.multi-select-menu {
    position: absolute;
    left: 0;
    top: 0.8em;
    z-index: 1;
    float: left;
    min-width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
}

.multi-select-menuitem {
    display: block;
    font-size: 0.875em;
    padding: 0.6em 1em 0.6em 30px;
    white-space: nowrap;
}

.multi-select-menuitem--titled:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    margin: 0 0 0.25em -20px;
}

.multi-select-menuitem--titledsr:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.multi-select-menuitem + .multi-select-menuitem {
    padding-top: 0;
}

.multi-select-presets {
    border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
    position: absolute;
    margin-top: 0.25em;
    margin-left: -20px;
}

.multi-select-button {
    display: inline-block;
    font-size: 0.875em;
    padding: 0.2em 0.6em;
    max-width: 16em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -0.5em;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    cursor: default;
}

    .multi-select-button:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0.4em 0.4em 0 0.4em;
        border-color: #999 transparent transparent transparent;
        margin-left: 0.4em;
        vertical-align: 0.1em;
    }

.multi-select-container--open .multi-select-menu {
    display: block;
}

.multi-select-container--open .multi-select-button:after {
    border-width: 0 0.4em 0.4em 0.4em;
    border-color: transparent transparent #999 transparent;
}

.multi-select-container--positioned .multi-select-menu {
    box-sizing: border-box;
}

    .multi-select-container--positioned .multi-select-menu label {
        white-space: normal;
    }

.people-home-herobanner .people-home-img-herobanner img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 420px;
    width: 100%;
}

.people-home-herobanner .people-home-img-herobanner {
    height: 420px;
    width: 100%;
    display: table;
}

    .people-home-herobanner .people-home-img-herobanner .user-space-profile {
        display: table-cell;
        vertical-align: middle;
    }
/*----------------- wallet Page css  1/10/2021 ------------------------------*/


.wallet-page-herobanner .wallet-home-img-herobanner {
    height: 420px;
    width: 100%;
    display: table;
}

    .wallet-page-herobanner .wallet-home-img-herobanner img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 420px;
        width: 100%;
    }

.wallet-main-container .wallet-user-profile-description {
    padding-top: 110px;
    color: #fff;
}

    .wallet-main-container .wallet-user-profile-description .about-user-box {
        padding: 15px 20px 45px 20px;
        background-color: rgb(44, 44, 44);
        margin-bottom: 16px;
        margin-top: 20px;
    }

        .wallet-main-container .wallet-user-profile-description .about-user-box .about-user-list ul li i {
            width: 30px;
        }

        .wallet-main-container .wallet-user-profile-description .about-user-box .about-user-list ul li {
            padding-bottom: 7px;
        }

            .wallet-main-container .wallet-user-profile-description .about-user-box .about-user-list ul li span {
                color: #d3d3d3;
                font-size: 14px;
            }

        .wallet-main-container .wallet-user-profile-description .about-user-box .about-user-inner-box span {
            font-size: 26px;
            font-weight: 600;
        }

        .wallet-main-container .wallet-user-profile-description .about-user-box .about-user-inner-box .block-ellipsis {
            font-size: 14px;
            letter-spacing: 1px;
            padding-top: 5px;
            color: #d3d3d3;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .wallet-main-container .wallet-user-profile-description .about-user-box .about-user-inner-box .about-user-inner-box-button {
            margin-top: 20px;
        }

.right-inner-container .wallet-tab-content .wallet-right-tabs .tab-content {
    background-color: rgb(44, 44, 44);
    padding: 15px 20px
}

.right-inner-container .wallet-right-tabs section .wallet-summary-tabs-inner-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}



    .right-inner-container .wallet-right-tabs section .wallet-summary-tabs-inner-container ul li a {
        background-color: transparent;
        color: #fff;
        border-radius: 0;
        border: none;
        font-size: 18px;
        font-weight: 600;
        padding: 0.5rem 1rem;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        border-bottom: 3px solid transparent !important;
    }

        .right-inner-container .wallet-right-tabs section .wallet-summary-tabs-inner-container ul li a:hover {
            background-color: transparent;
            color: #ECC309;
            fill: #ECC309;
        }

        .right-inner-container .wallet-right-tabs section .wallet-summary-tabs-inner-container ul li a.active {
            background-color: transparent;
            color: #ECC309;
            fill: #ECC309;
            border-bottom: 3px solid #ECC309 !important;
        }

.right-inner-container .wallet-right-tabs section .wallet-tabs-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .right-inner-container .wallet-right-tabs section .wallet-tabs-container ul li {
        background-color: #fff;
        color: #222;
        border-radius: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        border: 0;
        border-radius: 0;
        border-right: 7px solid #242424;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

        .right-inner-container .wallet-right-tabs section .wallet-tabs-container ul li:hover {
            background-color: var(--theme-color-1);
        }

            .right-inner-container .wallet-right-tabs section .wallet-tabs-container ul li:hover a {
                color: #fff;
                fill: #fff;
            }

        .right-inner-container .wallet-right-tabs section .wallet-tabs-container ul li a {
            color: #222;
            border: 0;
            border-radius: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 65px;
        }




            .right-inner-container .wallet-right-tabs section .wallet-tabs-container ul li a.active {
                background-color: var(--theme-color-1);
                color: #fff;
                fill: #fff;
                height: 100%;
            }

            .right-inner-container .wallet-right-tabs section .wallet-tabs-container ul li a i {
                font-size: 32px;
                margin-right: 10px;
            }

            .right-inner-container .wallet-right-tabs section .wallet-tabs-container ul li a svg {
                width: 31px;
                margin-right: 10px;
            }

            .right-inner-container .wallet-right-tabs section .wallet-tabs-container ul li a p {
                font-size: 18px;
                font-weight: 600;
                margin-bottom: 0px;
            }


.right-inner-container .wallet-right-tabs section .wallet-tab-content .edit-profile-reset-password {
    max-width: 410px;
    background-color: rgb(44, 44, 44);
    padding: 12px 15px;
    margin: 0;
}



.right-inner-container .wallet-right-tabs section .wallet-tab-content .edit-profile-form-box form {
    padding: 12px 15px;
    background-color: rgb(44, 44, 44);
    max-width: 1080px;
    margin: 0;
}

.right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-content-inner h2 {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 5px;
    color: #fff;
}

.right-inner-container .wallet-right-tabs section .wallet-tab-content {
    padding: 25px 40px 65px 40px;
}

.add-card-tab-content-inner .card-info-container .input-group-addon {
    position: absolute;
    right: 0;
    background-color: #7a7a7a;
    padding: 7px 10px;
    z-index: 2;
}

.right-inner-container .wallet-right-tabs section .wallet-tab-content .my-wallet-tab-content-inner {
    padding: 10px 15px 10px 15px;
    background-color: var(--theme-color-1);
    color: #fff;
    min-width: 250px;
    max-width: 320px;
    width: max-content;
    margin-right: 15px;
}

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .my-wallet-tab-content-inner p {
        font-size: 18px;
    }

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .my-wallet-tab-content-inner h4 {
        font-size: 26px;
        margin-top: 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .my-wallet-tab-content-inner h4 svg {
            fill: #fff;
            width: 32px;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .my-wallet-tab-content-inner h4 .map-mint {
            width: 35px;
            height: 35px;
        }

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .my-wallet-tab-content-inner.vilazia-loan {
        padding: 10px 15px 10px 15px;
        background-color: #0666F1;
        color: #fff;
        min-width: 250px;
        max-width: 320px;
        width: max-content;
    }

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .my-wallet-tab-content-inner.vilazia-remaining-balance {
        padding: 10px 15px 10px 15px;
        background-color: rgb(44, 44, 44);
        color: #fff;
        min-width: 250px;
        max-width: 320px;
        width: max-content;
    }

.right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option {
    margin-top: 50px;
}

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option h2 {
        font-size: 26px;
        font-weight: 600;
        padding-bottom: 5px;
        color: #fff;
    }

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .quick-card-option-outer {
        margin-top: 15px;
        max-width: 400px;
    }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .quick-card-option-outer p {
            color: #bbbbbb;
            margin-bottom: 0;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .quick-card-option-outer .card-quick-option {
            margin-top: 10px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .quick-card-option-outer .card-quick-option > div > span i {
                color: #fff;
                width: 15px;
            }

            .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .quick-card-option-outer .card-quick-option > div > span > img {
                width: 15px;
            }

            .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .quick-card-option-outer .card-quick-option p {
                font-size: 18px;
                font-weight: 400;
                color: #fff;
                padding-right: 15px;
            }

            .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .quick-card-option-outer .card-quick-option .add-money-btn button.btn {
                padding: 5px 10px;
                font-size: 14px;
                font-weight: 600;
                background-color: #b3950d;
                transition: 0.3s ease;
                color: #fff;
                border: none;
                -webkit-transition: 0.3s ease;
                -moz-transition: 0.3s ease;
                -o-transition: 0.3s ease;
            }

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .other-card-option-outer .card-other-option .add-money-btn button.btn {
        padding: 5px 10px;
        font-size: 14px;
        color: #fff;
        font-weight: 600;
        background-color: #b3950d;
        border: none;
        transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -o-transition: 0.3s ease;
    }

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .quick-card-option-outer .card-quick-option .add-money-btn button.btn:hover {
        background-color: #a68800;
    }

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .other-card-option-outer .card-other-option .add-money-btn button.btn:hover {
        background-color: #a68800;
    }

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .other-card-option-outer {
        margin-top: 20px;
    }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .other-card-option-outer p {
            color: #bbbbbb;
            margin-bottom: 0;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .other-card-option-outer .card-other-option {
            margin-top: 10px;
            max-width: 400px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .other-card-option-outer .card-other-option > div > span > i {
                color: #fff;
                width: 15px;
            }

            .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .other-card-option-outer .card-other-option p {
                font-size: 18px;
                font-weight: 400;
                color: #fff;
                padding-right: 15px;
            }


.right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-send-money h2 {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 5px;
    color: #fff;
}


.expire-cvv .form-group > div input {
    max-width: 77px;
    border: none;
    text-align: center;
    height: 38px;
}






.right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-send-money .wallet-tab-send-money .wallet-tab-send-money-select-user select {
    border-radius: 0;
    font-size: 16px;
}

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-send-money .wallet-tab-send-money .wallet-tab-send-money-select-user select option {
        padding: 20px;
        height: 30px;
        min-height: 50px;
    }

.right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-send-money .wallet-tab-send-money {
    margin-top: 15px;
}

.right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-send-money .enter-amount {
    margin-top: 8px;
}

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-send-money .enter-amount input {
        border-radius: 0;
        font-size: 16px;
    }



.right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-send-money input.btn-send-money {
    width: 100%;
    margin-top: 10px;
    font-weight: 600;
    border-radius: 0;
}


.right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-refund-money-to-bank {
    margin-top: 50px;
    max-width: 250px;
}

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-refund-money-to-bank h2 {
        font-size: 26px;
        font-weight: 600;
        padding-bottom: 5px;
        color: #fff;
    }

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-refund-money-to-bank .wallet-tab-refund-money .wallet-tab-refund-money-select-user select {
        border-radius: 0;
        font-size: 16px;
    }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-refund-money-to-bank .wallet-tab-refund-money .wallet-tab-refund-money-select-user select option {
            padding: 20px;
            height: 30px;
            min-height: 50px;
        }

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-refund-money-to-bank .wallet-tab-refund-money {
        margin-top: 15px;
    }

    .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-refund-money-to-bank .enter-amount {
        margin-top: 8px;
    }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-refund-money-to-bank .enter-amount input {
            border-radius: 0;
            font-size: 16px;
        }



    .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-refund-money-to-bank input.btn-send-money {
        width: 100%;
        margin-top: 10px;
        font-weight: 600;
        border-radius: 0;
    }



.add-money-modal .add-money-modal-outer .wallet-tab-send-money .wallet-tab-send-money-select-user select {
    border-radius: 0;
    font-size: 16px;
}

.add-money-modal .add-money-modal-outer .wallet-tab-send-money .enter-amount input {
    border-radius: 0;
    font-size: 16px;
    color: #495057;
    margin-top: 8px;
}

.add-money-modal .add-money-modal-outer .wallet-tab-send-money button {
    margin-top: 15px;
    font-weight: 600;
    margin-right: 5px;
}

.payment-form .card-info-container .input-group-addon {
    position: absolute;
    right: 0;
    background-color: #7a7a7a;
    padding: 7px 10px;
    z-index: 2;
}

.payment-form .card-info-container .expire-cvv input {
    outline: none;
    min-height: 38px;
    text-align: center;
    border: none;
}

.payment-form .card-info-container .expire-cvv label input {
    text-align: center;
}

.payment-inner-container .view-profile-right-tabs section .profile-tab-content {
    padding: 25px 40px 25px 40px;
    max-width: calc(100% - 254px);
}


#payment-forms .card-info-container .card-info .form-group .input-group input {
    z-index: 1;
    border-radius: 0;
}


.wallet-blnc {
    font-size: 38px;
    font-weight: 600;
    color: #007bff;
}

.wallet-blnc-outer {
    border: 1px solid #ced4da;
    padding: 20px;
    max-width: 200px;
    border-radius: 12px;
    color: #222;
    font-weight: 600;
    background-color: #efefef;
}

button.btn {
    border-radius: 0;
}

.right-inner-container .payment-summary-table table {
    color: #fff;
    width: 100%;
    border-left: 1px solid rgb(95 95 95);
    border-right: 1px solid rgb(95 95 95);
}

.dataTables_scrollHeadInner {
    width: 100%;
}


.right-inner-container .payment-summary-table table tr td, .right-inner-container .payment-summary-table table tr th {
    border: 0;
}

.right-inner-container .payment-summary-table table tr.odd > td {
    border-bottom: 1px solid rgb(95 95 95);
    height: 40px;
    vertical-align: middle;
}

.right-inner-container .payment-summary-table table tr.even > td {
    border-bottom: 1px solid rgb(95 95 95);
    height: 40px;
    vertical-align: middle;
}

.right-inner-container .payment-summary-table table tr td {
    white-space: nowrap;
    background-color: #373737;
}

.payment-summary-table table thead {
    background-color: rgb(95 95 95);
    font-size: 18px;
}

.payment-summary-table table tbody tr td .summary-payment-status-icon img {
    width: 25px;
    margin-right: 10px;
}

.payment-summary-table table tbody tr td .summary-amount-pill-sended {
    width: 85px;
    height: 33px;
    background-color: var(--theme-color-1);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.payment-summary-table table tbody tr td .summary-amount-pill-received {
    width: 85px;
    height: 33px;
    background-color: #74b238;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*custom wallet table css*/


.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0;
}

.dataTables_length label select {
    margin: 0 10px;
    outline: none;
    border-radius: 0;
}

    .dataTables_length label select option {
        margin: 0 10px;
        color: #222;
    }

.dataTables_info {
    color: #fff;
}

.wallet-tab-summary-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.download-wallet-summary .wallet-summary-download {
    font-size: 22px;
}

.download-wallet-summary > div i {
    font-size: 28px;
}

    .download-wallet-summary > div i.excel-logo-clr {
        color: #1D6F42;
    }

    .download-wallet-summary > div i.pdf-logo-clr {
        color: #F40F02;
    }

#user-dashboard .datatable-sec {
    margin: 20px 0;
    padding: 15px;
    border-radius: 12px;
    box-shadow: 1px 1px 11px #0000000f;
    min-height: calc(100vh - 250px);
}

    #user-dashboard .datatable-sec .table thead th {
        border-bottom: 0px;
    }

    #user-dashboard .datatable-sec .table-striped tbody tr:nth-of-type(odd) {
        background-color: #FBFBFB;
    }

table.dataTable td, table.dataTable th {
    white-space: nowrap;
}


#user-dashboard #example {
    width: 100%;
}

#example {
    margin-top: 20px;
}

.paginate_button:hover {
    text-decoration: none;
    color: #fff;
    background-color: #007bff;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    cursor: pointer;
}

.paginate_button {
    text-decoration: none;
    padding: 5px 10px;
    background-color: #f2f2f2;
    text-decoration: none;
    color: #222;
    margin: 0 3px;
}

.choose-excel-img {
    cursor: pointer;
    color: #1D6F42;
    font-size: 28px;
    margin: 0 5px 0 5px;
}

.upload-excel-text-ellipses {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 270px;
}

#navbarScroll ul li.dropdown > div.dropdown-menu a.dropdown-item span i {
    width: 32px;
}

.add-your-post-container-outer {
    border: 1px solid #6a6a6a;
}

    .add-your-post-container-outer .add-your-post-containe-title {
        background-color: #6a6a6a;
        padding: 10px 15px 10px 15px;
    }

        .add-your-post-container-outer .add-your-post-containe-title h3 {
            font-size: 22px;
        }

form.add-your-post-container {
    padding: 10px 15px 10px 15px;
    background-color: rgb(44, 44, 44);
}

    form.add-your-post-container .add-your-post-staus-widget .status-image-cursor p {
        cursor: pointer;
    }

    form.add-your-post-container .write-post-outer textarea {
        resize: none;
    }

textarea {
    resize: none;
}


/* alert box global css*/
#modalContainer {
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 100%;
    height: 100% !important;
    top: 0px;
    left: 0px;
    z-index: 10000;
    background-image: url(tp.png);
}

#alertBox {
    position: relative;
    width: 400px;
    min-height: 100px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 20px 30px;
}

#modalContainer > #alertBox {
    position: fixed;
    top: 50%;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#alertBox h1 {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    background-color: #000;
    color: #fff;
    padding: 10px;
}

#alertBox p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 0;
    min-height: 100px;
    max-height: 150px;
    font-weight: 600;
    padding: 0 10px;
}

#alertBox #closeBtn {
    display: block;
    position: relative;
    margin: 5px auto 15px;
    padding: 5px;
    border: 0 none;
    width: 80px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background-color: var(--theme-color-1);
    border-radius: 0;
    text-decoration: none;
}

    #alertBox #closeBtn:hover {
        background-color: #D61F0A;
    }


/* alert box global css end*/

.privacy-setting-container {
    max-width: 410px;
    background-color: rgb(44, 44, 44);
    margin-top: 10px;
}

    .privacy-setting-container .payment-form > .d-flex {
        padding: 12px 15px;
        border-bottom: 1px solid #373737;
        background-color: rgb(44, 44, 44);
    }

.btn-slide-toggle {
    --size: 1.125rem;
    --width: calc(1.125rem * 2);
    display: -ms-inline-grid;
    display: inline-grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: var(--width);
    height: var(--size);
    cursor: pointer;
    margin-bottom: 0;
}

    .btn-slide-toggle::before {
        content: "";
        -ms-grid-row: 1;
        grid-area: 1 / -1;
        width: var(--width);
        height: var(--size);
        -webkit-transition: all 250ms ease;
        transition: all 250ms ease;
        border-radius: var(--width);
        background-color: #000;
    }

    .btn-slide-toggle:hover::before {
        box-shadow: 0 0 0 2px #aef;
    }

    .btn-slide-toggle::after {
        content: "";
        -ms-grid-row: 1;
        grid-area: 1 / -1;
        width: calc(var(--size) * 0.8);
        height: calc(var(--size) * 0.8);
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transition: all 250ms ease;
        transition: all 250ms ease;
        border-radius: 100%;
        background: #fff;
    }

    .btn-slide-toggle:checked::before {
        background-color: #0666F1;
    }

    .btn-slide-toggle:checked::after {
        -webkit-transform: translateX(calc(var(--width) - var(--size) * 0.8 - 10%));
        transform: translateX(calc(var(--width) - var(--size) * 0.8 - 10%));
    }

    .btn-slide-toggle:disabled {
        pointer-events: none;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
    }


/* Contact US form CSS starts here */

.contact-us-form {
    background: #242424;
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.contact-us-form-left-side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

    .contact-us-form-left-side div img {
        height: 100px;
    }

.contact-us-form-right-side {
    background: #141414;
    padding: 25px;
}

/* Contact US form CSS ends here */



/* New Design add eduaction starts here */
.add-education {
    width: 100%;
    height: 201px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgb(44, 44, 44);
    cursor: pointer;
}

.added-certificate {
    min-height: 200px;
    background: rgb(44, 44, 44);
    position: relative;
}

    .added-certificate img {
        width: 100%;
        height: 152px;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .added-certificate h6 {
        color: #fff;
        text-transform: capitalize;
        padding: 5px 10px;
        text-align: center;
        margin-bottom: 0;
        padding: 15px 10px;
    }

.added-certificate-hover {
    display: none;
}

.added-certificate .new-certificate-uploaded:hover .added-certificate-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    background: rgba(0,0,0,0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-evenly;
    padding: 0 40px;
}

.added-certificate-hover i {
    font-size: 20px;
}

.added-certificate-hover .view-certificate {
    color: #0666f1;
}

.added-certificate-hover .remove-certificate {
    color: #ff0000;
}

.added-certificate-hover .view-certificate,
.added-certificate-hover .remove-certificate {
    background: #fff;
    height: 30px;
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .added-certificate-hover .view-certificate:hover {
        background: #0666f1;
        color: #fff;
        cursor: pointer;
    }

    .added-certificate-hover .remove-certificate:hover {
        background: #ff0000;
        color: #fff;
        cursor: pointer;
    }

.upload-qualification-img {
    position: relative;
    border: 1px solid #ced4da;
    width: 100%;
    height: 200px;
}

    .upload-qualification-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.remove-upload-certificate-image {
    position: absolute;
    top: -13px;
    right: -5px;
    cursor: pointer;
    background: rgba(0,0,0,0.5);
    padding: 1px 5px;
    color: #fff;
}

    .remove-upload-certificate-image:hover {
        color: #FF0000;
    }

.file-uploader__message-area {
    font-size: 18px;
}

.file-list {
    margin-top: 10px;
    font-size: 16px;
    padding: 0;
}

.file-list__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    float: left;
    padding-left: 15px;
}

.file-list li {
    height: 50px;
    line-height: 50px;
    border: none;
    overflow: hidden;
    margin-bottom: 3px;
    background-color: #6a6a6a;
}

.removal-button {
    width: 10%;
    border: none;
    background-color: var(--theme-color-1);
    color: #fff;
    display: inline-block;
    height: 100%;
    float: right;
}

    .removal-button::before {
        content: "X";
        color: #fff;
    }

    .removal-button:focus {
        outline: 0;
    }

.file-uploader__submit-button:hover {
    background-color: #df0000;
}

.hidden {
    display: none;
}

    .hidden input {
        display: none;
    }

.error {
    color: var(--theme-color-1);
}

p.error-message {
    background-color: #F4CA0A;
    padding: 10px;
    text-align: center;
    color: #000;
    margin-top: 15px;
}

.viewCertificate-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background: rgba(0,0,0,0.5);
    padding: 0px 10px;
    color: #fff;
    font-size: 26px;
}

    .viewCertificate-close:hover {
        background: #ff0000;
        color: #fff;
        text-decoration: none;
    }


/* New Design add eduaction ends here */


.lot-reserved {
    color: #fff;
    background-color: #d9963a;
    border-radius: 0px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    cursor: not-allowed !important;
}

    .lot-reserved:hover {
        background-color: #b77d2e;
    }

.people-profile-lot-buy {
    color: #fff;
    background-color: #74b238;
    border-radius: 0px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}

    .people-profile-lot-buy:hover {
        background-color: #5d9726;
    }


.sold-badge {
    background: #d9963a;
    cursor: not-allowed;
    width: max-content;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 0px;
    opacity: 0.7;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}

.sell-badge {
    background: #0666F1;
    cursor: not-allowed;
    width: max-content;
    font-weight: 600;
    padding: 3px 5px;
    border-radius: 0px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}

.cancel-badge {
    background: var(--theme-color-1);
    cursor: not-allowed;
    width: max-content;
    font-weight: 600;
    padding: 3px 5px;
    border-radius: 0px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    margin-left: 8px;
}

.map-mint-sell-price {
    position: absolute;
    bottom: 7px;
    left: 24px;
    width: 28px;
}


/* Geolocation css */

#geolocation-modal .modal-content .modal-header {
    border-radius: 0;
}

    #geolocation-modal .modal-content .modal-header h2 {
        font-weight: 700;
        margin-top: 5px;
        font-size: 26px;
        margin-bottom: 5px;
        padding: 0;
    }

#map-container {
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 0.25rem;
    margin-bottom: 5px;
}

    #map-container #map-container-inner {
        position: relative;
        display: block;
        width: 100%;
    }

        #map-container #map-container-inner #map {
            overflow: hidden;
            height: 250px;
        }

            #map-container #map-container-inner #map iframe {
                background-color: rgba(0, 0, 0, .15);
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 0;
            }

.map-lot-searchbar-n-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.map-and-list-btn {
    right: 250px;
    white-space: nowrap;
    background: #ECC309;
    color: #000;
    font-family: RobotoMedium;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-right: 10px;
}

.error-message-login-screen {
    font-size: 14px;
    text-align: left;
    color: var(--theme-color-1);
    font-weight: 600;
}


.user-register-successfully-outer-container {
    position: absolute;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    background: rgba(0,0,0,0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.user-register-successfully {
    background: #fff;
    width: 360px;
    height: 360px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 30px;
    background: #F7F9FA;
}

.user-register-img {
    width: 35px;
    height: 35px;
}

    .user-register-img img {
        width: 100%;
        height: 100%;
    }

.user-register-successfully-inner-body {
    text-align: center;
}

    .user-register-successfully-inner-body i {
        font-size: 60px;
        color: #28a745;
    }

    .user-register-successfully-inner-body p {
        font-size: 28px;
        font-weight: 400;
    }

        .user-register-successfully-inner-body p + p {
            font-size: 18px;
            font-weight: 400;
            margin: 0 10px 16px;
        }

    .user-register-successfully-inner-body .user-already-exist-icon i {
        color: #000;
        font-size: 100px;
    }

.user-register-successfully .verify-btn {
    color: #fff;
    padding: 10px 40px;
    font-weight: 600;
}

.forget-btn-send {
    color: #fff;
    display: block;
    text-align: center;
    background-color: var(--theme-color-1);
    line-height: 40px;
    width: 100%;
    border: none;
    font-size: 20px;
    font-weight: bold;
    margin: 40px 0 40px 0;
    padding: 5px 0;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}

#forget-password .enter_the_otp {
    width: 55%;
    height: auto;
    margin: 0 auto;
}

#forget-password .btn.btn-generate-otp.disabled {
    background: #ECC309;
    text-align: center;
    margin-top: 15px;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    border-radius: 0;
    width: 100%;
    outline: none;
    letter-spacing: 1px;
    border: none;
}

#forget-password .forget-Otp {
    text-align: center;
    font-weight: 700;
    letter-spacing: 1px;
    height: 35px;
    border: 2px solid #d1cece;
    background: transparent;
    color: #fff;
}

    #forget-password .forget-Otp:focus {
        border-color: #fff;
    }

#forget-password .enter_the_forget_otp_title {
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0 15px 0;
    text-align: center;
}

.signin-form .login-forget-password {
    color: #fff;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .signin-form .login-forget-password p:hover {
        color: #ECC309;
        text-decoration: underline;
        cursor: pointer;
    }

.toggle-password {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 20px !important;
    text-align: left;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

.v--toggle-password {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #000;
    cursor: pointer;
    font-size: 20px !important;
    text-align: left;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

.cursor-pointer {
    cursor: pointer;
}

.signup-password-input .toggle-password {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 20px !important;
}

/* Login Page new updated CSS Starts Here */
.one-time-otp-login-action {
    text-align: left;
    font-size: 18px;
    font-family: Roboto, sans-serif;
}

    .one-time-otp-login-action a:hover {
        color: #F4CA0A !important;
    }

.dont-have-account-signup {
    font-size: 18px;
    font-family: Roboto, sans-serif;
    color: #fff;
    text-align: left;
}

.login-with-one-time-password-text {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    text-align: left;
}

    .login-with-one-time-password-text a {
        color: #fff;
    }

        .login-with-one-time-password-text a:hover {
            color: #F4CA0A;
        }

.passport-control-image-icon {
    background: #FFD100;
    text-align: center;
}

.signin-section .main-sign-in-body .main-sign-in-content .signinform .login-title-sign-in h2 {
    font-family: Roboto, sans-serif;
    font-weight: bold;
    font-size: 34px;
    letter-spacing: 0;
    text-align: left
}

.signin-section .main-sign-in-body .main-sign-in-content .login-left-side-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    min-height: calc(100vh - 570px);
}
/* Login Page new updated CSS Ends Here */
#bidding-Record .modal-content.create-popup-form .modal-body .dataTables_wrapper .dataTables_length label,
#bidding-Record .modal-content.create-popup-form .modal-body .dataTables_wrapper .dataTables_length label select {
    color: #000;
}

#bidding-Record .modal-content.create-popup-form .modal-body .dataTables_wrapper .dataTables_filter label,
#bidding-Record .modal-content.create-popup-form .modal-body .dataTables_wrapper .dataTables_filter label input {
    color: #000;
}

.pr-0 {
    padding-right: 0 !important;
}

/* Detail Modal popup css starts here */

.v--detail-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.v--detail-image {
    width: 330px;
    height: 250px;
    background: #f5f5f5;
}

    .v--detail-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.v--more-images-in-popup {
    width: 60px;
    height: 60px;
    background: #f5f5f5;
    border: 2px solid transparent;
    margin-right: 5px;
    cursor: pointer;
}

    .v--more-images-in-popup img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .v--more-images-in-popup:hover, .v--more-images-in-popup.active {
        border: 2px solid #ECC309;
        cursor: pointer;
    }


.v--detail {
    margin-left: 20px;
    width: calc(100% - 350px);
}

    .v--detail a {
        color: #000;
        word-break: break-all;
    }

.v--detail-title {
    font-size: 26px;
}

.v--detail-location {
    font-size: 14px;
    color: #888;
}

    .v--detail-location img {
        width: 15px;
        -o-object-fit: contain;
        object-fit: contain;
    }

.v--detail-description {
    font-size: 16px;
    margin-top: 10px;
}

.v--detail-price {
    font-size: 26px;
}

.v--post-by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

    .v--post-by .v--post-by-user {
        width: 40px;
        height: 40px;
    }

        .v--post-by .v--post-by-user img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
        }

.v--post-by-user-detail {
    margin-left: 10px;
}

    .v--post-by-user-detail h6 {
        margin-bottom: 0;
        font-weight: bold;
    }

    .v--post-by-user-detail p {
        margin-bottom: 0px;
        font-size: 14px;
    }


/* Service detail page css starts here */

.service-detail-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.service-detail-image {
    width: 330px;
    height: 250px;
    background: #f5f5f5;
}

    .service-detail-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.service-more-images-in-popup {
    width: 60px;
    height: 60px;
    background: #f5f5f5;
    border: 2px solid transparent;
    margin-right: 5px;
    cursor: pointer;
}

    .service-more-images-in-popup img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .service-more-images-in-popup:hover, .service-more-images-in-popup.active {
        border: 2px solid #ECC309;
        cursor: pointer;
    }


.service-detail {
    margin-left: 20px;
    width: calc(100% - 350px);
}

    .service-detail a {
        color: #000;
        word-break: break-all;
    }

.service-detail-title {
    font-size: 26px;
}

.service-detail-location {
    font-size: 14px;
    color: #888;
}

    .service-detail-location img {
        width: 15px;
        -o-object-fit: contain;
        object-fit: contain;
    }

.service-detail-description {
    font-size: 16px;
    margin-top: 10px;
}

.service-detail-price {
    font-size: 26px;
}

.service-post-by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

    .service-post-by .service-post-by-user {
        width: 40px;
        height: 40px;
    }

        .service-post-by .service-post-by-user img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
        }

.service-post-by-user-detail {
    margin-left: 10px;
}

    .service-post-by-user-detail h6 {
        margin-bottom: 0;
        font-weight: bold;
    }

    .service-post-by-user-detail p {
        margin-bottom: 0px;
        font-size: 14px;
    }

/* Product detail page css starts here */

.product-detail-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-detail-image {
    width: 330px;
    height: 270px;
    background: #f5f5f5;
}

    .product-detail-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.product-more-images-in-popup {
    width: 60px;
    height: 60px;
    background: #f5f5f5;
    border: 2px solid transparent;
    margin-right: 5px;
    cursor: pointer;
}

    .product-more-images-in-popup img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .product-more-images-in-popup:hover, .product-more-images-in-popup.active {
        border: 2px solid #ECC309;
        cursor: pointer;
    }

.product-detail {
    margin-left: 20px;
    width: calc(100% - 350px);
}

    .product-detail a {
        color: #000;
        word-break: break-all;
    }

.product-detail-title {
    font-size: 26px;
}

.product-detail-location {
    font-size: 14px;
    color: #888;
}

    .product-detail-location img {
        width: 15px;
        -o-object-fit: contain;
        object-fit: contain;
    }

.product-detail-description {
    font-size: 16px;
    margin-top: 10px;
}

    .product-detail-description:hover {
        text-decoration: none;
        color: #fff;
    }

.product-detail-price {
    font-size: 26px;
}

.product-post-by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

    .product-post-by .product-post-by-user {
        width: 40px;
        height: 40px;
    }

        .product-post-by .product-post-by-user img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
        }

.product-post-by-user-detail {
    margin-left: 10px;
}

    .product-post-by-user-detail h6 {
        margin-bottom: 0;
        font-weight: bold;
    }

    .product-post-by-user-detail p {
        margin-bottom: 0px;
        font-size: 14px;
    }


/* Space detail modal popup CSS  */

.space-detail-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.space-detail-image {
    width: 330px;
    height: 250px;
    background: #f5f5f5;
}

    .space-detail-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.space-more-images-in-popup {
    width: 60px;
    height: 60px;
    background: #f5f5f5;
    border: 2px solid transparent;
    margin-right: 5px;
    cursor: pointer;
}

    .space-more-images-in-popup img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .space-more-images-in-popup:hover, .space-more-images-in-popup.active {
        border: 2px solid #ECC309;
        cursor: pointer;
    }


.space-detail {
    margin-left: 20px;
    width: calc(100% - 350px);
}

    .space-detail a {
        color: #000;
        word-break: break-all;
    }

.space-detail-title {
    font-size: 26px;
}

.space-detail-location {
    font-size: 14px;
    color: #888;
}

    .space-detail-location img {
        width: 15px;
        -o-object-fit: contain;
        object-fit: contain;
    }

.space-detail-description {
    font-size: 16px;
    margin-top: 10px;
}

.space-detail-price {
    font-size: 26px;
}

.space-post-by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

    .space-post-by .space-post-by-user {
        width: 40px;
        height: 40px;
    }

        .space-post-by .space-post-by-user img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
        }

.space-post-by-user-detail {
    margin-left: 10px;
}

    .space-post-by-user-detail h6 {
        margin-bottom: 0;
        font-weight: bold;
    }

    .space-post-by-user-detail p {
        margin-bottom: 0px;
        font-size: 14px;
    }



.mandatory-field {
    color: red;
}

.item.feature-section {
    position: relative;
    z-index: 100;
    overflow: hidden;
}

    .item.feature-section .feature-section-inner-content img {
        height: 100%;
        width: 100%;
        -o-object-fit: fill;
        object-fit: fill;
    }

    .item.feature-section .feature-section-inner-content .icon-section {
        position: absolute;
        top: 0;
        z-index: 99;
        width: 100%;
        padding: 8px 5px 5px 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

.icon-section .icon-right-side-onCrouselCard {
    margin-left: auto;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: end;
}

    .icon-section .icon-right-side-onCrouselCard .fav-option-icon i,
    .icon-section .icon-right-side-onCrouselCard .share-social-icon i {
        color: #ECC309;
    }

        .icon-section .icon-right-side-onCrouselCard .request-for-join-circle i:hover,
        .icon-section .icon-right-side-onCrouselCard .fav-option-icon i:hover,
        .icon-section .icon-right-side-onCrouselCard .share-social-icon i:hover,
        .icon-section .icon-right-side-onCrouselCard .fav-option-icon i.active,
        .icon-section .icon-right-side-onCrouselCard .assign-item-cat:hover,
        .icon-section .icon-right-side-onCrouselCard .fav-option-icon:hover,
        .icon-section .icon-right-side-onCrouselCard .edit-owl-icon a:hover,
        .icon-section .icon-right-side-onCrouselCard .share-social-icon:hover {
            color: #ECC309;
            cursor: pointer;
        }

    .icon-section .icon-right-side-onCrouselCard .spaceCheckin svg:hover g {
        cursor: pointer;
    }

    .icon-section .icon-right-side-onCrouselCard .request-for-join-circle,
    .icon-section .icon-right-side-onCrouselCard .assign-item-cat,
    .icon-section .icon-right-side-onCrouselCard .fav-option-icon,
    .icon-section .icon-right-side-onCrouselCard .edit-owl-icon a,
    .icon-section .icon-right-side-onCrouselCard .share-social-icon,
    .icon-section .icon-right-side-onCrouselCard .spaceCheckin,
    .icon-section .icon-right-side-onCrouselCard .remove-icon {
        color: #fff;
        cursor: pointer;
        margin-left: 10px;
        font-size: 18px;
    }

.green-icon g {
    fill: #55e10e;
}

.green-icon:hover g {
    fill: #55e10e !important;
}

.yellow-icon g {
    fill: #e3bc0d;
}

.red-icon g {
    fill: #ff0000;
}

.icon-section .icon-right-side-onCrouselCard .remove-icon:hover {
    color: var(--theme-color-1);
}

.icon-section .icon-right-side-onCrouselCard .request-for-join-circle p {
    font-size: 12px;
    margin-bottom: 0;
    background: #ff1818;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0px;
    right: -9px;
}

.social-share-options {
    position: absolute;
    list-style: none;
    right: -10px;
    background: #fff;
    padding: 5px;
    display: none;
    border-radius: 3px;
    box-shadow: 0 0 6px #ccc;
    margin: 0;
}

    .social-share-options li {
        padding: 0 5px;
    }

.icon-section .icon-right-side-onCrouselCard .share-social-icon:hover .social-share-options {
    display: block;
}

.icon-section .icon-right-side-onCrouselCard .share-social-icon .social-share-options li i {
    color: #000;
}

    .icon-section .icon-right-side-onCrouselCard .share-social-icon .social-share-options li i:hover {
        color: #ECC309;
        cursor: pointer;
    }



.v--view-btn-onCardHover {
    color: #ECC309;
    padding: 5px 10px;
    margin-bottom: 0;
    height: 35px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #ECC309;
    font-weight: bold;
    font-size: 14px;
    width: fit-content;
}

    .v--view-btn-onCardHover:hover {
        background: #ECC309;
        color: #000;
        border: 1px solid transparent;
        text-decoration: none;
    }

.v--remove-assigned-btn {
    color: var(--theme-color-1);
    padding: 5px 10px;
    margin-bottom: 0;
    height: 35px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid var(--theme-color-1);
    font-weight: bold;
    background: transparent;
}

    .v--remove-assigned-btn:hover {
        background: var(--theme-color-1);
        color: #fff;
        border: 1px solid transparent;
    }

        .v--remove-assigned-btn:hover a {
            color: #fff;
            text-decoration: none;
        }

.product-view-btn {
    color: #ECC309;
    padding: 5px 10px;
    margin-bottom: 0;
    height: 30px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #ECC309;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
}

    .product-view-btn:hover {
        background: #ECC309;
        color: #000;
        border: 1px solid transparent;
        text-decoration: none;
    }

.product-buy-btn {
    color: #0062cc;
    padding: 5px 10px;
    margin-bottom: 0;
    height: 35px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #0062cc;
    font-weight: bold;
}

    .product-buy-btn:hover {
        background: #0062cc;
        color: #fff;
        border: 1px solid transparent;
    }

        .product-buy-btn:hover a {
            color: #fff;
            text-decoration: none;
        }


.service-view-btn {
    color: #ECC309;
    padding: 5px 10px;
    margin-bottom: 0;
    height: 30px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #ECC309;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
}

    .service-view-btn:hover {
        background: #ECC309;
        color: #000;
        border: 1px solid transparent;
        text-decoration: none;
    }


.space-view-btn,
.circle-view-btn {
    color: #ECC309;
    padding: 5px 10px;
    margin-bottom: 0;
    height: 30px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #ECC309;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
}


    .space-view-btn:hover,
    .circle-view-btn:hover {
        background: #ECC309;
        color: #000;
        border: 1px solid transparent;
    }

.service-buy-btn {
    color: #0062cc;
    padding: 5px 10px;
    margin-bottom: 0;
    height: 35px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25% !important;
    cursor: pointer;
    border: 1px solid #0062cc;
    font-weight: bold;
}

    .service-buy-btn:hover {
        background: #0062cc;
        color: #fff;
        border: 1px solid transparent;
    }

        .service-buy-btn:hover a {
            color: #fff;
            text-decoration: none;
        }

.make-an-offer-card-btn {
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
    margin-bottom: 0;
    height: 30px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px !important;
    cursor: pointer;
    border: 1px solid #0062cc;
    font-weight: bold;
    background: transparent;
    border: none;
    background: #0062cc;
    font-weight: 400;
    white-space: nowrap;
}

    .make-an-offer-card-btn:focus {
        outline: none;
    }

.checked-in-btn {
    color: #0666F1;
    padding: 5px 10px;
    margin-bottom: 0;
    height: 30px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #0666F1;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    background: #0666F1;
    border-radius: 0px;
}

    .checked-in-btn:focus {
        outline: none;
    }

.checked-out-btn {
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 0;
    height: 35px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #D61F0A;
    background: transparent;
    border: none;
    background: #D61F0A;
    font-weight: 400;
    white-space: nowrap;
    font-size: 14px;
    border-radius: 0;
}

    .checked-out-btn:focus {
        outline: none;
    }

.view-btn {
    color: #ECC309;
    padding: 5px 10px;
    margin-bottom: 0;
    height: 35px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #ECC309;
    font-weight: bold;
    font-size: 14px;
    width: fit-content;
}

    .view-btn:hover {
        background: #ECC309;
        color: #000;
        border: 1px solid transparent;
        text-decoration: none;
    }

.make-an-offer-btn {
    color: #fff;
    font-size: 14px;
    padding: 0px 5px;
    margin-bottom: 0;
    height: 35px !important;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #0062cc;
    font-weight: bold;
    background: transparent;
    border: none;
    background: #0062cc;
    font-weight: 400;
    white-space: nowrap;
}

    .make-an-offer-btn:focus {
        outline: none;
    }


.asset-status-btn {
    color: #000;
    font-size: 14px;
    padding: 3px 5px;
    margin-bottom: 0;
    width: fit-content;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #ECC309;
    font-weight: 700;
    background: transparent;
    border: none;
    background: #ECC309;
    white-space: nowrap;
}

    .asset-status-btn:focus {
        outline: none;
    }

.common-card.item.feature-section {
    position: relative;
    z-index: 100;
    overflow: hidden;
}

    .common-card.item.feature-section .feature-section-inner-content {
        position: relative;
        height: 270px;
        width: 100%;
    }

        .common-card.item.feature-section .feature-section-inner-content .icon-section {
            position: absolute;
            top: 0;
            z-index: 99;
            width: 100%;
            padding: 8px 5px 5px 10px;
        }

    .common-card.item.feature-section .icon-section {
        position: absolute;
        top: 0;
        z-index: 99;
        width: 100%;
        padding: 8px 5px 5px 10px;
    }


    .common-card.item.feature-section .feature-section-inner-content .icon-section i:hover {
        color: #ECC309;
    }

    .common-card.item.feature-section .feature-section-inner-content .feature-card-deatails {
        position: absolute;
        bottom: -83%;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 10px;
        background: rgba(0, 0, 0, 0.6);
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        font-size: 15px;
        color: #fff;
        z-index: 1;
    }

        .common-card.item.feature-section .feature-section-inner-content .feature-card-deatails:hover {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            bottom: 0;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 10px;
        }

        .common-card.item.feature-section .feature-section-inner-content .feature-card-deatails h4 {
            font-size: 18px;
            color: #fff;
            margin: 5px 0 12px;
            text-transform: capitalize;
            font-weight: 700;
            max-height: 20px;
            overflow: hidden;
        }

        .common-card.item.feature-section .feature-section-inner-content .feature-card-deatails:hover h4 {
            max-height: max-content;
            overflow: unset;
            margin-top: 20px;
        }

        .common-card.item.feature-section .feature-section-inner-content .feature-card-deatails .product-detail-on-hover {
            word-break: break-all;
            max-width: 100%;
            width: 100%;
            height: auto;
            margin: 0 auto;
            font-size: 14px;
            white-space: normal;
        }

        .common-card.item.feature-section .feature-section-inner-content .feature-card-deatails .product-price-detail-on-hover {
            font-size: 18px;
            margin-bottom: 0;
            word-break: break-all;
            width: 100%;
            height: unset;
            white-space: unset;
            overflow: unset;
            text-overflow: unset;
        }

.custom-slider .card-slider .slick-next, .custom-slider .card-slider .slick-prev {
    z-index: 1;
}


.common-card .inside-card-main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Product detail page ends here */
#panel {
    width: 100%;
    height: 420px;
    overflow: hidden;
}

    #panel img {
        width: 100%;
        cursor: row-resize;
    }


.video-container {
    overflow: hidden;
    height: 420px;
    position: relative;
    width: 100%;
    padding-top: 20px;
    background: #080707c2;
}

.picture-container {
    overflow: hidden;
    height: 420px;
    position: relative;
    width: 100%;
}

    .picture-container img {
        min-height: 100%;
        min-width: 100%;
    }

.controls {
    position: absolute;
    top: 80px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 15px;
}

.picture-container img {
    position: absolute;
}

.controls a {
    text-decoration: none;
    color: white;
    padding: 10px 15px;
    display: inline-block;
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
    margin-left: auto;
}

    .controls a.save {
        display: none;
    }


.page-info-pulse {
    display: block;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(255,255,255, 0.7);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

.fav-heart i {
    color: #ff0000;
}

.post-fav {
    width: 30px;
    height: 30px;
    margin-left: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e5e5e5;
    border-radius: 50%;
}

    .post-fav:hover {
        text-decoration: none;
    }

.fav-heart.post-fav.postfav-mobile {
    display: none;
}

.mobile-filter-button-pp {
    display: none;
}

.pp-sidepanel {
    display: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(255,255,255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255,255,255, 0);
    }
}


.btn-yellow {
    background-color: transparent;
    border-radius: 0;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    outline: none;
    border: 1px solid #ECC309;
    color: #fff;
    font-weight: bold;
}

    .btn-yellow:hover {
        background: #ECC309;
        color: #000;
        cursor: pointer;
        border: 1px solid transparent;
    }

.btn-yellow-solid {
    background-color: #ECC309;
    border-radius: 0;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    outline: none;
    border: 1px solid transparent;
    color: #000;
    font-weight: bold;
}

    .btn-yellow-solid:hover {
        background: transparent;
        color: #fff;
        cursor: pointer;
        border: 1px solid #ECC309;
    }

.multiselect-native-select .form-control {
    display: none
}

/* Checkbox background transparent css starts here */

.login-forget-password input[type=checkbox] + label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
    text-align: left;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.login-forget-password input[type=checkbox] {
    display: none;
}

    .login-forget-password input[type=checkbox] + label:before {
        content: "\2714";
        border: 0.1em solid #fff;
        border-radius: 0.2em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        vertical-align: bottom;
        color: transparent;
        -webkit-transition: .2s;
        transition: .2s;
    }

    .login-forget-password input[type=checkbox] + label:active:before {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    .login-forget-password input[type=checkbox]:checked + label:before {
        background-color: #ECC309;
        border-color: #ECC309;
        color: #000;
    }

    .login-forget-password input[type=checkbox]:disabled + label:before {
        -webkit-transform: scale(1);
        transform: scale(1);
        border-color: #aaa;
    }

    .login-forget-password input[type=checkbox]:checked:disabled + label:before {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #bfb;
        border-color: #bfb;
    }

/* Checkbox background transparent css ends here */

/* date input css starts here */

input.txtDate {
    text-transform: uppercase;
}

input[type=radio] {
    width: 15px;
    height: 15px;
}

/* Input telephone css ends here */

/* Radio button for login css starts here */

.radio-button-login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
}

.signin-input-field.phone-number-country-code, .signup-email-input-field.phone-number-country-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .signin-input-field.phone-number-country-code select, .signup-email-input-field.phone-number-country-code select {
        width: 50%;
        background: transparent;
        color: #fff;
        border: none;
        border-bottom: 2px solid #666;
        margin-right: 15px;
    }

        .signin-input-field.phone-number-country-code select optgroup, .signup-email-input-field.phone-number-country-code select optgroup {
            color: #000;
        }

/* Custom Radio Button CSS Starts here */

.radio-button-login input[type="radio"] {
    display: none;
}

label input[type="radio"] ~ span {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: top;
    border: 2px solid #fff;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    margin-top: 3px;
}

label input[type="radio"] ~ span {
    border-radius: 12px;
    margin-right: 5px;
}

label input[type="radio"]:checked ~ span {
    background-color: #F4CA0A;
}

label:hover input[type="radio"] ~ span {
    border-color: #666;
    cursor: pointer;
}

/* Custom Radio Button CSS ends here */

/* 31 dec */

.navbar-top .nav-title-top {
    white-space: nowrap;
    margin: 0 15px;
}

.signin-section .navbar-top .nav-title-top p {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
}

    .signin-section .navbar-top .nav-title-top p i {
        font-size: 22px;
    }

.text-underline {
    text-decoration: underline;
}


.assets-lot-number {
    position: absolute;
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 5px 10px;
    top: 5px;
    left: 5px;
    font-size: 14px;
}

.new-lot-forsale {
    position: absolute;
    background: rgba(236, 195, 9, 0.7);
    color: #000;
    padding: 5px 10px;
    bottom: 5px;
    right: 5px;
    font-size: 14px;
    font-weight: 600;
}

.btn-buy {
    color: #fff;
    font-weight: 600;
    background-color: #74b238;
    padding: 0.25rem 0.35rem;
    border-radius: 0px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}

.map-assets-buy .btn-buy:hover {
    background-color: #5d9726;
}

.map-assets-buy .btn-reserved {
    background: #f5f5f5;
    cursor: no-drop;
    padding: 0.25rem 0.35rem;
}

.my-world-home-img-herobanner .user-space-profile {
    visibility: hidden;
    background: rgba(0,0,0,0.5);
    position: relative;
}

.my-world-home-img-herobanner:hover .user-space-profile {
    visibility: visible;
    background: rgba(0,0,0,0.5);
    height: 420px;
}

.my-world-home-img-herobanner .user-space-profile:not(:hover) {
    -webkit-transition: visibility 5s;
    transition: visibility 5s;
}

.service-images {
    height: 340px;
}

.map-asset-details-body {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}

    .map-asset-details-body li {
        width: 245px;
        padding: 10px;
    }

    .map-asset-details-body .map-assets-buy {
        height: 51px;
    }
/* Map popup assets CSS ends here */

.single-product-image, .single-service-image {
    height: 270px;
}

.citizen-register-card {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .citizen-register-card .front, .citizen-register-card .back {
        width: 410px;
        margin-right: 10px;
    }

    .citizen-register-card .back {
        background-color: #C1BFB8;
        background-image: url(../images/id-card-backside-image.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        overflow: hidden;
        padding: 10px 10px;
        border-radius: 25px;
    }

.id-card-detail-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 11px 12px 7px 9px;
    background-image: url('../images/id-card-background.png');
    background-repeat: no-repeat;
    background-size: cover;
    font-family: RobotoMedium;
    border-radius: 25px 25px 0px 0px;
    min-height: 230px;
}

.citizen-col-1, .citizen-col-2, .citizen-col-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.citizen-col-2 {
    margin-left: 7px;
}

.citizen-col-3 {
    margin-left: auto;
}

    .citizen-col-3 ul.qr-code-text {
        font-size: 10px;
        font-weight: 600;
        padding: 0;
        margin: 0;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 5px;
    }

.citizenship-card-userfullname {
    color: #000;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    top: 5px;
    right: 105px;
}

.biometric-text {
    position: absolute;
    bottom: 15px;
    left: 10px;
    background: none;
    -webkit-transform-origin: 0 25px;
    transform-origin: 0 25px;
    -webkit-transform: rotate( -90deg );
    transform: rotate( -90deg );
    font-size: 10px;
}

.citizen-profile-pic {
    width: 120px;
    height: 120px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: relative;
}

    .citizen-profile-pic img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%;
    }

    .citizen-profile-pic .upload-idcard-profile-image {
        position: absolute;
        bottom: 5px;
        right: 0px;
        color: #000;
        background-color: #fff;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
    }

.citizen-of-world {
    font-size: 14px;
    margin-bottom: 3px;
}

.citizen-detail-title {
    color: #575756;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 14px;
}

.citizen-detail-answer {
    margin-bottom: 0;
    font-size: 14px;
}

.citizen-detail-ans {
    font-size: 12px;
    margin-bottom: 5px;
}

.citizen-biometric-image {
    width: 80px;
    height: 80px;
    position: relative;
}

    .citizen-biometric-image img, .citizen-qr-code img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        padding: 5px;
        background: #fff;
    }

    .citizen-biometric-image .upload-biometric-idcard {
        position: absolute;
        bottom: -5px;
        right: -10px;
        background: #fff;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        box-shadow: 0 0 10px #f5f5f5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer;
    }

.citizen-city-logo img {
    width: 50px;
}

.vilazia-address-id-card {
    font-size: 12px;
}

.gender-passport-type {
    margin-left: 15px;
}

.citizen-qr-code {
    width: 65px;
    height: 62px;
    background: #fff;
}

.citizen-id-card-backside .citizenship-block div:nth-child(even) {
    border-right: none;
}

.citizen-country-flag {
    width: 40px;
    height: 25px;
    margin-top: -7px;
}

.citizen-text {
    margin-top: -5px;
}

.citizen-country-flag img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.citizen-id-card-backside th, .citizen-id-card-backside td {
    padding: 5px 10px;
    white-space: nowrap;
}

.verified-citizenship .fa-check-background i {
    color: #fff;
    font-size: 12px;
}

.verified-citizenship .fa-check-background {
    background: #0666F1;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 5px;
    color: #fff;
    margin-top: 15px;
}

.vilazia-logo-back-id-card {
    position: absolute;
    right: 20px;
    bottom: 10px;
    width: 50px;
    height: 50px;
}

    .vilazia-logo-back-id-card img {
        width: 100%;
        height: 100%;
    }

.icard-bottom-passport-encode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(120deg, rgba(246,63,57,1), rgba(186,21,47,1));
    color: #fff;
    font-size: 14px;
    padding-left: 20px;
    width: 100%;
    letter-spacing: 2px;
    position: relative;
    border-radius: 0 0 25px 25px;
    height: 20px;
}
.icard-bottom-passport-encode-visitor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(120deg, rgb(57 114 246), rgb(21 63 186));
    color: #fff;
    font-size: 11px;
    padding-left: 20px;
    width: 100%;
    letter-spacing: 2px;
    position: relative;
    border-radius: 0 0 25px 25px;
    height: 20px;
}
.icard-bottom-passport-encode-resident {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(120deg, rgb(22 155 0), rgb(11 110 4));
    color: #fff;
    font-size: 11px;
    padding-left: 20px;
    width: 100%;
    letter-spacing: 2px;
    position: relative;
    border-radius: 0 0 25px 25px;
    height: 20px;
}

.icard-bottom-passport-encode1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(120deg, rgba(246,63,57,1), rgba(186,21,47,1));
    color: #fff;
    font-size: 14px;
    padding-left: 20px;
    width: 100%;
    /* letter-spacing: 2px; */
    position: relative;
    border-radius: 25px 25px 0 0;
    height: 20px;
}
.icard-bottom-passport-encode1-visitor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(120deg, rgb(57 114 246), rgb(21 63 186));
    color: #fff;
    font-size: 14px;
    padding-left: 20px;
    width: 100%;
    /* letter-spacing: 2px; */
    position: relative;
    border-radius: 25px 25px 0 0;
    height: 20px;
}
.icard-bottom-passport-encode1-resident {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(120deg, rgb(22 155 0), rgb(11 110 4));
    color: #fff;
    font-size: 14px;
    padding-left: 20px;
    width: 100%;
    /* letter-spacing: 2px; */
    position: relative;
    border-radius: 25px 25px 0 0;
    height: 20px;
}

.back1 {
    background-color: #C1BFB8;
    background-image: url(../images/id-card-backside-image.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    /* padding: 10px 10px; */
    border-radius: 25px;
    width: 410px;
}

.user-full-name {
    margin: auto;
}

.icard-bottom-passport-encode p {
    font-size: 9px;
    position: absolute;
}

.icard-bottom-passport-encode img {
    height: 20px;
    margin-left: auto;
}

.vilazia-logo-backCard-image {
    position: absolute;
    right: 40px;
    bottom: 10px;
}

.vilazia-idcard-button-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



.vilazia-idcard-order-btn {
    background: -webkit-linear-gradient(135deg, #23d5ab, #23a6d5, #e73c7e, #ee7752);
    background: linear-gradient(-45deg, #23d5ab, #23a6d5, #e73c7e, #ee7752);
    background-size: 300% 300%;
    margin-left: 0;
    margin-bottom: 10px;
}

.Add-vilazia-idcard-add-citizenship-btn {
    background: -webkit-linear-gradient(135deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 300% 300%;
    margin-left: 15px;
    margin-bottom: 10px;
}

.vilazia-idcard-add-citizenship-btn {
    background: -webkit-linear-gradient(135deg, #e73c7e, #23d5ab,#ee7752, #23a6d5);
    background: linear-gradient(-45deg, #e73c7e, #23d5ab, #ee7752, #23a6d5);
    background: -o-linear-gradient(135deg, #e73c7e, #23d5ab, #ee7752, #23a6d5);
    background-size: 300% 300%;
    margin-bottom: 10px;
}


@-webkit-keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.space-tags #Servicekeywords-tags,
.space-tags #Assetkeywords-tags {
    border: 1px solid #ccc;
    padding: 0;
    font-family: Roboto;
    background: #fff;
}

#Spacekeywords-tags > span,
#Servicekeywords-tags > span,
#Assetkeywords-tags > span,
#Prodkeywords-tags > span,
#Circlekeywords-tags > span {
    cursor: pointer;
    display: block;
    float: left;
    color: #fff;
    background: #789;
    padding: 5px;
    padding-right: 25px;
    margin: 4px;
}

    #Spacekeywords-tags > span:hover,
    #Servicekeywords-tags > span:hover,
    #Assetkeywords-tags > span:hover,
    #Prodkeywords-tags > span:hover,
    #Circlekeywords-tags > span:hover {
        opacity: 0.7;
    }

    #Spacekeywords-tags > span:after,
    #Servicekeywords-tags > span:after,
    #Assetkeywords-tags > span:after,
    #Prodkeywords-tags > span:after,
    #Circlekeywords-tags > span:after {
        position: absolute;
        content: "\00d7";
        border: 1px solid;
        padding: 2px 5px;
        margin-left: 3px;
        font-size: 11px;
    }

#Spacekeywords-tags > input,
#Servicekeywords-tags > input,
#Assetkeywords-tags > input,
#Prodkeywords-tags > input,
#Circlekeywords-tags > input {
    border: 0;
    margin: 0px 4px;
    padding: 7px 5px;
    width: 100%;
    background: #fff;
}

.edit-asset-tags #Spacekeywords-tags > input {
    background: transparent;
    color: #fff;
}



/* Map filter css starts here */
.map-filter-btn {
    font-size: 1rem;
    position: absolute;
    top: 90px;
    right: 40px;
    z-index: 2;
    cursor: pointer;
    padding: 10px;
    background-color: #2F3D49;
    border: none;
    color: #fff;
    outline: none;
    width: 120px;
}

.sliding-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.map-filter-body {
    padding: 70px 5px 10px;
    width: 100%;
}

aside {
    background-color: #2F3D49;
    color: white;
    width: 502px;
    padding: 0;
    position: fixed;
    top: 80px;
    right: -540px;
    -webkit-transition: 0.6s all;
    transition: 0.6s all;
    z-index: 1000;
    bottom: 0;
}

.map-filter-title-and-close {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
}

    .map-filter-title-and-close i {
        font-size: 20px;
        cursor: pointer;
    }


/* Range slider css starts here */
.filter-price {
    border: 0;
    padding: 0;
    margin: 0;
}

.price-field {
    position: relative;
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    background: rgba(248, 247, 244, 0.2);
    padding-top: 15px;
    padding-left: 16px;
    border-radius: 3px;
}

    .price-field input[type=range] {
        position: absolute;
    }

    /* Reset style for input range */

    .price-field input[type=range] {
        width: 90%;
        height: 2px;
        border: 0;
        outline: 0;
        box-sizing: border-box;
        border-radius: 5px;
        pointer-events: none;
        -webkit-appearance: none;
    }

        .price-field input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
        }

        .price-field input[type=range]:active,
        .price-field input[type=range]:focus {
            outline: 0;
        }

        .price-field input[type=range]::-ms-track {
            width: 188px;
            height: 2px;
            border: 0;
            outline: 0;
            box-sizing: border-box;
            border-radius: 5px;
            pointer-events: none;
            background: transparent;
            border-color: transparent;
            color: transparent;
            border-radius: 5px;
        }

        /* Style toddler input range */

        .price-field input[type=range]::-webkit-slider-thumb {
            position: relative;
            -webkit-appearance: none;
            margin: 0;
            border: 0;
            outline: 0;
            border-radius: 50%;
            height: 10px;
            width: 10px;
            margin-top: -4px;
            background-color: #fff;
            cursor: pointer;
            cursor: pointer;
            pointer-events: all;
            z-index: 100;
        }


        .price-field input[type=range]::-ms-thumb {
            position: relative;
            margin: 0;
            border: 0;
            outline: 0;
            border-radius: 50%;
            height: 10px;
            width: 10px;
            margin-top: -5px;
            background-color: #fff;
            cursor: pointer;
            cursor: pointer;
            pointer-events: all;
            z-index: 100;
        }

        /* Style track input range */

        .price-field input[type=range]::-webkit-slider-runnable-track {
            width: 188px;
            height: 2px;
            cursor: pointer;
            background: #fff;
            border-radius: 5px;
        }


        .price-field input[type=range]::-ms-track {
            width: 188px;
            height: 2px;
            cursor: pointer;
            background: #fff;
            border-radius: 5px;
        }

/* Style for input value block */

.price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 400;
    margin-bottom: 7px;
    margin-top: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.price-wrap-1,
.price-wrap-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.price-title {
    margin-right: 5px;
    background: #d58e32;
}

.price-wrap #one,
.price-wrap #two {
    width: 90px;
    margin: 0;
    padding: 0 3px;
    margin-right: 2px;
    background: 0;
    border: 0;
    outline: 0;
    color: #fff;
    line-height: 1.2em;
    font-weight: 400;
    border: 1px solid;
}

.price-wrap label {
    text-align: right;
    margin-bottom: 0;
    margin-right: 5px;
}

/* Style for active state input */

.price-field input[type=range]:hover::-webkit-slider-thumb {
    box-shadow: 0 0 0 0.5px #fff;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.price-field input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 0.5px #fff;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.filter-lot-result {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}

    .filter-lot-result li a {
        background: #000;
        padding: 5px 10px;
        margin-right: 5px;
        color: #fff;
    }


.mnt-image-mntValueModal img {
    width: 30px;
    border-radius: 50%;
    margin-right: 5px;
}


.verify-register-otp-email-mob-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .verify-register-otp-email-mob-option input[type="radio"] {
        display: none;
    }

.verified-email-phone {
    color: #0666F1;
    position: absolute;
    top: 10px;
    right: 10px;
}

.verified-email-phone-at-signup i {
    color: #0666F1;
    position: absolute;
    top: 10px;
    right: 10px;
}

.verify-email-Address {
    background: #0666F1;
    color: #fff;
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
    font-size: 14px;
    padding: 4px 10px;
}

.verify-email-mob-otp-modal .enter_the_otp {
    width: 55%;
    height: auto;
    margin: 0 auto;
}

.verify-email-mob-otp-modal .enter_the_otp_b {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.verify-email-mob-otp-modal .enter_the_otp .enter_the_otp_b .otp-box {
    width: 20%;
    border: 1px solid;
    outline: none;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    text-align: center;
}

.verify-email-mob-otp-modal .enter_the_otp .generate-otp a {
    background: #ECC309;
    text-align: center;
    margin-top: 15px;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    border-radius: 0;
    width: 100%;
    outline: none;
    letter-spacing: 1px;
    border: none;
}

.expire-passport .form-group .expire-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .expire-passport .form-group .expire-date input {
        max-width: 77px;
        text-align: center;
        height: 38px;
    }

.expire-passport .expire-date .division-btw-month-year {
    margin: 0 5px;
    color: #6c6c6c;
    font-weight: 600;
}

.assign-space-table-header thead tr th {
    border-top: none;
}

.citizen-detail-backcard p {
    margin-bottom: 0;
}

.backside-side-idcard {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

    .backside-side-idcard li {
        width: 50%;
        padding: 0px 10px 15px;
    }

        .backside-side-idcard li:nth-child(3) {
            margin-right: auto
        }

        .backside-side-idcard li:nth-child(1) {
            border-right: 2px solid #fff;
        }

        .backside-side-idcard li:nth-child(4) {
            border-right: 2px solid #fff;
        }

.citizen-id-card-backside .border-right-side-backcard {
    border-right: 2px solid #fff;
    width: 50%;
    padding: 0px 10px;
}
.backcard-grid{
    display: table-row;
}
.vilaziaCD{
    position: absolute;
    right: 0;
    top: 20px;
}
.backcard-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 73px;
    margin-top: 1px;
    float: left;
}

.backcard-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 6px;
}

.citizen-title-p {
    margin-top: 4px;
}

.block-backcard-2 {
    margin-left: 8px;
}

.flag-icon {
    margin-top: 3px;
}

.citizen-detail-backcard {
    margin-bottom: 5px;
}

    .citizen-detail-backcard .title {
        color: #31312d;
        margin-bottom: 0;
        font-size: 10px;
        font-weight: 600;
        line-height: 1;
    }

    .citizen-detail-backcard .subtitle {
        color: #000;
        margin-bottom: 0;
        font-size: 12px;
        font-weight: 700;
    }

.input--file {
    position: relative;
}

    .input--file input[type="file"] {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

.exchnage-currency {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #585858;
    padding: 15px;
    color: #fff;
}

    .exchnage-currency > p {
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 600;
    }

.exchnage-currency-icon {
    border-radius: 50%;
    background: #fff;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 20px;
    cursor: pointer;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
}

    .exchnage-currency-icon img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        border-radius: 50%;
    }

    .exchnage-currency-icon.flip {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.currency-selector-mnt {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .currency-selector-mnt li {
        background: #ededed;
        padding: 15px;
        text-align: center;
        font-size: 18px;
        cursor: pointer;
        width: 47%;
        margin: 10px 10px;
        white-space: nowrap;
    }

        .currency-selector-mnt li.active {
            background: var(--theme-color-1);
            color: #fff;
            font-weight: 600;
        }

        .currency-selector-mnt li:hover {
            font-weight: 600;
            background: var(--theme-color-1);
            color: #fff;
        }

#addCitizenshipModalCenter #addCitizenshipModalLongTitle,
#addVilaziaCitizenshipModal #addCitizenshipModalLongTitle,
#addCitizenshipModal #addCitizenshipModalLongTitle {
    color: #ce1b21;
    font-weight: 700;
}

#addCitizenshipModalCenter #Citizenshipform label {
    font-weight: 500;
    font-family: RobotoMedium;
}

#addCitizenshipModalCenter #Citizenshipform input[type=text],
#addCitizenshipModalCenter #Citizenshipform select {
    background: #fff;
    border: none;
    width: auto;
}


#addCitizenshipModalCenter #Citizenshipform input[type=file]::-webkit-file-upload-button,
#addVilaziaCitizenshipModal #Citizenshipform input[type=file]::-webkit-file-upload-button,
.uploadBtnInput input[type=file]::-webkit-file-upload-button {
    border: none;
    background-color: #121112;
    color: #fff;
    padding: 10px 12px;
    border-radius: 5px;
    font-size: 14px;
}


#addCitizenshipModalCenter #Citizenshipform input[type=file]::file-selector-button,
#addVilaziaCitizenshipModal #Citizenshipform input[type=file]::file-selector-button,
.uploadBtnInput input[type=file]::file-selector-button {
    border: none;
    background-color: #121112;
    color: #fff;
    padding: 10px 12px;
    border-radius: 5px;
    font-size: 14px;
}

.editUploadBtnInput input[type=file]::-webkit-file-upload-button {
    border: none;
    background-color: #fff;
    color: #000;
    padding: 10px 12px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
}

.editUploadBtnInput input[type=file]::file-selector-button {
    border: none;
    background-color: #fff;
    color: #000;
    padding: 10px 12px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
}

.upload-citizenship-image img {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
}

.btn-modal-close {
    background: #707070;
    color: #fff;
    border: 1px solid transparent;
}

    .btn-modal-close:hover {
        color: #707070;
        border: 1px solid #707070;
        background: #fff;
    }

#addCitizenshipModalCenter .modal-content {
    padding: 0px 30px;
    background: #F7F9FA;
}

    #addCitizenshipModalCenter .modal-content .modal-header {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 2px solid #EDEDED;
    }

    #addCitizenshipModalCenter .modal-content #Citizenshipform .modal-body,
    #addCitizenshipModal .modal-content #VilaziaCitizenshipform .modal-body {
        padding-left: 0;
        padding-right: 0;
    }


    #addCitizenshipModalCenter .modal-content #Citizenshipform .modal-footer {
        border-top: 2px solid #EDEDED;
    }

.modal-header .close:focus {
    outline: none;
}

/* New Modal Style CSS Starts here */
#add-create-modal .modal-content,
.new-modal-popupstyle .modal-content,
#email-mob-verify .modal-content,
#email-verify .modal-content,
#mntValue .modal-content.mntValueModal,
#uploadEducation .modal-content,
#assignSpace .modal-content,
#people-buy .modal-content.create-popup-form,
#page-info-popup .modal-content,
#people-sold-profile .modal-content {
    background: #F7F9FA;
    padding: 0px 30px;
}

    #add-create-modal .modal-content .modal-header,
    .new-modal-popupstyle .modal-content .modal-header,
    #email-mob-verify .modal-content .modal-header,
    #email-verify .modal-content .modal-header,
    #mntValue .modal-content.mntValueModal .modal-header,
    #uploadEducation .modal-content .modal-header,
    #assignSpace .modal-content .modal-header,
    #people-buy .modal-content.create-popup-form .modal-header,
    #page-info-popup .modal-content .modal-header,
    #people-sold-profile .modal-content .modal-header {
        padding-left: 0;
        padding-right: 0;
        border-bottom: 2px solid #EDEDED;
    }

        #add-create-modal .create-popup-form .modal-header .form-title h4,
        .new-modal-popupstyle .modal-content .modal-header .form-title h4,
        .new-modal-popupstyle .modal-content .modal-header h4.modal-title,
        #email-mob-verify .modal-content .modal-header h4.modal-title,
        #email-verify .modal-content .modal-header h4.modal-title,
        #mntValue .modal-content.mntValueModal .modal-header h4.modal-title,
        #uploadEducation .modal-content .modal-header h4.modal-title,
        #assignSpace .modal-content .modal-header h4.modal-title,
        #people-buy .modal-content.create-popup-form .modal-header h4.modal-title,
        #page-info-popup .modal-content .modal-header h4.modal-title,
        #people-sold-profile .modal-content .modal-header h4.modal-title {
            color: var(--theme-color-1);
            font-weight: 500;
            margin-bottom: 0;
            font-family: RobotoMedium;
        }

        #add-create-modal .create-popup-form .modal-header button.close,
        .new-modal-popupstyle .modal-content .modal-header button.close {
            background: transparent;
        }

    #add-create-modal .create-popup-form .modal-body .form-group label,
    .new-modal-popupstyle .modal-content .modal-body .form-group label,
    #email-mob-verify .modal-content .modal-body.verify-email-mob-otp-modal,
    #email-verify .modal-content .modal-body.verify-email-mob-otp-modal,
    #uploadEducation .modal-content .modal-body,
    #assignSpace .modal-content .modal-body,
    #people-buy .modal-content.create-popup-form .modal-body .form-group label,
    #page-info-popup .modal-content .modal-body {
        font-weight: 500;
        font-family: RobotoMedium;
    }

        #add-create-modal .create-popup-form .modal-body .form-group input.form-control,
        .new-modal-popupstyle .modal-content .modal-body .form-group input.form-control,
        .new-modal-popupstyle .modal-content .modal-body .form-group select.form-control,
        #add-create-modal .create-popup-form .modal-body .form-group select.form-control,
        .new-modal-popupstyle .modal-content .modal-body .form-group textarea.form-control,
        #add-create-modal .create-popup-form .modal-body .form-group textarea.form-control,
        #uploadEducation .modal-content .modal-body .form-group input.form-control,
        #people-buy .modal-content.create-popup-form .modal-body .form-group input.form-control,
        #people-buy .modal-content.create-popup-form .modal-body .form-group select.form-control,
        #people-buy .modal-content.create-popup-form .modal-body .input-group input.form-control,
        #people-buy .modal-content.create-popup-form .modal-body .input-group .input-group-append .input-group-text,
        .new-modal-popupstyle .modal-content .modal-body .input-group .input-group-append .input-group-text,
        #assignSpace .modal-content .modal-body input.form-control,
        #assignSpace .modal-content .modal-body select.form-control {
            background: #fff;
            border: none;
        }

.create-popup-form .modal-footer,
.detail-modal-popup .modal-footer {
    border-top: 2px solid #EDEDED;
}


.space-tags .form-group #Spacekeywords-tags input:focus {
    outline: none;
    box-shadow: none;
}

.space-tags .form-group #Circlekeywords-tags input:focus {
    outline: none;
    box-shadow: none;
}

.space-tags .form-group #Prodkeywords-tags input:focus {
    outline: none;
    box-shadow: none;
}

.space-tags .form-group #Servicekeywords-tags input:focus {
    outline: none;
    box-shadow: none;
}

#add-create-modal .create-popup-form .modal-body .modal-footer,
.new-modal-popupstyle .modal-content .modal-body .modal-footer,
#add-create-modal .create-popup-form .modal-footer,
#email-mob-verify .modal-content .modal-footer,
#email-verify .modal-content .modal-footer,
#uploadEducation .modal-content .modal-footer,
#assignSpace .modal-content .modal-footer,
#people-buy .modal-content.create-popup-form .modal-footer,
#page-info-popup .modal-content .modal-footer,
#people-sold-profile .modal-content .modal-footer {
    border-top: 2px solid #EDEDED;
    margin-top: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

input.form-control[readonly],
input.form-control[disabled],
#people-buy .modal-content.create-popup-form .modal-body .input-group .input-group-append .input-group-text {
    background-color: #dfdfdf !important;
    border: 1px solid #dfdfdf;
    cursor: no-drop;
}

#assignSpace .modal-dialog {
    max-width: 600px;
}

.btn-modal-assign-list {
    background: #0666F1;
    color: #fff;
    border: 1px solid transparent;
}

    .btn-modal-assign-list:hover {
        background: #fff;
        color: #0666F1;
        border: 1px solid #0666F1;
    }

.btn-modal-popup-submit {
    background: #ce1b21;
    color: #fff;
    border: 1px solid transparent;
}

    .btn-modal-popup-submit:hover {
        color: #ce1b21;
        border: 1px solid #ce1b21;
        background: #fff;
    }

.signupform .vilazia-signup-page-tab ul {
    margin: 0 10px 30px;
    border-bottom: 0;
}

    .signupform .vilazia-signup-page-tab ul li a {
        color: #6C6C6C;
        border-bottom: 0;
        background: #EDEDED;
        border-radius: 0;
        font-size: 20px;
        font-weight: 500;
        font-family: 'RobotoMedium';
        border: 0;
    }

        .signupform .vilazia-signup-page-tab ul li a:hover {
            color: #fff;
            background-color: var(--theme-color-1);
            border-radius: 0;
            border-top: 0;
            border-left: 0;
            border-right: 0;
        }

        .signupform .vilazia-signup-page-tab ul li a.active {
            color: #fff;
            background-color: var(--theme-color-1);
            border-radius: 0;
            border-top: 0;
            border-right: 0;
            border-left: 0;
        }

/* Tooltip CSS Starts Here */
.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 105px;
        background-color: rgb(44,44,44);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 120%;
        left: 50%;
        margin-left: -60px;
        font-size: 14px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }


.spaceCheckin.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}

    .spaceCheckin.tooltip .spaceCheckin.tooltiptext {
        visibility: hidden;
        width: auto;
        background-color: rgb(44,44,44);
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        position: absolute;
        z-index: 1;
        top: 120%;
        left: -110%;
        margin-left: -60px;
        font-size: 14px;
    }

    .spaceCheckin.tooltip:hover .spaceCheckin.tooltiptext {
        visibility: visible;
    }
/* Tooltip CSS Ends Here */

.assign-selected-item-dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .assign-selected-item-dd .multiselect-native-select {
        width: 100%;
        margin-right: 10px;
    }

        .assign-selected-item-dd .multiselect-native-select div.btn-group button.multiselect {
            background: #ededed;
            border: 0;
            height: 44px;
        }

.dropdown-assign {
    margin-bottom: 10px;
}

    .dropdown-assign .selected-assets-input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .dropdown-assign dd,
    .dropdown-assign dt {
        margin: 0px;
        padding: 0px;
        background: #ededed;
        width: 100%;
        margin-right: 10px;
        font-family: Roboto;
    }

    .dropdown-assign ul {
        margin: -1px 0 0 0;
    }

    .dropdown-assign dd {
        position: relative;
    }

    .dropdown-assign a,
    .dropdown-assign a:visited {
        color: #fff;
        text-decoration: none;
        outline: none;
        font-size: 12px;
    }

    .dropdown-assign dt a {
        background-color: #ededed;
        display: block;
        padding: 5px;
        min-height: 25px;
        line-height: 24px;
        overflow: hidden;
        border: 0;
    }

        .dropdown-assign dt a span {
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 5px 15px;
            font-size: 16px;
            font-weight: 400;
            color: #000;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-family: Roboto;
        }

.multiSel span {
    cursor: pointer;
    display: inline-block;
    padding: 5px 5px 5px 10px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #000 !important;
    background: #fff;
    padding: 5px 15px;
    margin: 2px;
    border: 1px solid #ccc;
}

    .multiSel span span {
        padding: 0 !important;
        margin-left: 10px;
        width: 20px !important;
        height: 20px;
        background: #0666f1;
        color: #fff !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none;
    }

.multiSel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.dropdown-assign dd ul {
    background-color: #ededed;
    border: 0;
    color: #000;
    display: none;
    left: 0px;
    padding: 10px;
    position: absolute;
    top: 2px;
    width: 350px;
    list-style: none;
    height: 150px;
    overflow: auto;
    z-index: 1;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

.dropdown-assign span.value {
    display: none;
}

.dropdown-assign dd ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

    .dropdown-assign dd ul li:last-child {
        border-bottom: 0;
    }

    .dropdown-assign dd ul li a {
        padding: 5px;
        display: block;
    }

        .dropdown-assign dd ul li a:hover {
            background-color: #fff;
        }

.v-options span {
    margin-left: 5px;
}

.v-quantity {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .v-quantity input[type="number"] {
        height: 30px;
        width: 40px;
        text-align: center;
        font-size: 16px;
        border: 1px solid #ddd;
        border-radius: 4px;
        display: inline-block;
        vertical-align: middle;
    }

.assign-space-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

    .assign-space-author .assign-space-author-image {
        width: 80px;
        height: 80px;
    }

        .assign-space-author .assign-space-author-image img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
        }

    .assign-space-author .assign-space-author-details {
        margin-left: 10px;
    }

.minus-decrement {
    width: 20px;
    height: 30px;
    background: #141414;
    border-radius: 4px 0px 0px 4px;
    padding: 8px 5px 8px 5px;
    border: 1px solid #ddd;
    border-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    cursor: pointer;
    color: #fff;
}

.plus-increment {
    width: 20px;
    height: 30px;
    background: #141414;
    border-radius: 0px 4px 4px 0px;
    padding: 8px 5px 8px 5px;
    border: 1px solid #ddd;
    border-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
}

#mntValue table, #mntValue th, #mntValue td {
    border-top: 1px solid #b1b1b1 !important;
    border-right: 1px solid #b1b1b1 !important;
    border-bottom: 1px solid #b1b1b1 !important;
    border-left: 1px solid #b1b1b1 !important;
}

    #mntValue table.currency-information-table tbody tr td:nth-child(2),
    #mntValue table.currency-information-table tbody tr td:nth-child(5) {
        border-right: 0px !important;
        border-left: 0px !important
    }

    #mntValue table.currency-information-table tbody tr td:first-child,
    #mntValue table.currency-information-table tbody tr td:nth-child(4) {
        border-right: 0px !important
    }

    #mntValue table.currency-information-table tbody tr td:nth-child(3),
    #mntValue table.currency-information-table tbody tr td:nth-child(6) {
        border-left: 0px !important
    }

    #mntValue table tbody tr:first-child {
        background: #cacaca;
    }

#mntValue .mnt-currency-modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.market-capital-width-th th {
    width: 33.33%;
}


.current-currency-value td {
    font-size: 12px;
    color: var(--theme-color-1);
    font-style: italic;
    font-family: RobotoMedium;
}

.exchnage-rate-by-google {
    margin-bottom: 0;
    text-align: right;
    color: var(--theme-color-1);
}
/* Currency Button CSS Starts Here */

.btn-currencylivelist {
    margin-left: auto;
    width: 200px;
    height: 40px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: -webkit-gradient(linear, left top, right top, from(#eb3941), color-stop(#f15e64), color-stop(#e14e53), to(#e2373f));
    background-image: -webkit-linear-gradient(left, #eb3941, #f15e64, #e14e53, #e2373f);
    background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .btn-currencylivelist:hover {
        background-position: 100% 0;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        color: #fff !important;
    }

    .btn-currencylivelist:focus {
        outline: none;
    }

/* Currency Button CSS Ends Here */
.w-80 {
    width: 80%;
}

.currencyTable-top-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}

    .currencyTable-top-filter button {
        margin-left: auto;
    }

.exchange-rate-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .exchange-rate-tabs li {
        background: #555;
        padding: 5px 20px;
        font-size: 16px;
        border-radius: 25px;
        color: #777;
        margin-right: 10px;
        cursor: pointer;
        width: 85px;
        text-align: center;
        font-family: RobotoMedium;
    }

        .exchange-rate-tabs li:hover {
            background: #FFF;
            color: #333;
        }

        .exchange-rate-tabs li.active {
            background: #FFF;
            color: #333;
        }

        .exchange-rate-tabs li:last-child {
            margin-right: 0px;
        }

.exchange-rate-live-table thead th,
.exchange-rate-live-table tbody th {
    background: #555;
    text-align: center;
}

.exchange-rate-live-table thead tr th > a,
.exchange-rate-live-table tbody tr > th {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.exchange-rate-live-table tbody tr td a {
    color: #fff;
}

.exchange-rate-live-table tbody tr td {
    text-align: right;
}

.table-bordered.exchange-rate-live-table,
.table-bordered.exchange-rate-live-table td,
.table-bordered.exchange-rate-live-table th {
    border: 1px solid #1f1f1f;
}

.usa-flag {
    background-image: url(../images/Flags/usd-flag.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 40px;
    margin: 0px 10px;
}

.euro-flag {
    background-image: url(../images/Flags/eur-flag.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 30px;
    margin: 0px 10px;
}

.jpy-flag {
    background-image: url(../images/Flags/jpy-flag.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 30px;
    margin: 0px 10px;
}

.gbp-flag {
    background-image: url(../images/Flags/gbp-flag.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 40px;
    margin: 0px 10px;
}

.aud-flag {
    background-image: url(../images/Flags/aud-flag.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 40px;
    margin: 0px 10px;
}

.cad-flag {
    background-image: url(../images/Flags/cad-flag.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 40px;
    margin: 0px 10px;
}

.chf-flag {
    background-image: url(../images/Flags/chf-flag.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 0px 10px;
}

.cnh-flag {
    background-image: url(../images/Flags/cnh-flag.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 30px;
    margin: 0px 10px;
}

.myworld-nothing-upload {
    height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
}

.no-item-added {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 340px;
    background: rgba(0, 0, 0, 0.9);
}

.no-item-added-circle {
    height: 340px;
    width: 100%;
}

    .no-item-added-circle img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .no-item-added-circle:hover {
        box-shadow: 0 0 10px;
    }

.filter-btn-myworld {
    margin-left: auto;
    position: relative;
}

.myworld-filters-dropdown {
    background: #020202;
    color: #fff;
    list-style: none;
    padding: 20px 15px;
    width: 260px;
    position: absolute;
    right: 0;
    margin-top: 5px;
    z-index: 2;
    display: none;
}

    .myworld-filters-dropdown li {
        margin-left: 10px;
    }

    .myworld-filters-dropdown .filterTitle-dd {
        font-family: RobotoMedium;
        font-size: 16px;
        margin-bottom: 10px;
    }

.btn-themePrimary {
    background-color: var(--theme-color-1);
    color: #fff;
    border: 1px solid transparent;
}

    .btn-themePrimary:hover {
        background-color: #fff;
        color: var(--theme-color-1);
        border: 1px solid var(--theme-color-1);
    }

.filter-btn-myworld .filterBtn1 {
    background: #000;
    border: 1px solid rgb(36, 36, 36);
    color: #fff;
}

.custom-hr {
    border: 1px solid rgb(36, 36, 36);
}

.vilazia-mandatory-field {
    color: red;
}

.terms-condition-field {
    color: white;
}

#category-drodpown .select2-container {
    width: 100% !important;
}

#category-drodpown .select2-container--default .select2-selection--single {
    border: none;
    height: 38px;
    border-radius: 0;
}

    #category-drodpown .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 38px;
    }

    #category-drodpown .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 36px;
    }

        #category-drodpown .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border: solid #495057;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 2.5px;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            margin-top: -5px;
        }


.select-dropdown-css-for-all .select2-container {
    width: 100% !important;
}

.select-dropdown-css-for-all .select2-container--default .select2-selection--single {
    border: none;
    height: 38px;
    border-radius: 0;
}

    .select-dropdown-css-for-all .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 38px;
    }

    .select-dropdown-css-for-all .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 36px;
    }

        .select-dropdown-css-for-all .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border: solid #495057;
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 2.5px;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            margin-top: -5px;
        }

.select2-dropdown {
    border: none !important;
}

.detail-asset-image {
    width: 80px;
    height: 40px;
    border: 2px solid #454d55;
}

    .detail-asset-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

#assets-detail-table {
    border-right: 1px solid rgb(95,95,95);
    border-bottom: 1px solid rgb(95,95,95);
    border-left: 1px solid rgb(95,95,95);
    width: 100% !important;
}

    #assets-detail-table table.dataTable thead .sorting_asc {
        background-image: none !important;
    }

    #assets-detail-table tbody > tr {
        background: #141414 !important;
        color: #fff;
    }

    #assets-detail-table th {
        color: #fff;
        background-color: rgb(95,95,95)
    }

    #assets-detail-table td, #assets-detail-table th {
        border-top: 1px solid rgb(95,95,95)
    }

.sub-asset-table-action-btn {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0
}

.delete-asset-btn {
    position: absolute;
    left: calc(100vw - 360px);
    top: 0px;
    padding: 5px 10px;
}

.bookPriceDisabled .input-group .input-group-append .input-group-text {
    background: #e9ecef !important;
    cursor: no-drop;
}

.background-uppopup {
    background: rgba(0,0,0,0.6)
}

.dark-custom-data-table .dataTables_wrapper .dataTables_length,
.dark-custom-data-table .dataTables_wrapper .dataTables_filter,
.dark-custom-data-table .dataTables_wrapper .dataTables_info,
.dark-custom-data-table .dataTables_wrapper .dataTables_processing,
.dark-custom-data-table .dataTables_wrapper .dataTables_paginate,
.dark-custom-data-table .dataTables_wrapper .dataTables_length select,
.dark-custom-data-table .dataTables_wrapper .dataTables_filter input {
    color: #fff !important;
}

#assets-for-sale #assets-sale-table_wrapper #assets-sale-table_length,
#assets-for-sale #assets-sale-table_wrapper #assets-sale-table_length select,
#assets-for-sale #assets-sale-table_wrapper #assets-sale-table_filter label,
#assets-for-sale #assets-sale-table_wrapper #assets-sale-table_filter input {
    color: #000;
}

.product-store-link {
    color: #0666F1 !important;
    font-size: 14px;
    font-family: RobotoMedium;
}

.custom-container-currencyTable {
    width: 80%;
}

.over {
    position: relative;
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: 1px;
}

.headcol {
    position: -webkit-sticky;
    position: sticky;
    white-space: nowrap;
    left: 0;
}

.withCountryCode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .withCountryCode #CountryCode {
        display: block;
        width: 40%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        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: 0;
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        -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;
        margin-right: 5px;
    }

.w-60 {
    width: 60%;
}

.w-60px {
    width: 60px;
}

#imgMainCoverImage {
    width: 100%;
    height: 250px;
    -o-object-fit: contain;
    object-fit: contain;
}

.upload-lot-default-img {
    height: 150px;
    -o-object-fit: contain;
    object-fit: contain;
}

.add-on-icon i {
    color: #000;
    cursor: pointer
}

.my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills #Followers,
.my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills #Following {
    background: #fff;
    color: #000;
    text-shadow: none;
    border-radius: 25px;
    margin-bottom: 5px;
    font-weight: 600;
    padding: 3px;
}

.my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills a:hover #Followers,
.my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills a:hover #Following {
    background-color: #ECC309;
    cursor: pointer;
}

.my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills a:hover p,
.my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills a:hover p {
    color: #ECC309;
    cursor: pointer;
}

.no-follow-following {
    width: 100%;
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgb(44, 44, 44);
}

#followFollowersModal .nav-tabs .nav-link.active {
    border-bottom: 2px solid #007bff;
}

#followFollowersModal .nav-tabs .nav-link {
    border-color: transparent;
}


.followers-input-search {
    margin-bottom: 15px;
    position: relative;
}

    .followers-input-search input {
        width: 100%;
        height: 40px;
        border: none;
        background: #e3e3e3;
        color: #000;
        padding: 0px 40px 0px 20px;
    }

    .followers-input-search i {
        position: absolute;
        right: 15px;
        top: 12px;
    }

.follower-following-list {
    padding-left: 0;
    margin-bottom: 0;
    min-height: 300px;
    max-height: 300px;
    overflow-y: auto;
    padding-right: 10px;
}

.follow-followers-card-listType {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 10px 0px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}

    .follow-followers-card-listType:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .follow-followers-card-listType .follow-following-user {
        width: 60px;
        height: 60px;
    }

        .follow-followers-card-listType .follow-following-user img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
        }

    .follow-followers-card-listType .follower-following-remove-and-following-btn button {
        background: #ce1b21;
        color: #fff;
        border: 1px solid transparent;
    }

        .follow-followers-card-listType .follower-following-remove-and-following-btn button:hover {
            background: #fff;
            color: #ce1b21;
            border: 1px solid #ce1b21;
        }

    .follow-followers-card-listType .follow-back-btn button {
        background: #007bff;
        color: #fff;
        border: 1px solid transparent;
    }

        .follow-followers-card-listType .follow-back-btn button:hover {
            background: #fff;
            color: #007bff;
            border: 1px solid #007bff;
        }

.following-remove-and-following-btn button {
    background: #007bff;
    color: #fff;
    border: 1px solid transparent;
}

    .following-remove-and-following-btn button:hover {
        background: #fff;
        color: #007bff;
        border: 1px solid #007bff;
    }

.follow-following-userDetail a {
    color: #000;
}

.financial-investment-tab-real-and-assets .nav-tabs {
    border-bottom: 1px solid rgb(44, 44, 44);
}


    .financial-investment-tab-real-and-assets .nav-tabs .nav-item.show .nav-link,
    .financial-investment-tab-real-and-assets .nav-tabs .nav-link.active {
        color: #ECC309;
        background-color: transparent;
        border-bottom: 3px solid #ECC309 !important;
        border-color: transparent;
    }

    .financial-investment-tab-real-and-assets .nav-tabs .nav-link:focus,
    .financial-investment-tab-real-and-assets .nav-tabs .nav-link:hover {
        border-color: transparent;
        color: #ECC309;
    }

    .financial-investment-tab-real-and-assets .nav-tabs .nav-link {
        color: #fff;
        font-size: 18px;
    }

.financial-investment-tab-organization {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 25px;
    margin: 15px 40px 0px;
}

.financial-investment-tab-organization-people {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

    .financial-investment-tab-organization-people .orginization-financial {
        font-size: 22px;
        margin-bottom: 0;
    }

    .financial-investment-tab-organization-people .fa-circle-o,
    .financial-investment-tab-organization-people .fa-circle {
        font-size: 10px;
        padding-right: 5px;
    }

/* Switch Account CSS Starts Here */

.switch-card-body {
    box-shadow: 0 0 10px #e0dfdf;
}

.switch-user-card .switch-user-profileIMage {
    width: 50px;
    height: 50px;
}

    .switch-user-card .switch-user-profileIMage img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%;
    }

.switch-user-card .switch-user-detail p {
    font-size: 14px;
    margin-bottom: 0;
}

.switch-user-card .switch-user-detail h6 {
    font-size: 16px;
    font-family: RobotoMedium;
    margin-bottom: 0;
}

.switch-user-card {
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
}

    .switch-user-card:hover {
        background: #ddd;
        cursor: pointer;
    }

    .switch-user-card:last-child {
        border-bottom: none;
    }

.add-more-switch-account {
    padding: 15px 20px;
    box-shadow: 0 0 10px #e0dfdf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
}

    .add-more-switch-account:hover {
        cursor: pointer;
        background: #ddd;
        text-decoration: none;
        color: #000;
    }
/* Switch Account CSS Ends Here */
.btn-for-slides {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    top: 46%;
    padding: 0px 10px;
}

    .btn-for-slides a {
        font-weight: bold;
        font-size: 25px;
        color: white;
        cursor: pointer;
        text-decoration: none
    }

        .btn-for-slides a:hover {
            color: #ECC309;
        }

.items-detail-image {
    height: 250px;
    background: #f5f5f5;
}

    .items-detail-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.sub-cat-items-detail a {
    color: #000;
}

.sweet-overlay {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1100;
}

.sweet-alert {
    z-index: 1101;
}

.authorised-user-list {
    list-style: none;
    background: #fff;
    color: #000;
    padding: 0.375rem 0.75rem;
    position: absolute;
    width: 100%;
    box-shadow: 0 0 10px;
    z-index: 1;
    margin-bottom: 0;
    max-height: 220px;
    overflow: auto;
    min-height: auto;
    top: 40px;
    display: none;
}

.authorised-selected-user-list {
    padding: 10px;
    border: 1px solid rgb(255 255 255 / 20%);
    margin-top: 16px;
    list-style: none;
    max-height: 175px;
    overflow: auto;
    min-height: auto;
}

    .authorised-selected-user-list li {
        background: #fff;
        color: #000;
        padding: 0.375rem 0.75rem;
        margin-bottom: 5px;
    }

.authorised-user-list li {
    padding: 5px 0px;
}

    .authorised-user-list li:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

.authorised-user-card .authorised-user-profileIMage,
.authorised-selected-user-card .authorised-selected-user-profileIMage {
    width: 50px;
    height: 50px;
}

    .authorised-user-card .authorised-user-profileIMage img,
    .authorised-selected-user-card .authorised-selected-user-profileIMage img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%;
    }

.authorised-user-card .authorised-user-detail p,
.authorised-selected-user-card .authorised-selected-user-detail p {
    font-size: 14px;
    margin-bottom: 0;
}

.authorised-user-card .authorised-user-detail h6,
.authorised-selected-user-card .authorised-selected-user-detail h6 {
    font-size: 16px;
    font-family: RobotoMedium;
    margin-bottom: 0;
}

.authorised-search input {
    padding-right: 30px;
}

.authorised-search .search-icon {
    position: absolute;
    color: #000;
    right: 10px;
    top: 10px;
}

.social-media-scroll-table.edit-profile-social-media-scroll {
    max-height: 89px;
}

.hood-detail-in-tooltip {
    background: #fff;
    color: #000;
    position: absolute;
    width: 170px;
}

.livelocation {
    margin-left: 5px;
}

.circle-right-inner-container {
    min-height: 100%;
    position: relative;
    background-color: #242424;
    padding: 20px 30px;
}

.circle-joined-by {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    text-align: center;
}

    .circle-joined-by .circle-joined-num {
        background: #fff;
        color: #000;
        padding: 5px 10px;
        border-radius: 25px;
        width: 100px;
        font-weight: 600;
        margin-bottom: 5px;
    }

.circle-followers-and-followings p {
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
}

.circle-followers-and-followings .f-email-address {
    font-size: 14px;
}

.btn-primary.circle-member-chat {
    width: 84px;
}

.card-detail-onhover-content {
    position: relative;
    height: 270px;
    width: 100%;
    overflow: hidden;
}



.myWorldCard-img img {
    width: 100%;
    height: 270px;
    object-fit: cover;
}

.onhover-card-details {
    position: absolute;
    bottom: -83%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1px 15px 10px;
    background: rgba(0, 0, 0, 0.6);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    font-size: 15px;
    color: #fff;
    z-index: 1;
}

    .onhover-card-details h4 {
        font-size: 20px;
        color: #fff;
        margin: 10px 0;
        text-transform: capitalize;
        font-weight: 700;
    }


    .onhover-card-details a.hover-read-more, .onhover-card-details a.hover-chat-more {
        display: inline-block;
        margin-top: 0px;
        text-decoration: none;
        padding: 5px 10px;
        font-weight: bold;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        opacity: 0;
        transition: 0.3s;
    }

    .onhover-card-details a.hover-read-more {
        color: #ECC309;
        border: 1px solid #ECC309;
    }

        .onhover-card-details a.hover-read-more:hover {
            background: #ECC309;
            color: #000;
            border: 1px solid #ECC309;
            font-weight: bold;
        }

    .onhover-card-details a.hover-chat-more {
        color: #0666F1;
        border: 1px solid #0666F1;
        margin-left: 5px;
    }

        .onhover-card-details a.hover-chat-more:hover {
            background: #055CD9;
            color: #fff;
            border: 1px solid #055CD9;
            font-weight: bold;
        }

.card-detail-onhover-content .owl-prev,
.card-detail-onhover-content .owl-next {
    font-size: 50px !important;
    line-height: 0.5 !important;
    color: #fff !important;
}

.item-just-image {
    height: 100%;
    width: 100%;
    object-fit: fill;
}

    .item-just-image img {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }


.onhover-card-details:hover {
    bottom: 0;
    z-index: 99;
}

    .onhover-card-details:hover a {
        opacity: 1;
    }

    .onhover-card-details:hover h4 {
        margin-top: 30px;
    }

.feature-section {
    position: relative;
}

.myworld-sectioncards-heading {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #fff;
}

.right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .community-service-tabs .community-service-tabs-inner-container ul li.user-star-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2c2c2c;
    color: #fff;
    padding: 0px 10px;
}

    .right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .community-service-tabs .community-service-tabs-inner-container ul li.user-star-rating i {
        font-size: 20px;
    }

.user-star-rating h6 {
    font-size: 16px;
    font-weight: 600;
}

.rating-user-list {
    padding-left: 0;
    margin-bottom: 0;
    min-height: 300px;
    max-height: 300px;
    overflow-y: auto;
    padding-right: 10px;
}

.rating-user-list-card-listType {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 10px 0px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}

    .rating-user-list-card-listType:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .rating-user-list-card-listType .rating-user-list-user {
        width: 60px;
        height: 60px;
    }

        .rating-user-list-card-listType .rating-user-list-user img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
        }

.rating-user-list-userDetail a {
    font-size: 14px;
    color: #000;
}

.rating-given-by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #efefef;
    margin-left: auto;
    padding: 2px 15px;
}

#accordion #headingOne,
#accordion #headingTwo,
#accordion #headingThree,
#accordion #headingFour {
    background: #000;
    border-bottom: 1px solid #141414;
}

    #accordion #headingOne button,
    #accordion #headingTwo button,
    #accordion #headingThree button,
    #accordion #headingFour button {
        color: #fff;
        text-decoration: none;
    }

.accordion-body-content {
    border: 1px solid #141414;
    border-top: none;
    background: #141414;
}

#forOrg {
    background: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 40px;
}

.geo-locator-input {
    position: relative;
}

    .geo-locator-input input {
        padding-right: 30px;
    }

    .geo-locator-input .geo-location-fetch-icon {
        position: absolute;
        top: 8px;
        right: 10px;
        cursor: pointer;
    }

.beta-release-text {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
}

#real-estate-table_paginate .paginate_button.current,
#assets-table_paginate .paginate_button.current {
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%) !important;
    background: linear-gradient(to bottom, #585858 0%, #111 100%) !important;
    color: #fff !important;
}

.assets-image-on-lots-card {
    position: absolute;
    height: 60px;
    width: 60px;
    top: 10px;
    right: 10px;
}

    .assets-image-on-lots-card img {
        width: 100% !important;
        height: 100% !important;
        -o-object-fit: cover;
        object-fit: cover;
        box-shadow: 0 0 10px #000;
        cursor: pointer;
    }

.random-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tooltip-lot {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip-lot .tooltiptext-lot {
        visibility: hidden;
        width: auto;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 20px;
        position: absolute;
        z-index: 1;
        top: 50px;
        left: auto;
        margin-left: -60px;
        font-size: 14px;
    }

    .tooltip-lot:hover .tooltiptext-lot {
        visibility: visible;
    }

.editFormUploadImage {
    height: 300px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.editFormTileUploadImage {
    height: 350px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.asset-card-title {
    white-space: nowrap;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.feature-section-inner-content:hover .feature-card-deatails .asset-card-title {
    white-space: unset;
    width: auto;
    overflow: visible;
    text-overflow: unset;
}

.myasset-card-title {
    white-space: nowrap;
    width: 389px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.feature-section-inner-content:hover .feature-card-deatails .myasset-card-title {
    white-space: unset;
    width: auto;
    overflow: visible;
    text-overflow: unset;
}

.assign-asset-to-lot-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 10px;
    list-style: none;
    padding-left: 0;
}

    .assign-asset-to-lot-images .assign-asset-to-lot-pictures {
        width: 40px;
        height: 40px;
        margin-left: -10px;
        border: 2px solid #fff;
        border-radius: 50%;
        cursor: pointer;
    }

        .assign-asset-to-lot-images .assign-asset-to-lot-pictures img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
        }

        .assign-asset-to-lot-images .assign-asset-to-lot-pictures:hover {
            border: 2px solid #ECC309;
        }

.v--citizenship {
    -webkit-clip-path: polygon(0% 0%,0% 100%,87% 0%);
    clip-path: polygon(0% 0%,0% 100%,87% 0%);
    position: absolute;
    top: 0;
    left: 0;
    background: red;
    width: 60px;
    height: 50px;
    padding: 4px;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.imp-vilazia-user {
    width: 20px !important;
    height: 20px !important;
}

.v--important-role {
    background: #7a8a93;
    -webkit-clip-path: polygon(0% -17%,100% 0,100% 100%);
    clip-path: polygon(0% -17%,100% 0,100% 100%);
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 50px;
    padding: 4px;
}

    .v--important-role i {
        font-size: 20px;
        position: absolute;
        right: 7px;
    }

.map-assets-card .owl-prev,
.map-assets-card .owl-next {
    color: #fff !important;
    font-size: 50px !important;
    line-height: 1 !important;
}

.v--imp-badge {
    position: absolute;
    right: 10px;
}

    .v--imp-badge .v--card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .v--imp-badge .v--card .title {
            text-transform: uppercase;
            font-weight: bold;
            padding: 5px 10px;
            max-width: max-content;
            box-sizing: border-box;
            background-color: #000000;
            background-image: -webkit-linear-gradient(top, #0000ff, #0000b0);
            background-image: linear-gradient(180deg, #0000ff, #0000b0);
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
            color: #ffffff;
            position: relative;
            z-index: 1;
            box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
        }

        .v--imp-badge .v--card .content {
            margin-top: -75px;
            padding: 75px 20px 1px 20px;
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
            border-radius: 15px;
        }

        .v--imp-badge .v--card .icon {
            font-size: 16px;
        }

/* Tooltip right side css Starts here */

.tooltip-r .tooltiptext-r {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 30px;
    white-space: nowrap;
    font-size: 14px;
}

.tooltip-r:hover .tooltiptext-r, .tooltip-l:hover .tooltiptext-l {
    visibility: visible;
}

.tooltip-l .tooltiptext-l {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 30px;
    white-space: nowrap;
    font-size: 14px;
}

.lot-detail-page-container {
    margin-top: 60px;
}


.lot-detail-lot-image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lot-detail-leftside-section .lotdetail--name {
    padding-top: 20px;
    color: #fff;
}

    .lot-detail-leftside-section .lotdetail--name .lotdetail--view {
        margin-bottom: 10px;
    }

.lot-detail-circle {
    position: relative;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    border: 4px solid #fff;
}

    .lot-detail-circle img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%;
    }

.lot-upload-chnage-image {
    position: absolute;
    bottom: 20px;
    right: 0px;
    color: #000;
    background-color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
}

    .lot-upload-chnage-image i {
        font-size: 20px;
    }

.upload-button {
    font-size: 1em;
}


.about-lot-box {
    padding: 15px 20px;
    background-color: rgb(44, 44, 44);
    margin-bottom: 16px;
}

.about-lot-box-heading {
    font-size: 26px;
    font-weight: 600;
}

.lot-left-inner-container {
    min-height: calc(100vh - 90px);
    background-color: #242424;
    margin-right: 10px;
    padding: 30px 15px 30px 15px;
    position: sticky;
    top: 85px;
}

.lot-input--file {
    position: relative;
}

    .lot-input--file input[type="file"] {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

.owl-carousel .owl-item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}



.asset-author-img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 10px #100c0c;
    border-radius: 50%;
}

    .asset-author-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%;
    }

.asset-user-img {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 10px #100c0c;
    border-radius: 50%;
}

    .asset-user-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%;
    }

.card-detail-onhover-content.asset-item-image img {
    height: 100%;
    width: 100%;
}

/* Tooltip css starts here */

[data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
}

    [data-tooltip]:before,
    [data-tooltip]:after,
    .tooltip:before,
    .tooltip:after {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        pointer-events: none;
    }

    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after,
    [data-tooltip]:focus:before,
    [data-tooltip]:focus:after,
    .tooltip:hover:before,
    .tooltip:hover:after,
    .tooltip:focus:before,
    .tooltip:focus:after {
        visibility: visible;
        opacity: 1;
    }

    /* Horizontally align top/bottom tooltips */
    [data-tooltip]:after,
    .tooltip:after,
    .tooltip-top:after {
        margin-left: -80px;
    }

    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after,
    [data-tooltip]:focus:before,
    [data-tooltip]:focus:after,
    .tooltip:hover:before,
    .tooltip:hover:after,
    .tooltip:focus:before,
    .tooltip:focus:after,
    .tooltip-top:hover:before,
    .tooltip-top:hover:after,
    .tooltip-top:focus:before,
    .tooltip-top:focus:after {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }

.tooltip-left:before,
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
}

.tooltip-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #000;
    border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
    -webkit-transform: translateX(-12px);
    transform: translateX(-12px);
}

.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 50%;
}

.tooltip-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #000;
    border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
}

.tooltip-right:before,
.tooltip-right:after {
    bottom: 50%;
    left: 100%;
}

.tooltip-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #000;
    border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
}

.tooltip-left:before,
.tooltip-right:before {
    top: 3px;
}

.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}
/* tooltip css ends here */

.post-blog-enter {
    cursor: pointer;
}

.blogpost-comment-action-icon {
    position: absolute;
    right: 15px;
    top: 6px;
}


    .blogpost-comment-action-icon > input {
        display: none;
    }

    .blogpost-comment-action-icon img {
        width: 80px;
        cursor: pointer;
    }

.morecontent span {
    display: none;
}

.morelink {
    display: block;
    font-size: 14px;
}

/* Vilazia blog horizonrtal css */

.v-h-blog-post-card {
    background: #fff;
    margin-bottom: 20px;
    padding: 10px;
}

    .v-h-blog-post-card .v-h-blog-image {
        height: 330px;
        width: 100%;
        position: relative;
        padding: 10px 10px 0px;
    }

        .v-h-blog-post-card .v-h-blog-image img {
            height: 100%;
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

.v-h-blog-post-edit-delete {
    position: absolute;
    right: 10px;
    color: #000;
    top: 5px;
    cursor: pointer
}

.v-h-blog-post-card .v-h-blog-card-otherdetail {
    padding: 25px 20px 20px;
    color: #000;
    max-width: 1140px;
    margin: auto;
    background: #fff;
    box-shadow: 0 0 10px #eee;
    margin-bottom: 40px;
}

    .v-h-blog-post-card .v-h-blog-card-otherdetail .blogtags-in-viewblogcard {
        padding-left: 0;
        list-style: none;
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

        .v-h-blog-post-card .v-h-blog-card-otherdetail .blogtags-in-viewblogcard li {
            color: #0666F1;
            margin-right: 10px;
        }

.v-h-blog-like-dislike-pos {
    position: absolute;
    right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 13px;
}

.v-h-blog-post-card.blog-layout .slider ul.slick-dots {
    width: 100%;
}

.v-h-blog-post-card .v-h-blog-description {
    margin-bottom: 0;
    color: #000;
}

.v-h-blog-post-card .v-h-blog-action-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.v-h-blog-post-card .v-h-blog-reply-icon,
.v-h-blog-post-card .v-h-blog-like-icon,
.v-h-blog-post-card .v-h-blog-dislike-icon {
    color: #000;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px #b4b4b4;
    height: 35px;
    width: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
}

    .v-h-blog-post-card .v-h-blog-like-icon i {
        font-size: 21px;
        color: #0666F1
    }

    .v-h-blog-post-card .v-h-blog-dislike-icon i {
        font-size: 21px;
        color: var(--theme-color-1);
    }

    .v-h-blog-post-card .v-h-blog-like-icon:hover,
    .v-h-blog-post-card .v-h-blog-dislike-icon:hover {
        cursor: pointer;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

.v-h-blog-stats {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    margin-top: 10px;
}

    .v-h-blog-stats .v-h-blog-likes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

.v-h-blog-likes span {
    font-size: 14px;
    margin-right: 10px;
    background: #e5e5e5;
    border-radius: 25px;
    padding: 5px 15px;
    font-weight: 600;
    white-space: nowrap;
}

.v-h-blog-stats .v-h-blog-dislikes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.v-h-blog-dislikes span {
    font-size: 14px;
    margin-right: 10px;
    background: #e5e5e5;
    border-radius: 25px;
    padding: 5px 15px;
    font-weight: 600;
    white-space: nowrap;
}

.v-h-blog-stats .v-h-blog-comments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.v-h-blog-comments.comment-s-h {
    font-size: 14px;
    margin-right: 10px;
    background: #e5e5e5;
    border-radius: 25px;
    padding: 5px 15px;
    font-weight: 600;
    white-space: nowrap;
}


.v-h-blog-post-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .v-h-blog-post-time .v-h-blog-post-time-icon {
        font-size: 21px;
    }

    .v-h-blog-post-time span {
        position: absolute;
        top: 59%;
        right: 1%;
        color: #000;
        font-size: 14px;
        background: #e5e5e5;
        border-radius: 25px;
        padding: 5px 15px;
        font-weight: 600;
        white-space: nowrap;
        z-index: 1;
    }

.v-h-blog-post-time-onlycontent span {
    color: #000;
    font-size: 14px;
    background: #e5e5e5;
    border-radius: 25px;
    padding: 5px 15px;
    font-weight: 600;
    white-space: nowrap;
    z-index: 1;
}

.v-h-blog-post-time-mobile span {
    display: none;
    font-size: 14px;
    margin-right: 10px;
    background: rgb(229,229,229, 0.5);
    border-radius: 25px;
    padding: 5px 15px;
    font-weight: 600;
    white-space: nowrap;
}

.v-h-blogpost-comment-time {
    padding: 5px 0px;
    font-size: 13px;
    margin-bottom: 0;
}

.v-h-blog-card-otherdetail .v-h-blog-reply-input {
    position: relative;
    width: calc(100% - 35px);
}

    .v-h-blog-card-otherdetail .v-h-blog-reply-input input {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 25px;
        height: 35px;
        padding: 0 70px 0 20px;
        background: #f7f7f7;
        font-size: 14px;
    }

.v-h-blog-reply-user {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

    .v-h-blog-reply-user img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%;
    }

.v-h-commemnted-user-rightside {
    width: calc(100% - 50px);
    margin-left: 10px;
}

.v-h-blogpost-comments-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.v-h-sorting span {
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px;
}

.v-h-blogpost-comments {
    padding-right: 10px;
    border-bottom: 1px solid #eee;
    max-height: 340px;
    margin: 20px 0px 0px;
}

.v-h-blogpost-commented-userdetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 15px;
    background: #f7f7f7;
    padding: 10px;
}

.v-h-blogpost-commented-userimage {
    width: 40px;
    height: 40px;
}

    .v-h-blogpost-commented-userimage img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%;
    }

.v-h-commented-username {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.v-h-comment-post-time {
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px;
    color: #5a5454
}

.v-h-blog-more-option {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #000;
    cursor: pointer;
    z-index: 5;
}

    .v-h-blog-more-option .v-h-blog-more-option-bg {
        background: #fff;
        width: 30px;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        box-shadow: 0 0 10px #ccc;
    }

    .v-h-blog-more-option ul {
        position: absolute;
        list-style: none;
        padding-left: 0;
        background: #fff;
        right: 0;
        box-shadow: 0 0 10px #ccc;
        display: none;
    }

    .v-h-blog-more-option:hover ul {
        display: block;
    }

    .v-h-blog-more-option ul li {
        padding: 5px 15px;
        white-space: nowrap;
    }

        .v-h-blog-more-option ul li:hover {
            background: #eee;
            cursor: pointer;
        }

        .v-h-blog-more-option ul li a {
            font-size: 14px;
        }

.v-h-blog-comment-like-dislike {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.v-h-commented-blogpost-more-option {
    padding: 5px 10px;
}

    .v-h-commented-blogpost-more-option ul {
        position: absolute;
        list-style: none;
        padding-left: 0;
        background: #fff;
        right: 0;
        box-shadow: 0 0 10px #ccc;
        display: none;
    }

    .v-h-commented-blogpost-more-option:hover ul {
        display: block;
    }

    .v-h-commented-blogpost-more-option ul li {
        padding: 5px 15px;
        font-size: 14px;
        white-space: nowrap;
    }

        .v-h-commented-blogpost-more-option ul li:hover {
            background: #eee;
            cursor: pointer;
        }

.v-h-commented-blogpost-stats {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    margin-top: 10px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

    .v-h-commented-blogpost-stats .v-h-commented-blogpost-likes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

.v-h-commented-blogpost-likes span {
    font-size: 14px;
    margin-right: 10px;
    background: #e5e5e5;
    border-radius: 25px;
    padding: 5px 15px;
    font-weight: 600;
    white-space: nowrap;
}

.v-h-commented-blogpost-stats .v-h-commented-blogpost-dislikes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.v-h-commented-blogpost-dislikes span {
    font-size: 14px;
    margin-right: 10px;
    background: #e5e5e5;
    border-radius: 25px;
    padding: 5px 15px;
    font-weight: 600;
    white-space: nowrap;
}

.v-h-blog-likes span .fa-thumbs-up,
.v-h-commented-blogpost-likes span .fa-thumbs-up {
    color: #0666F1;
}

.v-h-blog-dislikes span .fa-thumbs-down,
.v-h-commented-blogpost-dislikes span .fa-thumbs-down {
    color: var(--theme-color-1);
}

.v-h-blogpost-comments::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.v-h-blogpost-comments::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.v-h-blogpost-comments::-webkit-scrollbar-thumb {
    background-color: #000000;
}

#blogpost-slider {
    position: relative;
    border-radius: 4px;
    width: 100%;
    height: 330px;
    overflow: hidden;
}

    #blogpost-slider ul.image_slider_ul {
        position: relative;
        margin: 0;
        padding: 0;
        width: 400%;
        height: 100%;
        list-style: none;
    }

        #blogpost-slider ul.image_slider_ul li {
            position: relative;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            width: 25%;
            height: 100%;
        }

            #blogpost-slider ul.image_slider_ul li .bgimage {
                width: 100%;
                height: 100%;
                position: relative;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
            }

    /*  Indicators*/

    #blogpost-slider .indicator_con {
        width: 100%;
        height: auto;
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 0;
        bottom: 0;
    }

        #blogpost-slider .indicator_con ul.indicator {
            width: 100%;
            height: auto;
            position: relative;
            text-align: center;
        }

            #blogpost-slider .indicator_con ul.indicator li {
                position: relative;
                list-style: none;
                width: 20px;
                height: 4px;
                background-color: #fff;
                display: inline-block;
                margin: 0 3px;
                border-radius: 1.5px;
                -webkit-transition: 800ms ease-in-out;
                transition: 800ms ease-in-out;
            }

                #blogpost-slider .indicator_con ul.indicator li.active {
                    background-color: #F2B206;
                }

/*  Buttons*/

button.control_prev, button.control_next {
    position: absolute;
    z-index: 2;
    display: block;
    width: 3%;
    height: 100%;
    background: transparent;
    color: #eee;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    border: none;
    outline: none;
    cursor: pointer;
}

    button.control_prev:hover, button.control_next:hover {
        opacity: 1;
        -webkit-transition: all 0.2s ease;
        color: #fff;
    }

button.control_prev {
    border-radius: 0 4px 4px 0;
}

button.control_next {
    right: 0;
    border-radius: 4px 0 0 4px;
}

.imageSlides {
    display: none;
    height: 450px;
}

    .imageSlides img {
        margin: auto;
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

/* Our main images-slideshow container */
.images-slideshow {
    max-width: 100%;
    position: relative;
    margin: auto;
}

/*Style for ">" next and "<" previous buttons */
.slider-btn {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 8px 16px;
    margin-top: -22px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-size: 18px;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

/* setting the position of the previous button towards left */
.previous {
    left: 2%;
}
/* setting the position of the next button towards right */
.next {
    right: 2%;
}

    /* On hover, adding a background color */
    .previous:hover,
    .next:hover {
        color: rgb(255, 253, 253);
        background-color: rgba(0, 0, 0, 0.8);
    }

.page-sharelink input {
    padding-right: 35px;
}

.page-sharelink .copy-link-icon {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
}

#linkCopied {
    font-size: 12px;
    color: var(--theme-color-1);
    font-weight: 700;
}


ul.slick-dots {
    display: inline-table;
    text-align: center;
    margin: 0;
    padding: 0;
}

.blog-layout {
    margin: 10px auto;
    position: relative;
}

    .blog-layout a.slick-arrow {
        color: #eee;
        font-size: 60px;
    }

.slide-blog {
    display: none;
}

    .slide-blog li {
        list-style: none;
    }

    .slide-blog.slick-initialized {
        display: block;
    }

.slick-dots {
    margin-top: 5px;
    margin-left: -5px;
    margin-right: -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .slick-dots li {
        list-style: none;
        display: inline-block;
        width: 75px;
        height: 75px;
        margin: 5px;
    }

        .slick-dots li img {
            opacity: 0.5;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .slick-dots li.slick-active img {
            opacity: 1;
        }

.slick-prev {
    position: absolute;
    z-index: 99;
    top: 190px;
    left: 15px
}

.slick-next {
    position: absolute;
    z-index: 99;
    top: 190px;
    right: 15px;
}

.add-your-blog-post-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.add-your-blog-post-submit {
    margin-top: 15px;
}

.select-blog-post-image {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 15px;
}

    .select-blog-post-image li {
        width: 65px;
        height: 65px;
        margin-right: 10px;
        margin-bottom: 5px;
        position: relative;
    }

        .select-blog-post-image li img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }


.cont {
    position: absolute;
    width: 100%;
    bottom: 0px;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}

    .cont footer {
        background: rgba(0,0,0,0.9)
    }

    .cont #back-to-top {
        display: none;
    }

.mobile-login-footer-close {
    display: none;
}

.images {
    display: block;
    width: 100%;
    height: 50px;
}

.over {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.cont:hover .over {
    height: auto;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}

.cont:hover {
    opacity: 1;
}

.mobile-login-footer {
    display: none;
}

.bounce {
    display: inline-block;
    position: relative;
    -webkit-animation: bounce 0.5s infinite linear;
    animation: bounce 0.5s infinite linear;
}

@-webkit-keyframes bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@keyframes bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

.cont {
    position: absolute;
    width: 100%;
    bottom: 0px;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    display: none;
}

    .cont footer {
        background: rgba(0,0,0,0.9)
    }

    .cont #back-to-top {
        display: none;
    }

.mobile-login-footer-close {
    display: none;
}

.images {
    display: block;
    width: 100%;
    height: 50px;
}

.over {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.cont:hover .over {
    height: auto;
    -webkit-transition: 1s ease;
    transition: 1s ease;
}

.cont:hover {
    opacity: 1;
}

.mobile-login-footer {
    display: none;
}

.bounce {
    display: inline-block;
    position: relative;
    -webkit-animation: bounce 0.5s infinite linear;
    animation: bounce 0.5s infinite linear;
}

@-webkit-keyframes bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

@keyframes bounce {
    0% {
        top: 0;
    }

    50% {
        top: -0.2em;
    }

    70% {
        top: -0.3em;
    }

    100% {
        top: 0;
    }
}

.rating-star #rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
}

#videoplaylist {
    width: 100vw;
    height: 100vh;
    -o-object-fit: fill;
    object-fit: fill;
    position: absolute;
    top: 80px;
}

#playlist {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
}

    #playlist a {
        text-decoration: none;
    }

    #playlist .active a {
        color: #5db0e6;
        text-decoration: none;
    }

    #playlist li a {
        color: #eeeedd;
        background: #333;
        padding: 12px;
        display: block;
    }

        #playlist li a:hover {
            text-decoration: none;
        }


.custom-slider .card-slider .slick-prev {
    left: 5px;
}

.custom-slider .card-slider .slick-next {
    right: 5px;
}

.custom-slider .card-slider .slick-next,
.custom-slider .card-slider .slick-prev {
    top: 44%;
}

.space-detail-uploaded-image {
    position: absolute;
    top: -150px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    border-radius: 50%;
    box-sizing: border-box;
}


    .space-detail-uploaded-image .profile-circle {
        border-radius: 50%;
        overflow: hidden;
        width: 185px;
        height: 185px;
        border: 4px solid #fff;
    }

        .space-detail-uploaded-image .profile-circle .profile-pic {
            -o-object-fit: cover;
            object-fit: cover;
            width: 185px;
            height: 185px;
        }

.when-no-social-n-web {
    margin-bottom: 40px;
}

.social-n-live-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .social-n-live-content .space-social-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%;
        height: 130px;
        position: relative;
        background: #3e3e3e;
        cursor: pointer;
        text-align: center;
    }

        .social-n-live-content .space-social-links:hover,
        .live-web-link-btn:hover {
            background: rgb(44,44,44);
        }

.live-web-link-btn {
    background: #3e3e3e;
    border-left: 1px solid #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 130px;
    width: 50%;
    cursor: pointer;
}

.social-n-live-content .space-social-links .space-main-social-icon img {
    width: 55px;
}

.social-n-live-content .liveStream i {
    font-size: 50px;
    color: #fff;
    cursor: pointer;
}

.social-n-live-content .space-social-links ul {
    display: none;
    position: absolute;
    margin: 0;
    list-style: none;
    background: #ffffff;
    color: #000;
    /*padding: 20px;*/
    padding: 15px 10px 5px;
    top: 100%;
    left: 0px;
    width: 385px;
    max-width: 385px;
}

    /* .social-n-live-content .space-social-links ul li {
        padding: 10px;
        border-bottom: 1px solid #ededed;
    }

        .social-n-live-content .space-social-links ul li:hover {
            background: #eee;
        }

        .social-n-live-content .space-social-links ul li:last-child {
            border-bottom: none;
        }*/

    .social-n-live-content .space-social-links ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .social-n-live-content .space-social-links ul li .space-social-icon-img img {
        width: 30px;
    }

.social-n-live-content .space-social-links:hover ul {
    /*display: block;*/
    display: flex;
    z-index: 2;
}


.space-social-links .circle-main-group-icon img {
    width: 50px;
}

.detail-space-name {
    margin-bottom: 10px;
}

.own-blogpost-edit-image {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 15px;
}

    .own-blogpost-edit-image li {
        position: relative;
        width: 80px;
        height: 80px;
        margin-right: 10px;
    }

        .own-blogpost-edit-image li img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .own-blogpost-edit-image li:last-child {
            margin-right: 0;
        }

.remove-edit-blog-image {
    position: absolute;
    right: -5px;
    top: -10px;
    color: #fff;
    cursor: pointer;
    background: #ff0000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 0 10px #ccc;
}

    .remove-edit-blog-image .fa-times {
        font-size: 12px;
    }

.upload-image-in-editblog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgb(44,44,44);
    color: #fff;
    cursor: pointer;
    text-align: center;
}

    .upload-image-in-editblog p {
        font-size: 13px;
    }

.sweet-alert button {
    border: 1px solid transparent;
}

    .sweet-alert button.cancel {
        background-color: #707070;
    }

        .sweet-alert button.cancel:hover {
            background: #707070;
        }

.participant-icon {
    width: 18px;
}

.remove-image-on-create {
    position: absolute;
    right: 5px;
    top: -10px;
    background: #fff;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 0 10px #ccc;
    color: red;
    cursor: pointer;
    z-index: 1;
}

.blank-div-50 {
    width: 50%;
}
/********************************************** Animated CSS ********************************************************/
/* Vilazia Loader CSS */
.vilazia-loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
}


    .vilazia-loader .pulsating-circle {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        width: 30px;
        height: 30px;
    }

        .vilazia-loader .pulsating-circle:before {
            content: '';
            position: relative;
            display: block;
            width: 900%;
            height: 900%;
            box-sizing: border-box;
            margin-left: -400%;
            margin-top: -450%;
            border-radius: 50%;
            background-color: #fff;
            -webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
            animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
            z-index: 1;
        }

        .vilazia-loader .pulsating-circle:after {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 100%;
            height: 100%;
            border-radius: 15px;
            -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
            animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
            z-index: 1;
        }

@-webkit-keyframes pulse-ring {
    0% {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }

    80%, 100% {
        opacity: 0;
    }
}

@keyframes pulse-ring {
    0% {
        -webkit-transform: scale(0.33);
        transform: scale(0.33);
    }

    80%, 100% {
        opacity: 0;
    }
}

@-webkit-keyframes pulse-dot {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes pulse-dot {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

/* Live stream effect CSS starts here */

.custom-globe img {
    width: 50px;
}

.liveStream {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    -webkit-animation: pulse 1500ms infinite;
    animation: pulse 1500ms infinite;
    margin-left: auto;
    margin-right: auto;
}

@-webkit-keyframes liveStream {
    0% {
        box-shadow: 0 0 0 0 #fbb32f;
    }

    100% {
        box-shadow: 0 0 0 17px #fbb32f01;
    }
}

@keyframes liveStream {
    0% {
        box-shadow: 0 0 0 0 #fbb32f;
    }

    100% {
        box-shadow: 0 0 0 17px #fbb32f01;
    }
}

/* Notiification css starts here */
.all-notifications .all-notifi-icon {
    color: #fff;
    font-size: 20px;
    position: relative;
    cursor: pointer;
}

    .all-notifications .all-notifi-icon:hover {
        color: #ECC309;
    }

.all-notifications {
    margin: 8px 10px;
    position: relative;
}

    .all-notifications .all-notification-dd {
        position: absolute;
        width: 370px;
        right: -30px;
        top: 45px;
        display: none;
    }

        .all-notifications .all-notification-dd .notificaton-dropdown-header {
            background: #fff;
            border-radius: 10px 10px 0px 0px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 10px;
        }

            .all-notifications .all-notification-dd .notificaton-dropdown-header .triangle {
                position: absolute;
                top: -8px;
                right: 33px;
                height: 15px;
                width: 15px;
                border-radius: 6px 0px 0px 0px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                background: #FFF;
            }

            .all-notifications .all-notification-dd .notificaton-dropdown-header .no-of-notification {
                background: #21B7B7;
                width: 25px;
                height: 25px;
                font-size: 12px;
                color: #fff;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                border-radius: 50%;
                margin-left: 10px;
            }


        .all-notifications .all-notification-dd ul {
            padding: 0;
            list-style: none;
            max-height: 350px;
            overflow: auto;
        }

            .all-notifications .all-notification-dd ul .unread-notification {
                background: #e9f0f3;
            }

            .all-notifications .all-notification-dd ul .read-notification {
                background: #fff;
            }

            .all-notifications .all-notification-dd ul .no-notification {
                background: #fff;
                padding: 20px;
                text-align: center;
                color: #9c9c9c;
            }


.all-notification-dd .notifi-alert {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px;
    border: 0px;
    border-style: solid;
    border-bottom-width: 1px;
    -o-border-image: linear-gradient(to right, white 0%, #cedae0 40%, #cedae0 60%, white 100%) 1 20%;
    border-image: linear-gradient(to right, white 0%, #cedae0 40%, #cedae0 60%, white 100%) 1 20%;
}

    .all-notification-dd .notifi-alert .notifi-by-user {
        width: 40px;
        height: 40px;
    }

        .all-notification-dd .notifi-alert .notifi-by-user img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
        }

.notifi-by-message {
    margin-left: 10px;
    line-height: 1.2;
    width: calc(100% - 65px);
}

.remove-all-notification-icon i {
    color: #fff;
    cursor: pointer;
}

    .remove-all-notification-icon i:hover {
        color: #ECC309;
    }

.v-add-circle-participants {
    color: #fff;
    background: rgb(44, 44, 44);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 330px;
    width: 250px;
    cursor: pointer;
}

    .v-add-circle-participants:hover {
        background: #1a1a1a;
    }

.v-add-circle-participants-list {
    list-style: none;
    padding: 0;
    max-height: 300px;
    overflow: auto;
    padding-right: 5px;
}

    .v-add-circle-participants-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0px;
        border-bottom: 1px solid #eee;
    }

        .v-add-circle-participants-list li:last-child {
            border-bottom: none;
        }

.v-add-circle-participants-profileimage {
    width: 50px;
    height: 50px;
}

    .v-add-circle-participants-profileimage img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%;
    }

.v-add-circle-participants-list li .v-userid {
    font-size: 14px;
}

#thinScrollBar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#thinScrollBar::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

#thinScrollBar::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 2px solid #555555;
}

.thinerScrollBar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.thinerScrollBar::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.thinerScrollBar::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 2px solid #555555;
}



/* New Design Dashboard CSS Starts here */

.vbtns.v-d-filter-btn.active .d-filter-opacity {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(236, 195, 9, 0.6);
    z-index: 1;
    color: #000;
}

.vbtns.v-d-filter-btn.active .dashboard-filter-title h6 {
    z-index: 1;
}

.dashboard-filter-section {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 1rem 0;
    margin: 2.5rem 0;
    cursor: default;
    overflow: scroll hidden;
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scroll-padding: 0px 1.25rem;
    scrollbar-width: none;
    list-style: none;
}

    .dashboard-filter-section li {
        width: 270px;
        height: 100px;
        margin-right: 15px;
        box-sizing: border-box;
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

        .dashboard-filter-section li img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-filter: brightness(0.6);
            filter: brightness(0.6);
        }

.dashboard-filter-title {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
}

    .dashboard-filter-title h6 {
        font-size: 26px;
        margin-bottom: 0;
    }


.dashboard-filter-section::-webkit-scrollbar {
    display: none;
}

.dashboard-filter-section {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.dashboardContent {
    border-bottom: 1px solid;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

    .dashboardContent .dashboard-filter-type-card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 300px;
        cursor: pointer;
    }

        .dashboardContent .dashboard-filter-type-card img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-filter: brightness(0.5);
            filter: brightness(0.5);
        }

        .dashboardContent .dashboard-filter-type-card h6 {
            margin-bottom: 0;
            font-size: 24px;
            color: #fff;
            position: absolute;
            z-index: 1;
            text-shadow: 0px 2px #000;
        }

.home-herobanner-slide .carousel-inner.spacedetail-carousel-banner .carousel-item video {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

.fav-green {
    color: #55e10e !important;
}

.fav-yellow {
    color: #ECC309 !important;
}

/* The blog post card CSS ends here */

.event-container .evnet {
    padding: 15px 10px;
    color: white;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    background: #2c2c2c;
}

    .event-container .evnet .left {
        width: 90px;
    }

        .event-container .evnet .left img {
            width: 70px;
            height: 70px;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: top;
            object-position: top;
        }

    .event-container .evnet .mid {
        padding: 0 10px 0 20px;
        width: calc(100% - 90px);
        border-left: 1px solid #5a5a5a;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .event-container .evnet .mid-box-inside {
        width: calc(100% - 110px);
        margin-right: 10px;
    }

    .event-container .evnet .mid .commented-user-name {
        font-weight: 600;
        cursor: pointer;
        color: #fff;
        white-space: nowrap;
    }

    .event-container .evnet .mid .title span {
        color: #b6b6b6;
    }

    .event-container .evnet .mid .text.text-over-width {
        width: 100%;
        height: auto;
    }

    .event-container .evnet .mid .envet-view-more {
        cursor: pointer;
        color: #9696c6;
    }

    .event-container .evnet .mid .date-time {
        color: #b6b6b6;
        margin-top: 5px;
        font-size: 14px;
    }

    .event-container .evnet .right {
        padding: 0 20px;
        width: 100px;
    }

.notification-navbar {
    width: 100%;
}

    .notification-navbar .nav-tabs .nav-link {
        color: #fff;
        padding: .25rem 1rem
    }

        .notification-navbar .nav-tabs .nav-link.active {
            color: #495057
        }

.notification-on-comment-img {
    width: 100px;
    height: 100px;
    border: 2px solid #fff;
}

    .notification-on-comment-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.mid-block-inside {
    width: calc(100% - 110px) !important;
    margin-right: 10px;
}

.upload__inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.upload__img-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px -10px 0px;
}

.upload__img-box {
    width: 90px;
    padding: 0 10px;
}

.upload__img-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: -10px;
    right: -10px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
}

    .upload__img-close:after {
        content: '\2716';
        font-size: 14px;
        color: white;
    }

.img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 100%;
}


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

.all-no-new-notification {
    color: #fff;
    background: #1a1a1a;
    padding: 20px;
    text-align: center;
    margin-top: 10px;
}

.new-no-of-notification {
    position: absolute;
    font-size: 10px;
    background: red;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: -5px;
    right: -5px;
}

.right-0 {
    right: 0;
}

#invitation-user-table-table-wrapper {
    position: relative;
}

#invitation-user-table {
    max-height: 300px;
    overflow: auto;
    margin-top: 20px;
}

#invitation-user-table-table-wrapper table {
    width: 100%;
}

    #invitation-user-table-table-wrapper table thead th .text {
        position: absolute;
        top: -20px;
        z-index: 2;
        height: 20px;
        width: 35%;
        border: 1px solid red;
    }

.invitedUserAddBtn input[type="button"] {
    width: 100%;
}

.add-residence-user-btn {
    width: 100%;
    height: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgb(44, 44, 44);
    cursor: pointer;
    color: #fff;
}

.v-add-residence-list {
    list-style: none;
    padding: 0;
    max-height: 300px;
    overflow: auto;
    padding-right: 5px;
}

    .v-add-residence-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0px;
        border-bottom: 1px solid #eee;
    }

        .v-add-residence-list li:last-child {
            border-bottom: none;
        }

.v-add-residence-profileimage {
    width: 50px;
    height: 50px;
}

    .v-add-residence-profileimage img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 50%;
    }

.v-add-residence-list li .v-userid {
    font-size: 14px;
}


/* New Chat CSS Starts here */

.v-floating-chat {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 1000;
}

.v-floating-chat-icon {
    position: relative;
    width: 50px;
    height: 50px;
    background: -webkit-linear-gradient(-45deg, #183850 0, #183850 25%, #192C46 50%, #22254C 75%, #22254C 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
}

    .v-floating-chat-icon:hover {
        box-shadow: 0 0 5px #fff;
    }

.v-floating-chat-body {
    right: 10px;
    bottom: 0px;
    background: #fff;
    padding: 0;
    z-index: 11;
    height: 0;
    width: 350px;
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.v-floating-chat .v-floating-chat-block-bottom {
    display: flex;
    align-items: flex-end;
    position: fixed;
    z-index: 1;
    bottom: 0;
    right: 10px;
}

.v-floating-chat-body.open {
    height: 430px;
    opacity: 1;
}

.v-floating-chat-body .v-chat-header {
    display: flex;
    align-items: center;
    background: #333;
    color: #fff;
    height: 48px;
    justify-content: space-between;
}

    .v-floating-chat-body .v-chat-header .v-chat-header-left-side {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        padding-left: 0;
    }

        .v-floating-chat-body .v-chat-header .v-chat-header-left-side .v-chat-opt-btn {
            height: 48px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            margin-right: 2px;
        }

            .v-floating-chat-body .v-chat-header .v-chat-header-left-side .v-chat-opt-btn .nav-link {
                padding: 0;
                height: 48px;
                width: 48px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 0;
                color: #fff;
            }

                .v-floating-chat-body .v-chat-header .v-chat-header-left-side .v-chat-opt-btn .nav-link.active,
                .v-floating-chat-body .v-chat-header .v-chat-header-left-side .v-chat-opt-btn .nav-link:hover {
                    background: #D61F0A;
                }

.v-chat-header-right-side {
    padding-right: 10px;
}

.v-floating-chat-body .v-floating-chat-userlist,
.v-floating-chat-body .v-floating-chat-grouplist {
    overflow: auto;
    max-height: 382px;
}

    .v-floating-chat-body .v-floating-chat-userlist::-webkit-scrollbar-track,
    .v-floating-chat-body .v-floating-chat-grouplist::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .v-floating-chat-body .v-floating-chat-userlist::-webkit-scrollbar,
    .v-floating-chat-body .v-floating-chat-grouplist::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .v-floating-chat-body .v-floating-chat-userlist::-webkit-scrollbar-thumb,
    .v-floating-chat-body .v-floating-chat-grouplist::-webkit-scrollbar-thumb {
        background-color: #000000;
        border: 2px solid #555555;
    }

.v-chat-userdetail {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #a79191;
    padding: 7px 10px;
    background-color: #e9e9e9;
    cursor: pointer;
}

    .v-chat-userdetail .v-chat-userimg {
        position: relative;
        width: 40px;
        height: 40px;
        border: 2px solid #fff;
        border-radius: 50%;
    }

        .v-chat-userdetail .v-chat-userimg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

    .v-chat-userdetail .v-chat-username {
        margin-bottom: 0;
        margin-left: 15px;
    }

    .v-chat-userdetail:hover {
        background: #c2c2c2;
    }

.v-chat-newmessage-notification {
    margin-left: auto;
    background: red;
    color: #fff;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    margin-right: 5px;
}

.v-chat-user-active {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #55e10e;
    border-radius: 50%;
    bottom: 0;
    right: 0;
}

.v-chat-user-input-search {
    padding: 10px;
    position: relative;
}

    .v-chat-user-input-search input {
        width: 100%;
        height: 40px;
        border: none;
        background: #e3e3e3;
        color: #000;
        padding: 0px 40px 0px 20px;
    }

    .v-chat-user-input-search i {
        position: absolute;
        right: 15px;
        top: 21px;
    }


.newchatcountnotification {
    position: absolute;
    right: 0;
    top: 0;
    background: red;
    width: 16px;
    height: 16px;
    font-size: 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* The post page CSS */

.pp-page-divide-border-right {
    border-right: 1px solid #444;
}

.postpage-container {
    width: 465px;
    margin: auto;
    padding-top: 20px;
    height: calc(100vh - 80px);
}

.intrestpage-in-postpage {
    display: flex;
    flex-direction: column;
}

.interested-category-btns {
    height: calc(100vh - 350px);
    margin-bottom: 15px;
    overflow: auto;
}

    .interested-category-btns .button {
        font-weight: 400 !important;
        height: auto;
        margin: 0 8px 8px 0;
        border-style: solid;
        border-radius: 0;
        border-width: 1px;
        padding: 7px 16px;
        color: #fff;
        background-color: unset;
        border-color: #dadada;
        transition: all .1s ease-in;
    }

        .interested-category-btns .button.active {
            cursor: pointer;
            color: #ECC309;
            border-color: #ECC309;
        }

        .interested-category-btns .button:focus {
            outline: none;
        }

.postpage-progress-step {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 10px;
}

    .postpage-progress-step .steps-covered {
        margin-bottom: 0;
        color: #fff;
        white-space: nowrap;
        margin-right: 10px;
    }

    .postpage-progress-step .progress {
        height: 10px;
    }

.postpage-continue-btn {
    padding-bottom: 40px;
    margin-top: auto;
}

    .postpage-continue-btn .button {
        padding: 6px 20px;
        font-weight: 600;
        text-align: center;
    }

        .postpage-continue-btn .button:focus {
            outline: none;
        }

.post-curator-action {
    text-align: right;
    margin-bottom: 10px;
}

    .post-curator-action input[type = "button"] {
        background: transparent;
        color: #fff;
        border: none;
    }

    .post-curator-action button:focus {
        outline: none;
    }

.post-curator-subscribe-list {
    height: calc(100vh - 400px);
    margin-bottom: 15px;
    overflow: auto;
}

    .post-curator-subscribe-list .post-curator-card {
        display: flex;
        align-items: start;
        margin-top: 24px;
    }

    .post-curator-subscribe-list .post-curator-image {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        border: 2px solid #ddd;
    }

        .post-curator-subscribe-list .post-curator-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

    .post-curator-subscribe-list .post-curator-title-description {
        display: flex;
        align-items: flex-start;
        width: calc(100% - 80px);
        margin-left: 15px;
        color: #fff;
        border-bottom: 1px solid #ddd;
    }

        .post-curator-subscribe-list .post-curator-title-description h6 {
            font-weight: 600;
        }

        .post-curator-subscribe-list .post-curator-title-description .posted-by-curator {
            font-size: 14px;
            margin-bottom: 0;
        }

        .post-curator-subscribe-list .post-curator-title-description .post-curator-description {
            margin-top: 20px;
            color: #000000;
        }

    .post-curator-subscribe-list .post-curator-checkbox input[type=checkbox] {
        position: relative;
        border: 2px solid #fff;
        border-radius: 2px;
        background: #fff;
        cursor: pointer;
        line-height: 0;
        margin: 0 .6em 0 0;
        outline: 0;
        padding: 0 !important;
        vertical-align: text-top;
        height: 20px;
        width: 20px;
        -webkit-appearance: none;
        opacity: 1;
    }

        .post-curator-subscribe-list .post-curator-checkbox input[type=checkbox]:checked {
            background-color: #ECC309;
            opacity: 1;
            border: 2px solid transparent;
        }

        .post-curator-subscribe-list .post-curator-checkbox input[type=checkbox]:before {
            content: '';
            position: absolute;
            right: 50%;
            top: 50%;
            width: 4px;
            height: 10px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            margin: -1px -1px 0 -1px;
            transform: rotate(45deg) translate(-50%, -50%);
            z-index: 2;
        }

    .post-curator-subscribe-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .post-curator-subscribe-list::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .post-curator-subscribe-list::-webkit-scrollbar-thumb {
        background-color: #000000;
        border: 2px solid #555555;
    }

.postpage-main-body {
    min-height: calc(100vh - 80px);
    padding-top: 20px;
}

.postpage-left-section-body {
    height: 100%;
}

    .postpage-left-section-body .create-blogpost-btn {
        display: block;
        background: #ECC309;
        color: #000;
        text-decoration: none;
        cursor: pointer;
        padding: 10px 15px;
        border-radius: 25px;
        margin-bottom: 15px;
        width: 100%;
        text-align: center;
    }

        .postpage-left-section-body .create-blogpost-btn:hover {
            font-weight: 600;
        }

        .postpage-left-section-body .create-blogpost-btn:focus {
            outline: none;
        }

    .postpage-left-section-body .postpage-left-option {
        padding: 8px 15px;
        color: #fff;
        display: flex;
        width: 100%;
        text-decoration: none;
        align-items: baseline;
        background: #141414;
    }

        .postpage-left-section-body .postpage-left-option.active {
            background-color: #444;
            color: #fff;
            cursor: pointer;
            border-radius: 25px 0px 0px 25px;
        }

        .postpage-left-section-body .postpage-left-option span {
            margin-left: 10px;
        }

/* Postpage Filters CSS Starts Here */

.postpage-filters-leftnav .pp-filter-option-dd {
    list-style: none;
    padding-left: 20px;
    color: #fff;
}

    .postpage-filters-leftnav .pp-filter-option-dd li {
        padding: 10px;
        border-bottom: 1px solid #444;
    }

        .postpage-filters-leftnav .pp-filter-option-dd li:last-child {
            border-bottom: none;
        }

        .postpage-filters-leftnav .pp-filter-option-dd li .pp-filter-title {
            margin-bottom: 10px;
            font-size: 16px;
            font-weight: 600;
        }

        .postpage-filters-leftnav .pp-filter-option-dd li .filter-selected-date {
            list-style: none;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            padding-left: 0;
        }

            .postpage-filters-leftnav .pp-filter-option-dd li .filter-selected-date li {
                border-bottom: none;
                margin-bottom: 5px;
                margin-right: 5px;
                padding: 0;
            }

                .postpage-filters-leftnav .pp-filter-option-dd li .filter-selected-date li a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    padding: 5px 15px;
                    white-space: nowrap;
                    cursor: pointer;
                    font-size: 14px;
                    color: #000;
                    background: #fff;
                    border-radius: 25px;
                }


                    .postpage-filters-leftnav .pp-filter-option-dd li .filter-selected-date li a:hover,
                    .postpage-filters-leftnav .pp-filter-option-dd li .filter-selected-date li a.active {
                        background: #0666F1;
                        color: #fff;
                        font-weight: 600;
                        text-decoration: none;
                    }

.postpage-filters-leftnav#headingOne,
.postpage-filters-leftnav#headingTwo {
    border-radius: 25px 0px 0px 25px;
}

.filter-daterange-input input {
    border-radius: 25px;
}

.filter-daterange-input .date-range-picker-calendericon {
    position: absolute;
    z-index: 1;
    color: #000;
    right: 10px;
}

.filter-selected-blogger {
    list-style: none;
    padding-left: 10px;
    margin-top: 10px;
}

.postpage-filters-leftnav .pp-filter-option-dd li .filter-selected-blogger li {
    padding: 0px;
    background: #ccc;
    width: 100%;
    border-radius: 25px;
}

    .postpage-filters-leftnav .pp-filter-option-dd li .filter-selected-blogger li a {
        display: flex;
        align-items: center;
        width: 100%;
        text-decoration: none;
        padding: 5px;
    }

.filter-selected-blogger li .filter-selected-blogger-userimg {
    width: 30px;
    height: 30px;
}

    .filter-selected-blogger li .filter-selected-blogger-userimg img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.filter-selected-blogger li .remove-selected-blogger {
    margin-left: auto;
    cursor: pointer;
    font-size: 18px;
    color: red;
}

.filter-tags-leftnav {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    flex-direction: row;
    max-height: 150px;
    overflow: auto;
}

    .filter-tags-leftnav .tags-btn-right-side {
        cursor: pointer;
        font-size: 14px;
        padding: 5px 13px;
        background: #fff;
        border-radius: 25px;
        margin-right: 3px;
        white-space: nowrap;
        margin-bottom: 3px;
        border: 1px solid transparent;
        color: #000;
    }

        .filter-tags-leftnav .tags-btn-right-side.active {
            color: #fff;
            background: #0666F1;
            border: 1px solid transparent;
        }

        .filter-tags-leftnav .tags-btn-right-side:focus {
            outline: none;
        }

.postpage-filters-leftnav .pp-filter-option-dd li .filter-tags-leftnav .pp-filter-tags {
    padding: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    border-bottom: 0;
}

    .postpage-filters-leftnav .pp-filter-option-dd li .filter-tags-leftnav .pp-filter-tags a {
        display: block;
        padding: 5px 15px;
        background: #fff;
        color: #000;
        border-radius: 25px;
        cursor: pointer;
        border-bottom: none;
        font-size: 14px;
    }

        .postpage-filters-leftnav .pp-filter-option-dd li .filter-tags-leftnav .pp-filter-tags a:hover,
        .postpage-filters-leftnav .pp-filter-option-dd li .filter-tags-leftnav .pp-filter-tags a.active {
            background: #0666F1;
            color: #fff;
            font-weight: 600;
            text-decoration: none;
        }

/* Postpage Filters CSS Ends Here */
.postpage-center-section-body {
    height: 100%;
}

    .postpage-center-section-body .postpage-middle-title {
        max-width: 824px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
    }

.postpage-header-section-right .postpage-middle-title-custom {
    max-width: 940px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.postpage-middle-title-custom .vilaziaPostIconHeader {
    width: 200px;
    height: 100%;
}

    .postpage-middle-title-custom .vilaziaPostIconHeader img {
        width: 100%;
        height: 100%;
    }

.postpage-center-section-body .postpage-middle-title .postpage-middle-section-title {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 10px;
    background: #333;
}

.all-trendings-tab-pills-section.nav-pills .nav-item .nav-link {
    border-radius: 0;
    margin-right: 20px;
    padding: 0px 5px;
    color: #fff;
}

    .all-trendings-tab-pills-section.nav-pills .nav-item .nav-link.active {
        color: #ECC309;
        background-color: transparent;
        border-bottom: 2px solid #ECC309;
    }

.all-trendings-tab-pills-section li.nav-item:last-child .nav-link {
    margin-right: 45px;
}

.postpagelibrary-center-card-section-outer {
    max-height: 82vh;
    overflow: auto;
    margin-top: 10px;
}

.postpage-center-card-section-outer {
    max-height: 81vh;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: auto;
}

.postpage-center-card-trending-section-outer {
    max-height: 82vh;
    overflow: auto;
    margin-top: 10px;
}

    .postpage-center-card-section-outer::-webkit-scrollbar,
    .postpagelibrary-center-card-section-outer::-webkit-scrollbar,
    .postpage-center-card-trending-section-outer::-webkit-scrollbar {
        width: 6px;
    }

    .postpage-center-card-section-outer::-webkit-scrollbar-track,
    .postpagelibrary-center-card-section-outer::-webkit-scrollbar-track,
    .postpage-center-card-trending-section-outer::-webkit-scrollbar-track {
        background: #ddd;
    }

    .postpage-center-card-section-outer::-webkit-scrollbar-thumb,
    .postpagelibrary-center-card-section-outer::-webkit-scrollbar-thumb,
    .postpage-center-card-trending-section-outer::-webkit-scrollbar-thumb {
        background: #bdbdbd;
    }

.postpage-center-card-section {
    max-width: 820px;
    margin: 0px auto;
}

.postpage-blogposted-card {
    background: #fff;
    padding: 15px;
    margin-bottom: 7px;
}

    .postpage-blogposted-card .blogposted-by-userimg, .trending-posted-by .blogposted-by-userimg {
        width: 40px;
        height: 40px;
    }

        .postpage-blogposted-card .blogposted-by-userimg img, .trending-posted-by .blogposted-by-userimg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

    .postpage-blogposted-card .blogposted-time {
        font-size: 12px;
        color: #000;
        margin-bottom: 0;
        margin-left: auto;
        font-weight: 600;
    }

    .postpage-blogposted-card .blogposted-by-username {
        color: #404040;
        margin-left: 10px;
        font-weight: 600;
    }

.trending-posted-by .blogposted-by-username {
    color: #fff;
    margin-left: 10px;
}

.postpage-blogposted-card .postpage-blog-detail-box {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 15px;
}

.postpage-blog-detail-box .hashtags-in-blogfeedpost {
    list-style: none;
    padding-left: 0;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

    .postpage-blog-detail-box .hashtags-in-blogfeedpost li {
        margin-right: 5px;
        font-size: 14px;
        font-weight: 600;
        color: #007bff;
    }

.postpage-blogposted-card .postpage-blog-detail-box .postpage-blog-title-n-description {
    margin-right: 20px;
    width: calc(100% - 180px);
}

.postpage-blog-title-n-description h5.postpage-blog-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
}

.postpage-blog-title-n-description p.postpage-blog-description {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
    word-wrap: break-word;
}

.postpage-blogposted-card .postpage-blog-like-comment {
    display: flex;
    align-items: center;
    border-top: 1px solid #ddd;
    padding-top: 7px;
    margin-top: 10px;
}

.p-likecount, .p-dislikecount, .p-comment-count, .postpage-readtime {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

.postpagecard-like i, .postpagecard-dislike i, .postpagecard-comment i {
    font-size: 18px;
    cursor: pointer;
}

.postpagecard-like i {
    color: #0666F1;
}

.postpagecard-dislike i {
    color: #ff0000;
}

.postpage-blog-detail-box .postpage-blogposted-img {
    max-width: 160px;
    width: 100%;
    height: 120px;
}

    .postpage-blog-detail-box .postpage-blogposted-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.postpage-right-section-body {
    padding: 0px 8px 8px 0px;
    height: calc(100vh - 100px);
    overflow: auto;
}

    .postpage-right-section-body .postpage-right-section-title h4 {
        color: #fff;
        padding: 10px;
        border-bottom: 1px solid #444;
        margin-bottom: 0;
        background: #333;
    }

    .postpage-right-section-body .postpage-right-section-title-tags {
        color: #fff;
        padding: 10px;
        border-bottom: 1px solid #444;
        margin-bottom: 0;
        background: #333;
    }

        .postpage-right-section-body .postpage-right-section-title-tags .tags-update-save {
            cursor: pointer;
            margin-left: auto;
            font-size: 18px;
        }


.pp-trending-col-outer {
    margin: 5px 0px;
    max-height: 82vh;
    overflow: auto;
}

    .pp-trending-col-outer .pp-trending-card-inner {
        display: flex;
        align-items: flex-start;
        color: #fff;
        padding: 0px 10px;
        cursor: pointer;
        border-bottom: 1px solid #444;
    }

        .pp-trending-col-outer .pp-trending-card-inner .pp-trending-card-left {
            margin-right: 5px;
            width: 100%;
        }

        .pp-trending-col-outer .pp-trending-card-inner .trending-title {
            font-size: 16px;
            margin-bottom: 10px;
            min-height: 72px;
        }

    .pp-trending-col-outer .trending-posted-by {
        margin-bottom: 0;
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #fff;
        padding: 10px;
    }

    .pp-trending-col-outer .pp-trending-card-inner .pp-trending-img {
        max-width: 100px;
        height: 100px;
        width: 100%;
        margin-left: auto;
    }

        .pp-trending-col-outer .pp-trending-card-inner .pp-trending-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .pp-trending-col-outer::-webkit-scrollbar, .common-scrollbar-tpp::-webkit-scrollbar {
        width: 6px;
    }

    .pp-trending-col-outer::-webkit-scrollbar-track, .common-scrollbar-tpp::-webkit-scrollbar-track {
        background: #ddd;
    }

    .pp-trending-col-outer::-webkit-scrollbar-thumb, .common-scrollbar-tpp::-webkit-scrollbar-thumb {
        background: #bdbdbd;
    }

.pp-trending-card-left .trending-tags {
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

    .pp-trending-card-left .trending-tags li {
        margin-right: 5px;
        color: #007bff;
        font-size: 14px;
        font-weight: 600;
    }

.pp-trending-card-left .trending-likes-dislikes {
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-top: 10px;
}

    .pp-trending-card-left .trending-likes-dislikes .t-likes i {
        color: #0666F1;
    }

    .pp-trending-card-left .trending-likes-dislikes .t-dislikes i {
        color: #ff0000;
        margin-left: 15px;
    }

.pp-trending-card-left .p-likecount, .pp-trending-card-left .p-dislikecount {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.pp-trending-seemore {
    color: #ECC309;
    font-size: 14px;
    margin-left: auto;
}

    .pp-trending-seemore:hover {
        font-weight: 600;
        color: #ECC309;
    }

.pp-tags-at-bottom-right {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 190px;
    /*overflow: auto;*/
    margin: 15px 0px 0px;
}

    .pp-tags-at-bottom-right .tags-btn-right-side {
        font-size: 14px;
        padding: 5px 13px;
        background: #fff;
        border-radius: 25px;
        margin-right: 3px;
        white-space: nowrap;
        margin-bottom: 3px;
        border: 1px solid transparent;
        color: #000;
    }

        .pp-tags-at-bottom-right .tags-btn-right-side.active {
            background: #0666F1;
            border: 1px solid transparent;
            color: #fff;
            cursor: pointer;
            font-weight: 600;
        }

            .pp-tags-at-bottom-right .tags-btn-right-side.active:hover {
                cursor: pointer;
                font-weight: 600;
                background: #0666F1;
            }

        .pp-tags-at-bottom-right .tags-btn-right-side:hover {
            cursor: pointer;
            background: #fff;
            font-weight: 600;
        }

        .pp-tags-at-bottom-right .tags-btn-right-side:focus {
            outline: none;
        }

.sort-by-btn-subscriberlist {
    background: #fff;
    color: #000;
    width: 100%;
    padding: 5px;
}

    .sort-by-btn-subscriberlist:focus {
        outline: none;
    }

    .sort-by-btn-subscriberlist:hover {
        font-weight: 600;
    }

    .sort-by-btn-subscriberlist.active {
        background: #0666F1;
        color: #fff;
        font-weight: 600;
    }

.pp-the-curators-list {
    padding-left: 0;
    list-style: none;
    margin: 15px 0px;
    min-height: 145px;
    overflow: auto;
}

    .pp-the-curators-list .pp-the-curators-detail-n-action {
        display: flex;
        align-items: center;
        color: #fff;
        padding: 10px;
        border-bottom: 1px solid #444;
    }

        .pp-the-curators-list .pp-the-curators-detail-n-action:last-child {
            border-bottom: none;
        }

        .pp-the-curators-list .pp-the-curators-detail-n-action .curator-user-img {
            width: 40px;
            height: 40px;
        }

            .pp-the-curators-list .pp-the-curators-detail-n-action .curator-user-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 50%;
            }

        .pp-the-curators-list .pp-the-curators-detail-n-action .curator-name {
            margin-left: 10px;
            color: #fff;
            cursor: pointer;
        }

            .pp-the-curators-list .pp-the-curators-detail-n-action .curator-name:hover {
                color: #fff;
            }

        .pp-the-curators-list .pp-the-curators-detail-n-action .pp-curator-opt span {
            padding: 5px 0px 5px 5px;
        }

            .pp-the-curators-list .pp-the-curators-detail-n-action .pp-curator-opt span:hover i {
                color: #ECC309;
            }

        .pp-the-curators-list .pp-the-curators-detail-n-action .pp-curator-opt .pp-curator-opt-list {
            padding-left: 0;
            position: absolute;
            top: 0;
            right: 15px;
            list-style: none;
        }

            .pp-the-curators-list .pp-the-curators-detail-n-action .pp-curator-opt .pp-curator-opt-list li {
                display: flex;
                align-items: center;
                padding: 5px;
                background: #ff0000;
            }

                .pp-the-curators-list .pp-the-curators-detail-n-action .pp-curator-opt .pp-curator-opt-list li:hover {
                    background: #D61F0A;
                    cursor: pointer;
                    color: #fff;
                }


.editor-list-modal-popup .pp-the-curators-detail-n-action .curator-name {
    color: #000;
}

.editor-list-modal-popup .pp-the-curators-detail-n-action .pp-curator-opt {
    color: #000;
}

.editor-list-modal-popup .pp-the-curators-list .pp-the-curators-detail-n-action .pp-curator-opt .pp-curator-opt-list li {
    background: #D61F0A;
    cursor: pointer;
    color: #fff;
}

.v-blogpost-dropdown {
    position: relative;
    min-width: 250px;
}

    .v-blogpost-dropdown .dropdown-list {
        padding: 15px;
        background: #fff;
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        border: 1px solid rgba(0, 0, 0, .2);
        max-height: 223px;
        overflow-y: auto;
        background: #fff;
        display: none;
        z-index: 10;
        margin-left: 20px;
    }

    .v-blogpost-dropdown .checkbox {
        opacity: 0;
        transition: opacity 0.2s;
    }

    .v-blogpost-dropdown .dropdown-label {
        display: block;
        height: 38px;
        font-size: 16px;
        line-height: 38px;
        background: transparent;
        border: 1px solid #fff;
        padding: 0 40px 0 20px;
        cursor: pointer;
        position: relative;
        margin-bottom: 0;
        margin-left: 20px;
    }

        .v-blogpost-dropdown .dropdown-label:before {
            content: '▼';
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            transition: transform 0.25s;
            transform-origin: center center;
        }

    .v-blogpost-dropdown.open .dropdown-list {
        display: block;
    }

    .v-blogpost-dropdown.open .checkbox {
        transition: 2s opacity 2s;
        opacity: 1;
    }

    .v-blogpost-dropdown.open .dropdown-label:before {
        transform: translateY(-50%) rotate(-180deg);
    }

.v-blogpost-checkbox {
    margin-bottom: 10px;
}

    .v-blogpost-checkbox:last-child {
        margin-bottom: 0;
    }

    .v-blogpost-checkbox .checkbox-custom {
        display: none;
    }

    .v-blogpost-checkbox .checkbox-custom-label {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
    }

    .v-blogpost-checkbox .checkbox-custom + .checkbox-custom-label:before {
        content: '';
        background: transparent;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        text-align: center;
        width: 20px;
        height: 20px;
        border: 1px solid rgba(0, 0, 0, .3);
        border-radius: 2px;
        margin-top: -2px;
    }

    .v-blogpost-checkbox .checkbox-custom:checked + .checkbox-custom-label:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 7px;
        height: 12px;
        padding: 2px;
        transform: rotate(45deg);
        text-align: center;
        border: solid #000;
        border-width: 0 2px 2px 0;
    }

    .v-blogpost-checkbox .checkbox-custom-label {
        line-height: 16px;
        font-size: 16px;
        margin-right: 0;
        margin-left: 0;
        color: black;
    }

.the-editor-container {
    margin: 10px 15px 10px 0px;
}

.common-card.item.feature-section .feature-section-inner-content .feature-card-deatails .owner-of-the-img {
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    border-radius: 50%;
}

    .common-card.item.feature-section .feature-section-inner-content .feature-card-deatails .owner-of-the-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

.carousel-wrap .owl-carousel .item .feature-section-inner-content .feature-card-deatails .other-detail-of-circle-onhover {
    margin-top: 20px;
}

    .carousel-wrap .owl-carousel .item .feature-section-inner-content .feature-card-deatails .other-detail-of-circle-onhover .owner-name {
        width: auto;
        color: #fff;
        margin: 0 0 0 10px;
    }

    .carousel-wrap .owl-carousel .item .feature-section-inner-content .feature-card-deatails .other-detail-of-circle-onhover .circle-hover-intro {
        height: auto;
        margin-top: 5px;
        white-space: normal;
    }

        .carousel-wrap .owl-carousel .item .feature-section-inner-content .feature-card-deatails .other-detail-of-circle-onhover .circle-hover-intro span {
            word-break: break-all;
        }

.show-more-btn-allpages {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.circle-social-media-icon {
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 10px;
    list-style: none;
    justify-content: center;
}

    .circle-social-media-icon li {
        margin-bottom: 10px;
        margin-right: 10px;
    }

        .circle-social-media-icon li a {
            display: flex;
            position: relative;
            margin: 0 auto 0 auto;
            border-radius: 50%;
            text-align: center;
            width: 30px;
            height: 30px;
            font-size: 15px;
            -webkit-transition: all 0.6s;
            transition: all 0.6s;
            background-color: #333;
            text-decoration: none;
            justify-content: center;
            align-items: center;
            color: #fff;
        }

            .circle-social-media-icon li a i {
                margin: 0;
                line-height: 30px;
                text-align: center;
                color: #595959;
            }

            .circle-social-media-icon li a:hover {
                transform: translateY(-7px);
            }

        .circle-social-media-icon li.facebook a {
            background: #3b5998;
        }

        .circle-social-media-icon li.twitter a {
            background: #34B7F1;
        }

        .circle-social-media-icon li.instagram a {
            background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
        }

        .circle-social-media-icon li.linkedin a {
            background: #0A66C2;
        }

        .circle-social-media-icon li.telegram a {
            background: #0088cc;
        }

        .circle-social-media-icon li.whatsapp a {
            background: #25D366;
        }

        .circle-social-media-icon li.pinterest a {
            background: #E60023;
        }

.mark-as-announcement {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

    .mark-as-announcement input[type=checkbox] {
        height: 20px;
        width: 20px;
        cursor: pointer;
    }

div.slideouticons {
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    z-index: 10;
}

    div.slideouticons input {
        display: none;
    }

    div.slideouticons label.mainlabel {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        font-size: 16px;
        width: 30px;
        height: 30px;
        text-align: center;
        color: white;
        background: #0666F1;
        border-radius: 50%;
        outline: none;
        z-index: 100000;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        margin-bottom: 0;
    }

.socialiconssharepost ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    width: 100%;
}

    .socialiconssharepost ul li {
        width: 30px;
        height: 30px;
        margin: 0 5px;
    }

        .socialiconssharepost ul li.facebook a {
            background: #3b5998;
        }

        .socialiconssharepost ul li.twitter a {
            background: #34B7F1;
        }

        .socialiconssharepost ul li.instagram a {
            background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
        }

        .socialiconssharepost ul li.linkedin a {
            background: #0A66C2;
        }

        .socialiconssharepost ul li.telegram a {
            background: #0088cc;
        }

        .socialiconssharepost ul li.whatsapp a {
            background: #25D366;
        }

        .socialiconssharepost ul li.pinterest a {
            background: #E60023;
        }

        .socialiconssharepost ul li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            color: white;
            text-decoration: none;
            text-align: center;
            font-size: 16px;
            width: 100%;
            height: 100%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center;
            background: #537487;
            text-decoration: none;
            border-radius: 50%;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

            .socialiconssharepost ul li a:hover {
                transform: translateY(-10px);
            }

.input-width {
    width: calc(100% - 90px);
}



.interested-category-btnsinterest {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 190px;
    overflow: auto;
    margin: 15px 0px 0px;
}

    .interested-category-btnsinterest .tags-btn-right-side {
        font-size: 14px;
        padding: 5px 13px;
        background: #fff;
        border-radius: 25px;
        margin-right: 3px;
        white-space: nowrap;
        margin-bottom: 3px;
        border: 1px solid transparent;
        color: #000;
    }

        .interested-category-btnsinterest .tags-btn-right-side.active {
            background: #0666F1;
            border: 1px solid transparent;
            color: #fff;
            cursor: pointer;
            font-weight: 600;
        }

            .interested-category-btnsinterest .tags-btn-right-side.active:hover {
                cursor: pointer;
                font-weight: 600;
                background: #0666F1;
            }

        .interested-category-btnsinterest .tags-btn-right-side:hover {
            cursor: pointer;
            background: #fff;
            font-weight: 600;
        }

        .interested-category-btnsinterest .tags-btn-right-side:focus {
            outline: none;
        }

    .interested-category-btnsinterest .button {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        max-height: 190px;
        overflow: auto;
        margin: 15px 0px 0px;
    }

.attached-image-preview {
    position: relative;
    width: 320px;
    margin-left: 45px;
    margin-top: 20px;
    background: #fff;
    border: 2px solid #b1b1b1;
}

    .attached-image-preview img {
        width: 100%;
    }

    .attached-image-preview .remove-attached-selectedimg {
        background: #fff;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        position: absolute;
        top: -10px;
        right: -15px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #ff0000;
        box-shadow: 0px 0px 10px #b1b1b1;
        cursor: pointer;
    }

.commented-image-preview {
    position: relative;
    width: 320px;
    margin-top: 10px;
    background: #fff;
    border: 2px solid #b1b1b1;
}

    .commented-image-preview img {
        width: 100%;
    }

.readmore-blogdescription {
    margin: 0 5px;
}

.readmore-trendingblog {
    color: #fff;
}

.no-blogs-display {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 20px;
    background: #1a1a1a;
    margin-right: 15px;
    margin-top: 10px;
}

.create-blogpost-btn-mobile {
    display: none;
}
/* Width height css starts here */

.video-h-and-w, .image-h-and-w {
    height: 420px;
    width: 100%;
}

.h-100 {
    width: 100% !important;
}

.w-100 {
    width: 100% !important;
}

/* Width height css ends here */

/* Vilazia map page range slider starts here */

.v-input-range-price-lot .wrap::before, .v-input-range-price-lot .wrap::after, input[type='range'] {
    grid-column: 2;
    grid-row: 2;
    place-self: center;
    width: var(--track-w);
    pointer-events: none;
}

.v-input-range-price-lot {
    --hl: 0;
    --nothl: calc(1 - var(--hl));
    margin: 0;
    padding: 0;
    background: none;
    font: inherit;
}

.v-input-range-price-lot {
    --i: var(--wide, 1);
    --j: var(--narr, 0);
    --notj: calc(1 - var(--j));
    color: #fff;
}

    .v-input-range-price-lot .wrap {
        --u: calc(var(--notj)*1.25rem + var(--j)*10vw);
        --n-cols: calc(var(--max) + 1);
        --middl-w: calc(var(--n-cols)*var(--u));
        --track-w: calc(var(--middl-w) - var(--u) + 1.25rem);
        --m: calc(.5*(var(--a) + var(--b)));
        display: grid;
        grid-auto-flow: row dense;
        grid-template-rows: 1rem max-content 1rem;
        grid-template-columns: var(--label-w) var(--middl-w) var(--label-w);
        filter: brightness(0.8);
    }

        .v-input-range-price-lot .wrap::before, .v-input-range-price-lot .wrap::after {
            z-index: -1;
            height: 0.25rem;
            border-radius: 1rem;
            content: "";
        }

        .v-input-range-price-lot .wrap::before {
            background: linear-gradient(#fc3b3b, #e60023);
        }

        .v-input-range-price-lot .wrap::after {
            background: #ecebe9;
            --mask: linear-gradient(90deg, #fc3b3b calc(0.75rem + var(--a)*var(--u)), transparent 0), linear-gradient(90deg, #fc3b3b calc(0.75rem + var(--b)*var(--u)), transparent 0);
            -webkit-mask: var(--mask);
            -webkit-mask-composite: xor;
            mask: var(--mask);
            mask-composite: exclude;
        }

        .v-input-range-price-lot .wrap:focus-within {
            filter: none;
        }

    .v-input-range-price-lot .sr-only {
        position: absolute;
        clip-path: inset(50%);
    }

    .v-input-range-price-lot input[type='range'] {
        min-height: 1.25rem;
        height: 0.25rem;
        background: none;
    }

        .v-input-range-price-lot input[type='range'],
        .v-input-range-price-lot input[type='range']::-webkit-slider-thumb,
        .v-input-range-price-lot input[type='range']::-webkit-slider-runnable-track {
            -webkit-appearance: none;
        }

            .v-input-range-price-lot input[type='range']::-webkit-slider-runnable-track {
                border: none;
                padding: 0;
                width: 100%;
                height: 0.5rem;
                background: none;
                color: transparent;
            }



            .v-input-range-price-lot input[type='range']::-ms-track {
                border: none;
                padding: 0;
                width: 100%;
                height: 0.5rem;
                background: none;
                color: transparent;
            }

            .v-input-range-price-lot input[type='range']::-ms-fill-lower {
                display: none;
            }

            .v-input-range-price-lot input[type='range']::-webkit-slider-thumb {
                box-sizing: border-box;
                margin-top: calc(.3*(1rem - 1.5rem));
                border: none;
                width: 0.75rem;
                height: 0.75rem;
                border-radius: 50%;
                box-shadow: 0 1px 0.125em rgba(174, 114, 90, 0.5), 0 1px 0.25em rgba(174, 114, 90, 0.5);
                background: #eae9ea;
                transition: none;
                pointer-events: auto;
                cursor: pointer;
            }



            .v-input-range-price-lot input[type='range']::-ms-thumb {
                box-sizing: border-box;
                margin-top: 0;
                border: none;
                width: 0.75rem;
                height: 0.75rem;
                border-radius: 50%;
                box-shadow: 0 1px 0.125em rgba(174, 114, 90, 0.5), 0 1px 0.25em rgba(174, 114, 90, 0.5);
                background: #eae9ea;
                transition: none;
                pointer-events: auto;
                cursor: pointer;
            }

            .v-input-range-price-lot input[type='range'] + [for] {
                display: grid;
                justify-self: start;
                margin-left: calc(.5*var(--u));
                padding-bottom: .75rem;
                transform: translate(calc(var(--c)*var(--u) - 50%));
            }

                .v-input-range-price-lot input[type='range'] + [for]::after {
                    display: block;
                    padding: .25em .75em;
                    transform-origin: 50% 100%;
                    transform: scale(var(--hl));
                    border-radius: .25em;
                    opacity: var(--hl);
                    transition: .3s ease-out;
                    transition-property: transform, opacity;
                    background: #000;
                }

            .v-input-range-price-lot input[type='range'], .v-input-range-price-lot input[type='range'] + [for] {
                grid-column: 2;
            }

                .v-input-range-price-lot input[type='range']:focus {
                    outline: solid 0 transparent;
                }

                    .v-input-range-price-lot input[type='range']:focus, .v-input-range-price-lot input[type='range']:focus + [for] {
                        --hl: 1;
                    }

    .v-input-range-price-lot output[for] {
        grid-row: 1;
        font-size: 0.75em;
        font-weight: 600;
        counter-reset: lbl var(--lbl);
    }

        .v-input-range-price-lot output[for]:after {
            content: "P " counter(lbl);
        }

        .v-input-range-price-lot output[for] + output[for] {
            --k: var(--parity, 1);
            --notk: calc(1 - var(--k));
            --sgnk: calc(1 - 2*var(--k));
            grid-column: calc(2*var(--notk) + 1);
            align-self: center;
            justify-self: var(--parity, end);
            overflow: hidden;
            grid-row-end: span 3;
            opacity: calc(4*var(--sgnk)*(var(--c) - var(--m)) + 1);
            color: rgba(255, 255, 255, calc(var(--i)));
        }

        .v-input-range-price-lot output[for]:nth-of-type(3n) {
            --parity: 0;
        }

    .v-input-range-price-lot output[for='a'] {
        --c: var(--a);
        --lbl: var(--lbl-a);
    }

    .v-input-range-price-lot output[for='b'] {
        --c: var(--b);
        --lbl: var(--lbl-b);
    }

    .v-input-range-price-lot datalist {
        display: grid;
        grid-auto-flow: column;
        grid-row: 3;
        place-self: start stretch;
        width: var(--middl-w);
    }

    .v-input-range-price-lot option {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: var(--u);
        font-size: 14px;
        text-align: center;
        color: #fff;
    }

        .v-input-range-price-lot option::before {
            align-self: center;
            width: 2px;
            height: .25rem;
            box-shadow: inset -1px 0 1px #fc7777;
            background: #9b2f0b;
            content: "";
        }

        .v-input-range-price-lot option:not(:nth-child(3n + 1)) {
            color: #fff;
        }

.myworld-user-banner-title {
    font-size: 22px;
    margin-bottom: 4px;
    cursor: pointer;
}

.myWorldCredentials i, .myWorldInvestment i, #Communitymyworld i {
    font-size: 10px;
    padding-right: 5px;
    color: rgb(238, 238, 238);
}

.follow-n-following-myprofile {
    padding: 0 15px;
    display: inline-block;
    color: #000;
    background: #fff;
    border-radius: 50px;
}

.counting-pills a:hover .follow-n-following-myprofile {
    background: #ECC309;
}


.outer-citizenship-back-card {
    width: 2px;
    height: 53%;
    margin: auto;
    position: absolute;
    overflow: hidden;
    left: 50%;
}

.inner-citizenship-back-card {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 3%;
}

.sameprofile {
    height: 38px;
}

.signuppagedob {
    padding: 0 12px;
}

    .signuppagedob #DOBMonth, .signuppagedob #DOBYear {
        background: transparent;
        border: 0;
        color: #fff;
        border-bottom: 2px solid #666;
    }

        .signuppagedob #DOBMonth:focus, .signuppagedob #DOBYear:focus {
            outline: none;
            box-shadow: none;
        }

    .signuppagedob select option {
        color: #000;
    }

.fade-icon {
    background: #abb0bb !important;
}

.maintain-neighborhood-popup-edit {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #387fe5;
    cursor: pointer;
}

.no-data-found-block {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(44,44,44);
    color: #fff;
}

.userProfileCardRow {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-right: -15px;
    margin-left: -15px;
}

    .userProfileCardRow li {
        width: 12.444447%;
        flex: 0 0 12.444447%;
        max-width: 12.444447%;
        padding-right: 15px;
        padding-left: 15px;
        position: relative;
        width: 100%;
    }

.userProfileCard {
    background: #fff;
    text-align: center;
    position: relative;
    height: 100%;
}

    .userProfileCard .tooltip-r {
        position: absolute;
    }

    .userProfileCard .follower-banner {
        width: 100%;
        height: 120px;
    }

        .userProfileCard .follower-banner img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

    .userProfileCard .userProfileCard-userImg {
        width: 100px;
        height: 100px;
        position: absolute;
        top: 60px;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        left: 50%;
        z-index: 1;
    }

        .userProfileCard .userProfileCard-userImg img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
            border: 3px solid #fff;
            min-height: 100px;
            min-width: 100px;
        }

            .userProfileCard .userProfileCard-userImg img:hover {
                border: 3px solid #ECC309;
                cursor: pointer;
            }

    .userProfileCard .userProfile-details {
        padding: 45px 10px 20px;
        position: relative;
    }

        .userProfileCard .userProfile-details .userProfileCard-rating {
            position: absolute;
            left: 5px;
            top: 5px;
            background: rgba(0,0,0,0.5);
            border-radius: 25px;
            padding: 0px 5px;
            color: #fff;
            font-size: 14px;
        }

        .userProfileCard .userProfile-details .userProfileCard-rating-sample {
            background: rgba(0,0,0,0.5);
            border-radius: 25px;
            padding: 0px 5px;
            color: #fff;
            font-size: 14px;
            width: fit-content;
            margin: auto;
            margin-bottom: 10px;
        }

        .userProfileCard .userProfile-details .userName {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 0;
            color: #000;
            line-height: 1;
        }

        .userProfileCard .userProfile-details a.participant-name {
            font-size: 18px;
            font-weight: 600;
            color: #000;
        }

    .userProfileCard .follower-details a.participant-name:hover {
        text-decoration: underline;
        -webkit-text-decoration-color: #ECC309;
        text-decoration-color: #ECC309;
    }

.userProfile-rating-star {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 500;
}


.userList {
    height width:250px;
}

.profilecard-grid-wrapper {
    --auto-grid-min-size: 210px;
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    list-style: none;
}

.profilecard-lot-detail {
    --auto-grid-min-size: 195px;
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    list-style: none;
}

.main-container {
    margin: 0 auto;
}

.allcard-grid-wrapper {
    --auto-grid-min-size: 244px;
    display: grid;
    grid-gap: 1rem !important;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    list-style: none;
}


.show-enlarge-img {
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .show-enlarge-img .overlay-enlarge-img {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.66);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2
    }

    .show-enlarge-img .img-show-enlarge {
        width: 600px;
        height: 400px;
        background: #FFF;
        position: fixed;
        bottom: 0;
        overflow: hidden;
        z-index: 2;
        top: 25%;
    }

.img-show-enlarge span {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 100;
    cursor: pointer;
    color: #000;
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.img-show-enlarge img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}






.show-people-enlarge-img {
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

    .show-people-enlarge-img .overlay-enlarge-img {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.66);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2
    }

    .show-people-enlarge-img .img-show-enlarge-one {
        width: 600px;
        height: 400px;
        background: #FFF;
        position: fixed;
        bottom: 0;
        overflow: hidden;
        z-index: 2;
        top: 25%;
    }

.img-show-enlarge-one span {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 100;
    cursor: pointer;
    color: #000;
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.img-show-enlarge-one img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.lot-result {
    height: calc(100vh - 550px);
    overflow: auto;
}

.asset-author-img-map {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 10px #100c0c;
    border-radius: 50%;
    z-index: 1;
}

    .asset-author-img-map img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

.asset-user-img-map {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    box-shadow: 0 0 10px #100c0c;
    border-radius: 50%;
    z-index: 1;
}

    .asset-user-img-map img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

/*End style*/
.followers-following-detail.follow-and-following-tabs {
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    list-style: none;
}

    .followers-following-detail.follow-and-following-tabs li p {
        margin-bottom: 0;
    }

        .followers-following-detail.follow-and-following-tabs li p:nth-child(2) {
            border: 1px solid;
            border-radius: 25px;
            font-size: 14px;
            font-weight: 500;
            width: 50px;
            margin: 5px auto;
        }

.locationFetchIcon {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    cursor: pointer;
    font-size: 18px;
}

.noitems-block {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #444;
}

.editLotPresenatationURL {
    background: #0666F1;
    color: #fff;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
}

.removeLotPresenatationURL {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff0000;
    margin-left: 10px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

#lotPresenationURLPopup {
    z-index: 1051;
}

.skipStepPostPage {
    width: 50%;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-weight: 500;
    border: 1px solid #fff;
    padding: 6px 20px;
    font-weight: 600;
}

    .skipStepPostPage:hover {
        color: #ECC309;
        border: 1px solid #ECC309;
    }

.btn-subscribe-theEditor {
    background: #7b8499;
    color: #fff;
    border-radius: 25px;
}

    .btn-subscribe-theEditor:hover {
        color: #fff;
    }

.searchBlogInput {
    background: transparent;
    border: 0;
    color: #fff;
    margin-left: 8px;
    width: 100%;
}

.about-lot-detail {
    background: rgba(44,44,44);
    color: #fff;
    padding: 15px 20px;
    margin-top: 15px;
}

.about-lot-detail-box span {
    font-size: 18px;
    font-weight: 600;
}

.about-lot-detail-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

    .about-lot-detail-list li {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

        .about-lot-detail-list li p {
            margin-bottom: 0;
        }

            .about-lot-detail-list li p:first-child {
                margin-right: 5px;
            }

            .about-lot-detail-list li p:nth-child(2) {
                margin-left: 5px;
            }

.chatAlertMessage p {
    margin-bottom: 0;
}

.chatAlertMessage ul {
    padding-left: 20px;
    list-style: disc;
    margin-bottom: 0
}

#addPressEditorModalPopupBody .post-curator-action input[type = "button"] {
    color: #000;
    border: 1px solid #ccc;
}

#addPressEditorModalPopupBody .post-curator-subscribe-list .post-curator-title-description h6 {
    color: #000;
}

#addPressEditorModalPopupBody .post-curator-subscribe-list .post-curator-checkbox input[type=checkbox] {
    border: 1px solid #ccc;
}

#addInterestTagsModalPopupBody h1, #addInterestTagsModalPopupBody p, #addInterestTagsModalPopupBody .interested-category-btns .button {
    color: #000;
}

.widgetDisplayNone {
    display: none;
}

.editorWidgetDisplayNone {
    display: none;
}
/*For Permalink CSS*/
.blog-details-nav .navbar-top {
    background-color: rgba(0,0,0,0.9);
    min-height: 80px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 25px;
    position: fixed;
    z-index: 1;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .blog-details-nav .navbar-top .logo1 {
        width: 40px;
    }

.blog-details {
    margin-top: 25px;
}

.blog-details-img .blogposted-by-userimg {
    width: 40px;
    height: 40px;
}

    .blog-details-img .blogposted-by-userimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

.blog-details-img .blogposted-by-username {
    color: #404040;
    margin-left: 10px;
    font-weight: 600;
}

.blog-details-img .blog-details-img {
    font-size: 12px;
    color: #000;
    margin-bottom: 0;
    margin-left: auto;
    font-weight: 600;
}

.blog-details-img .blogposted-time span {
    color: #000;
    font-size: 14px;
    background: #e5e5e5;
    border-radius: 25px;
    padding: 5px 15px;
    font-weight: 600;
}

.editBlogPostTags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    border: 1px solid #ced4da;
    padding: 10px 5px;
}

    .editBlogPostTags li {
        background: #fff;
        border-radius: 25px;
        padding: 3px 15px;
        border: 1px solid #000;
        font-size: 14px;
        margin: 0 5px 5px;
        color: #000;
        cursor: pointer;
    }

        .editBlogPostTags li.active {
            background: #0666F1;
            border: 1px solid transparent;
            color: #fff;
        }

.blog-post-img .blogposted-by-userimg {
    width: 40px;
    height: 40px;
}

    .blog-post-img .blogposted-by-userimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

.blog-post-img .blogposted-by-username {
    color: #404040;
    margin-left: 10px;
    font-weight: 600;
}

.blog-post-img .blogposted-time span {
    position: absolute;
    top: 15px;
    color: #000;
    font-size: 14px;
    background: #e5e5e5;
    border-radius: 25px;
    padding: 5px 15px;
    font-weight: 600;
    right: 55px;
}


/* Ribbion for make an offer at assets */

/*.makeanoffer-ribbon::before {
    position: absolute;
    top: 2rem;
    right: -0.5rem;
    content: '';
    background: #283593;
    height: 28px;
    width: 28px;
    transform: rotate(45deg);
}*/

.makeanoffer-ribbon::after {
    position: absolute;
    content: attr(data-label);
    bottom: 50px;
    font-size: 14px;
    right: 0;
    padding: 5px;
    width: 50%;
    background: rgba(0,98,204,0.8);
    color: white;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    box-shadow: 4px 4px 15px rgba(26, 35, 126, 0.2);
    cursor: pointer;
}

.assets-status-ribbon::after {
    position: absolute;
    content: attr(data-label);
    bottom: 50px;
    font-size: 14px;
    right: 0;
    padding: 5px;
    width: 35%;
    background: rgba(236,195,9,0.8);
    color: #000;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    box-shadow: 4px 4px 15px rgba(26, 35, 126, 0.2);
    cursor: pointer;
}
/*For CitizenshipLink*/
.view-citizenship-card .front {
    width: 410px;
}

.view-citizenship-container .citizenship-card {
    width: 100vw;
    height: calc(100vh - 150px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-btn .modal-header .close {
    margin: 0;
    padding: 1rem 0.5rem;
}

.forcheck-card {
    font-size: 20px;
    margin: 10px 0;
    text-transform: capitalize;
    font-weight: 700;
    white-space: nowrap;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*For Map Buyer table*/
.map-buyer-table {
    position: absolute;
    right: 50px;
    top: 50px;
}

.dataassets {
    background: #2c2c2c;
    padding: 6px;
}

    .dataassets h3 {
        margin-bottom: 0px;
    }

.custom-slider-height {
    height: 270px
}
/*For map slider*/
.map-modal-nav-tabs .nav-tabs {
    border-bottom: none;
}

.map-modal-nav-tabs .nav-item .nav-link.active {
    background: transparent;
    border-bottom: 2px solid #ecc309;
    color: #ecc309;
    border-color: transparent;
}

.map-modal-nav-tabs .nav-tabs .nav-item .nav-link:hover {
    border-color: transparent;
    color: #ecc309;
}
/*For Products subcategory*/
.noofitems-ribbon::after {
    position: absolute;
    content: attr(data-label);
    bottom: 235px;
    right: 3;
    font-size: 14px;
    padding: 5px 10px;
    width: auto;
    background: rgb(116 125 135 / 40%);
    color: white;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    box-shadow: 4px 4px 15px rgba(26, 35, 126, 0.2);
    cursor: pointer;
    z-index: 9;
}

/*new css*/

.footer_img-align {
    height: 100%;
    width: 56%;
    margin-left: 16px;
}

.read_more-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .footer-pad p#AboutUsHeaderText {
    max-height: 116px;
    overflow: hidden;
    line-height: 24px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
    text-overflow: ellipsis;
}

.btn-align-editor-post {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: nowrap;
}

    .btn-align-editor-post li {
        width: -webkit-fill-available;
        text-align: center;
    }

        .btn-align-editor-post li .nav-pills, .btn-align-editor-post li .nav-link {
            background: #ddd;
            color: #000;
        }

.circle-image img {
    width: 70px;
    height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-left: 100px;
}


.notification-circle-invite img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    margin-left: 105%;
    margin-top: -60px;
}

.user-load-more {
    display: none;
}

#loadMore {
    width: 200px;
    color: #fff;
    display: block;
    text-align: center;
    margin: 20px auto;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    background-color: #007BFF;
    transition: .3s;
}

    #loadMore:hover {
        color: #007BFF;
        background-color: #fff;
        border: 1px solid blue;
        text-decoration: none;
    }

.notification-circle-invite img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    margin-left: 105%;
    margin-top: -60px;
}

.blog-post {
    color: #007bff !important;
}

.citizenship-type {
    margin-left: 96px !important;
    font-weight: 500;
    font-size: 11.1px;
}

.account-setting img {
    max-width: 345px;
}

video.loginBGVideo {
    background-color: black;
    width:100%;
}

.verified-citizenship .fa-check-background-np {
    background: #f1c906;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 5px;
    color: #fff;
    margin-top: 15px;
}
.userUpdateEmailGetOtp input{
    width: calc(100% - 90px) !important;
    margin-right: 5px;
}
.about-vilazia-page-sec {
    background-color: black !important;
}
.vilazia-logo-about img {
    height: auto;
}

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