/*-------------------------------------------------
 =  Table of CSS
	1.All Pages Common CSS Styles
    2.
-------------------------------------------------*/
/*-------------------------------------------------*/
/* =  1.All Pages Common CSS Styles
/*-------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=Quicksand:wght@500;600;700&display=swap');

p, a, span, li, label, tr, td, a, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, summary, input, textarea, select {
    font-family: 'Poppins', sans-serif;
}
.toppopup-img {
    width: 70px;
    margin: 4% auto 0% auto;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
    font-family: 'Quicksand', sans-serif;
}

ul {
    padding: 0px;
    margin: 0px;
}

li {
    list-style-type: none;
}

* {
    box-sizing: border-box;
}
/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+000-5FF;
    src: url(icon.woff2) format("woff2")
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

:before {
    font-family: "Material Icons";
    position: absolute;
    font-size: 18px;
    color: #9d9a98;
    font-weight: 500;
}

:after {
    font-family: "Material Icons";
    position: absolute;
    font-size: 18px;
    color: #6a717f;
    font-weight: 500
}

a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}

    a:hover {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        text-decoration: none;
    }

.ic-pho:before {
    content: "local_phone";
}

.ic-eml:before {
    content: "mail";
}

.ic-web:before {
    content: "language";
}

.ic-map:before {
    content: "location_on";
}

.ic-pho:before {
    content: "phone";
}

.ic-user:before {
    content: "person";
}

.addr:before, .pho:before, .mail:before {
    /* position: absolute; */
    /* width: 18px; */
    /* height: 18px; */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    font-size: 20px;
}

.addr:before {
    content: 'location_on';
    margin: -3px 0px 0px -28px;
}

.pho:before {
    content: 'phone_iphone';
    margin: -4px 0px 0px -27px;
}

.mail:before {
    content: 'mail_outline';
    margin: -4px 0px 0px -28px;
}
/*-------------------------------------------------*/
/* =  2.PRE LOADING
/*-------------------------------------------------*/
#preloader, #loadingmessage {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #143d4c9c;
    /* change if the mask should have another color then white */
    z-index: 99999;
    /* makes sure it stays on top */
}

#status, #loadingmessage1 {
    position: absolute;
    left: 47%;
    top: 32%;
    border: 5px solid #e0ebf4;
    border-radius: 50%;
    border-top: 5px solid #03A9F4;
    width: 90px;
    height: 90px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.status_message {
    background: #21d78d;
    padding: 10px 40px;
    border-radius: 0 0 5px 5px;
    display: table;
    margin: 0 auto;
    box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease;
    position: fixed;
    top: 0px;
    z-index: 22;
    left: 0px;
    width: 100%;
    text-align: center;
    background: linear-gradient(to top,#0cc87c,#21d78d 70%);
    color: #fff;
    font-size: 13.5px;
}

label.error {
    color: #ff1d1d;
    font-size: 12px;
    margin-bottom: 0px;
}

.spa-first-review {
    border: 1px solid #d3e0e9;
    border-radius: 4px;
    background: #f0f9ff;
    padding: 20px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
}

div#review_success {
    border: 1px solid #91ff94;
    border-radius: 4px;
    background: #e5ffe5;
    padding: 20px;
    margin: 15px;
    float: left;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 17px;
    color: #007c03;
}

#home_enq_success {
    background: #e1ffec;
    border: 1px solid #6acc8e;
    padding: 7px;
}

    #home_enq_success p {
        color: #1ca54e;
        margin: 0px;
        font-size: 13px;
        font-weight: 500;
    }

.log p {
}

.login-reg .log p {
}

.log-suc p {
    border: 1px solid #d3e9d7;
    border-radius: 4px;
    background: #f0fff5;
    padding: 8px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
    color: #1a863e;
    font-size: 12px;
    font-weight: 500;
}

.log-error p {
    border: 1px solid #e9d3d3;
    border-radius: 4px;
    background: #fff2f0;
    padding: 20px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
    color: #861a1a;
}

div#event_detail_enq_success p {
    border: 1px solid #1e910a;
    border-radius: 4px;
    background: #1e700f;
    padding: 15px;
    margin: 15px 0px;
    float: left;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 12px;
    color: #ffffff;
}

.lhs-cate .dropdown select {
    background: #e8eaed;
    border: 0px;
    font-size: 15px;
    padding: 12px 18px;
    color: #0a0a0b;
    width: 100%;
    border-radius: 5px;
    font-weight: 500;
    float: left;
}

.hm3-auto-ban {
    position: relative;
}

    .hm3-auto-ban .lhs {
        float: left;
        width: 60%;
        padding: 90px 50px 0px 100px;
        position: relative;
        color: #fff;
    }

        .hm3-auto-ban .lhs span {
            /* background: #1d9ad6; */
            color: #44b2f3;
            font-size: 14px;
            font-weight: 500;
            padding: 0px 6px;
        }

        .hm3-auto-ban .lhs h1 {
            font-family: 'Poppins';
            font-weight: 700;
            font-size: 56px;
            line-height: 60px;
        }

            .hm3-auto-ban .lhs h1 b {
                color: #44b2f3;
            }

        .hm3-auto-ban .lhs h4 {
        }

        .hm3-auto-ban .lhs p {
            padding-bottom: 15px;
        }

        .hm3-auto-ban .lhs a {
            background: #fba304;
            color: #000;
            padding: 10px 30px 10px 30px;
            border-radius: 5px;
            border: 1px solid #fba304;
            display: inline-block;
            font-weight: 600;
        }

            .hm3-auto-ban .lhs a:hover {
                background: #f7b846;
                border: 1px solid #f7b846;
                box-shadow: 0px 4px 20px -4px #15212f;
            }

    .hm3-auto-ban .rhs {
        float: left;
        width: 40%;
        padding: 0px 100px 0px 0px;
        position: relative;
    }

        .hm3-auto-ban .rhs .hom-col-req {
            margin: 0px;
            box-shadow: 0 -7px 18px -5px rgb(0 0 0 / 76%);
            border-radius: 0px;
            background: url(../images/city-bg.png) no-repeat #fff;
            background-position: right bottom;
            background-size: 100%;
        }

            .hm3-auto-ban .rhs .hom-col-req form {
                padding: 15px 35px 30px 35px;
            }

            .hm3-auto-ban .rhs .hom-col-req h4 {
                color: #000;
                font-size: 18px;
                font-family: 'Poppins';
                line-height: 30px;
                font-weight: 600;
            }

            .hm3-auto-ban .rhs .hom-col-req input, .hm3-auto-ban .rhs .hom-col-req select, .hm3-auto-ban .rhs .hom-col-req textarea {
                font-family: 'Poppins';
                font-size: 13px;
            }

            .hm3-auto-ban .rhs .hom-col-req input {
            }

            .hm3-auto-ban .rhs .hom-col-req select {
            }

            .hm3-auto-ban .rhs .hom-col-req textarea {
                height: 54px;
            }

            .hm3-auto-ban .rhs .hom-col-req button {
                font-size: 14px;
            }

    .hm3-auto-ban:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        background: linear-gradient(to right,#030b19d6,#00000024);
    }

/*-------------------------------------------------*/
/* = SEARCH RESULTS
/*-------------------------------------------------*/

.ser-head {
    margin-top: 55px;
    padding: 50px 0px 40px 0px;
    position: relative;
}

    .ser-head h2 {
    }

    .ser-head .ban-search {
        width: 55%;
        padding: 0px;
        background: none;
    }

        .ser-head .ban-search ul li.sr-sea {
            width: 100%;
            margin: 0px;
        }

            .ser-head .ban-search ul li.sr-sea:before {
                margin-top: 11px;
            }

        .ser-head .ban-search ul li input {
            border-radius: 50px;
            border: 1px solid #d5d5d5;
        }

        .ser-head .ban-search ul li.sr-btn {
            width: 20%;
            /* margin-left: -140px; */
            position: absolute;
            right: 5px;
            top: 4px;
        }

        .ser-head .ban-search ul li input[type="submit"] {
            height: 42px;
        }

.ser-re-hu {
    padding-bottom: 5px;
    color: #333;
}

.ser-re-cout {
    position: fixed;
    top: 70px;
    z-index: 9;
    background: #befbd1;
    width: 40%;
    text-align: center;
    border-radius: 4px;
    padding: 3px;
    color: #2d8c4a;
    font-size: 13px;
    border: 1px solid #81de9e;
    font-weight: 500;
    box-shadow: 0px 1px 15px -1px #3333334f;
}

.ser-resu {
}

    .ser-resu ul {
    }

        .ser-resu ul li {
            padding-bottom: 20px;
            float: left;
            width: 25%;
            border: 6px solid #3330;
        }

            .ser-resu ul li:hover .ser1 a { /* text-decoration: underline; */
                color: #1182dc;
            }

            .ser-resu ul li:hover .ser4 a {
                color: #38bc0d;
            }

            .ser-resu ul li:hover .ser2 {
                background: #38bc0d;
            }

.ser1 {
    float: left;
    width: 100%;
    padding: 15px;
}

    .ser1 a {
        font-size: 14px;
        font-weight: 600;
        color: #000000;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
        float: left;
        display: inline-block;
        width: 100%;
        line-height: 15px;
    }

.ser2 {
    font-size: 11.5px;
    background: #05b383;
    padding: 0px 5px;
    font-weight: 400;
    color: #fff;
    border-radius: 2px;
    position: absolute;
    top: 0px;
    left: 0px;
}

    .ser2.ser-ev {
        background: #caa10a;
        color: #fff;
    }

    .ser2.ser-bl {
        background: #0291d2;
    }

.ser3 {
    font-size: 14px;
    padding-top: 3px;
    display: none;
}

    .ser3 p {
        margin-bottom: 0px;
    }

.ser4 {
}

    .ser4 a {
        font-size: 13px;
        color: #ffffff00;
        text-decoration: underline;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        font-size: 0px;
    }

.smbox {
    /* margin: 15px; */
    border: 1px solid #f7f5f5;
    box-shadow: 0px 3px 13px -5px #3333333b;
    position: relative;
    float: left;
    width: 100%;
    transition: all 0.5s ease;
}

    .smbox:hover {
        transform: translateY(-6px);
        transition: all 0.5s ease;
        box-shadow: 0px 18px 26px -16px #333333e6;
    }

.ser0 {
}

    .ser0 img {
        width: 100%;
        height: 165px;
        border-radius: 0px;
        object-fit: cover;
    }
/*-------------------------------------------------*/
/* = 4.DESKTOP MENU
/*-------------------------------------------------*/
.menu {
    margin-right: 20px;
    float: left;
    margin-right: 20px;
    /* display: inline-block; */
    border-left: 1px solid #dee3e7;
    padding: 5px 5px 5px 12px;
    margin-left: 20px;
    margin-top: 20px;
    cursor: pointer;
    position: relative;
    margin-right: 35px;
}

    .menu:after, .pmenu-cat ul li a:before, .al:after {
        content: '';
        background: url('../images/icon/svg/down-arrow.svg');
        transition: all 0.5s ease;
    }

    .menu:after {
        color: #fff;
        right: -16px;
        top: 9px;
        width: 10px;
        height: 10px;
        filter: invert(1);
    }

    .menu.ani:after {
        transform: rotate(180deg);
    }

    .menu h4 {
        color: #fff;
        font-size: 13.5px;
        margin: 0px;
        font-weight: 700;
        /* text-transform: uppercase; */
    }

    .menu i {
        width: 32px;
        height: 32px;
        text-align: center;
        cursor: pointer;
        position: absolute;
        top: 8px;
        padding-top: 3px;
        border-radius: 50px;
        box-shadow: 0 0 0 rgb(66, 116, 235);
        animation: pulse 1.5s infinite;
        background: #4274eb;
        color: #ffffff;
        /* border: 1px solid #b2ddff; */
    }

    .menu .mopen {
        /* display: none;
     */
    }

.ad-head {
    transition: all 0.5s ease;
    padding: 5px 2%;
    position: fixed;
    top: 0px;
    z-index: 20;
    width: 100%;
    background: #fff;
    box-shadow: 0px 1px 16px -8px rgba(42, 42, 42, 0.8);
}

.pulse {
    box-shadow: 0 0 0 rgba(204,169,44, 0.4);
    animation: pulse 1.5s infinite;
}

    .pulse:hover {
        animation: none;
    }

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(178, 221, 255);
    }

    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(204,169,44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(178, 221, 255);
        box-shadow: 0 0 0 0 rgb(178, 221, 255);
    }

    70% {
        -moz-box-shadow: 0 0 0 15px rgba(204,169,44, 0);
        box-shadow: 0 0 0 15px rgba(204,169,44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

.pop-menu {
    width: 100%;
    background: #ffffff;
    position: absolute;
    overflow: hidden;
    z-index: 99;
    padding: 25px;
    box-shadow: 0px 15px 36px -12px rgba(0, 0, 0, 0.5);
    margin-top: 54px;
    left: 0px;
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(15px);
}

    .pop-menu:after {
        content: '';
        position: absolute;
        background: url(../images/city-bg.png) #fff;
        background-position: right bottom;
        background-size: 460px;
        width: 100%;
        height: 72px;
        /*animation: animatedBackground 80s linear infinite;*/
        bottom: 0px;
        z-index: -1;
        left: 0px;
    }

    .pop-menu .clopme {
        right: 0px;
        position: absolute;
        top: 0px;
        font-size: 30px;
        cursor: pointer;
        color: #333;
    }

.pmenu-sear {
    width: 100%;
    margin-bottom: 30px;
    display: none;
}

    .pmenu-sear form {
    }

        .pmenu-sear form input {
            width: 100%;
            border: 0px;
            border-bottom: 1px solid #e3dbdb;
            text-align: center;
            padding-bottom: 6px;
            font-size: 18px;
            font-weight: 300;
        }

.pmenu-cat {
    float: left;
    width: 78%;
    border-left: 1px solid #d6d6d6;
    /* margin-top: 15px; */
    /* padding-top: 12px; */
    /* padding-left: 30px; */
    padding: 0 0 20px 30px;
}

    .pmenu-cat h4 {
        font-size: 16px;
        font-weight: 800;
        padding-bottom: 15px;
        text-transform: uppercase;
        /* border-bottom: 1px solid #d6d6d6; */
        /* margin-bottom: 25px; */
    }

    .pmenu-cat input {
        border: 0px;
        border-bottom: 1px solid #e2e2e2;
        width: 100%;
        margin: 5px 0px 20px 0px;
        font-size: 14px;
    }

    .pmenu-cat ul {
    }

        .pmenu-cat ul li {
            float: left;
            width: 20%;
            padding: 0px 10px 6px 20px;
            position: relative;
        }

            .pmenu-cat ul li a {
                color: #58677b;
                font-size: 13px;
                font-weight: 500;
                transition: all 0.2s ease;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: pre;
                display: inline-block;
                width: 100%;
            }

                .pmenu-cat ul li a span {
                    color: #97a8bf;
                    font-weight: 400;
                }

                .pmenu-cat ul li a:hover {
                    color: #1051b7;
                    text-decoration: underline;
                    transition: all 0.2s ease;
                }

                    .pmenu-cat ul li a:hover:before {
                        color: #1051b7;
                        transition: all 0.2s ease;
                    }

                .pmenu-cat ul li a:before {
                    margin: 5px 0px 0px -20px;
                    color: #9d9faa;
                    transition: all 0.2s ease;
                    width: 9px;
                    height: 9px;
                    /* filter: invert(1); */
                    transform: rotate(-90deg);
                    opacity: 0.6;
                }

            .pmenu-cat ul li .sub-cat-menu {
                position: absolute;
                background: #fff;
                z-index: 9;
                width: 200px;
                border-radius: 2px;
                visibility: hidden;
                /* right: -200px; */
                top: 26px;
                box-shadow: 0px 3px 13px 3px #dededea1;
                padding: 12px 7px 7px 18px;
                transition: all 0.5s ease;
                transform: translateY(10px);
                opacity: 0;
                min-height: 200px;
                max-height: 250px;
                overflow-y: auto;
            }

                .pmenu-cat ul li .sub-cat-menu ul {
                }

                    .pmenu-cat ul li .sub-cat-menu ul li {
                        width: 100%;
                        padding: 0px;
                    }

                        .pmenu-cat ul li .sub-cat-menu ul li a {
                            font-size: 12px;
                            color: #1264e6;
                            font-weight: 500;
                        }

                            .pmenu-cat ul li .sub-cat-menu ul li a:before {
                                display: none;
                            }

            .pmenu-cat ul li:hover .sub-cat-menu {
                visibility: visible;
                transform: translateY(0px);
                opacity: 1;
            }

.pmenu-eve {
    float: left;
    width: 100%;
}

    .pmenu-eve ul {
    }

        .pmenu-eve ul li {
            float: left;
            width: 50%;
        }

            .pmenu-eve ul li:nth-child(odd) div {
                margin: 0px 15px 15px 0px;
            }

            .pmenu-eve ul li:nth-child(even) div {
                margin: 0px 0px 15px 15px;
            }

            .pmenu-eve ul li div {
                transition: all 0.5s ease;
            }

                .pmenu-eve ul li div:hover {
                    box-shadow: 0px 20px 24px -22px rgba(51, 57, 60, 0.88);
                    transition: all 0.5s ease;
                    transform: translateY(-5px);
                }

.pmenu-blo {
    float: left;
    width: 25%;
}

.pm-box {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    padding: 25px;
    background: #f7f8ec;
    color: #2c2c2c;
}

.pmenu-eve ul li:nth-child(2) div {
    background: #ecf6f8;
}

.pmenu-eve ul li:nth-child(3) div {
    background: #ecf2f8;
}

.pmenu-eve ul li:nth-child(4) div {
    background: #eeecf8;
}

.pmenu-eve ul li:nth-child(5) div {
    background: #f0f8ec;
}

.pmenu-eve ul li:nth-child(6) div {
    background: #ecf6f8;
}

.pmenu-eve ul li:nth-child(7) div {
    background: #ecf6f8;
}

.pmenu-spri {
    float: left;
    width: 22%;
    padding: 0 0 10px 0;
}

    .pmenu-spri ul {
    }

        .pmenu-spri ul li {
            float: left;
            width: 100%;
        }

            .pmenu-spri ul li a { /* border-bottom: 1px solid #49494c; */
                color: #49494c;
                font-weight: 600;
                font-size: 13px; /* margin: 0px 10px 10px 0px; */
                display: inline-block;
                padding: 10px 20px;
                width: 100%;
                text-transform: uppercase;
            }

                .pmenu-spri ul li a:hover {
                    color: #0b78cf;
                    text-decoration: underline;
                    padding-left: 25px;
                }

                .pmenu-spri ul li a.act {
                    /* border-bottom: 1px solid #1070bd; */
                    /* color: #1070bd; */
                }

                .pmenu-spri ul li a i {
                    vertical-align: sub;
                    font-size: 18px;
                    margin-right: 4px;
                }

                .pmenu-spri ul li a img {
                    width: 28px;
                    margin-right: 15px;
                    /* float: left; */
                }

.pop-menu.ani {
    /* transition: all 0.5s ease; */
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

    .pop-menu.ani .pmenu-spri ul li a {
    }

.pmenu-spri ul li {
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateX(-15px);
}

.pop-menu.ani .pmenu-spri ul li {
    transition: all 0.3s ease;
    opacity: 1;
    transform: translateX(0px);
}

    .pop-menu.ani .pmenu-spri ul li:nth-child(1) {
        transition-delay: 0s;
    }

    .pop-menu.ani .pmenu-spri ul li:nth-child(2) {
        transition-delay: 0.3s;
    }

    .pop-menu.ani .pmenu-spri ul li:nth-child(3) {
        transition-delay: 0.6s;
    }

    .pop-menu.ani .pmenu-spri ul li:nth-child(4) {
        transition-delay: 0.9s;
    }

    .pop-menu.ani .pmenu-spri ul li:nth-child(5) {
        transition-delay: 1.2s;
    }

    .pop-menu.ani .pmenu-spri ul li:nth-child(6) {
        transition-delay: 1.5s;
    }

.pm-box h4 {
    position: relative;
    font-weight: 300;
    font-size: 26px;
    padding-top: 0px;
}

.pm-box p {
    position: relative;
    font-size: 12px;
    font-weight: 300;
    margin: 0px;
}

.dir-home-nav-bot {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #d6d6d6;
    /* border-bottom: 1px solid #d6d6d6; */
    padding: 35px 15px 0px 15px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
}

    .dir-home-nav-bot ul {
        margin-bottom: 0px;
    }

        .dir-home-nav-bot ul li span {
            display: block;
            font-size: 28px;
            color: #6f6347;
            padding-top: 0px;
            font-weight: 600;
        }

        .dir-home-nav-bot ul li {
            border-right: 0px solid #dedede;
            background: none;
            float: left;
        }

            .dir-home-nav-bot ul li:nth-child(1) {
                width: 50%;
                font-weight: 500;
            }

            .dir-home-nav-bot ul li:nth-child(2) {
                width: 24%;
                margin-right: 8px;
            }

            .dir-home-nav-bot ul li:nth-child(3) {
                width: 24%;
            }

            .dir-home-nav-bot ul li a {
                font-size: 13px;
                margin-right: 10px;
                height: inherit;
                padding: 15px 5px 15px 25px;
                color: #fff;
                background: #1977f3;
                display: inline-block;
                width: 100%;
                font-weight: 500;
                border-radius: 3px;
            }

                .dir-home-nav-bot ul li a i {
                    vertical-align: sub;
                    color: #fff;
                    /* text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.44); */
                    font-size: 20px;
                    padding-right: 5px;
                }

.dir-ani-btn {
    position: relative;
    background-color: #15b0f6;
    border: none;
    font-size: 28px;
    color: #FFFFFF;
    padding: 2px;
    width: 200px;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(14, 14, 13, 0.42);
    border-bottom: 1px solid #0793d2;
    color: #fff;
    background-color: #1ebef0;
    border: 1px solid #1ebef0;
    font-weight: 600;
    border-radius: 2px;
    text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.44);
}

    .dir-ani-btn:after {
        content: "";
        background: #90EE90;
        display: block;
        position: absolute;
        padding-top: 300%;
        padding-left: 350%;
        margin-left: -20px !important;
        margin-top: -120%;
        opacity: 0;
        transition: all 0.8s
    }

    .dir-ani-btn:active:after {
        padding: 0;
        margin: 0;
        opacity: 1;
        transition: 0s
    }

.top-log {
    float: left;
}

    .top-log img {
    }

.top-ser {
    float: left;
    width: 30%;
    margin-top: 17px;
}

    .top-ser form {
        /* padding: 10px 0px 0px 20px; */
        width: 100%;
        position: relative;
    }

        .top-ser form ul {
        }

            .top-ser form ul li {
            }

                .top-ser form ul li:after {
                    /* content: "search"; */
                    /* margin: 1px 0px 0px -33px; */
                    font-size: 21px;
                    color: #0b253a;
                }

    .top-ser ul li input {
        width: 100%;
        border: 0px;
        height: 33px;
        padding: 10px 40px 10px 20px;
        border-radius: 2px;
        font-size: 14px;
        /* font-family: 'Quicksand', sans-serif; */
        /* font-weight: 500; */
    }

    .top-ser ul li.sbtn {
        position: absolute;
        right: 0px;
        top: 0;
    }

        .top-ser ul li.sbtn button {
            width: 40px;
            height: 33px;
            cursor: pointer;
            border-radius: 0px 1px 1px 0px;
            content: "search";
            font-size: 14px;
            padding: 5px 0px;
            background: none;
            border: none;
            color: #596873;
        }

.dmact .top-ser {
    display: block;
    position: relative;
}

.top-ser ul li.sbtn button i {
    width: 14px;
    height: 14px;
    background: url('../images/icon/search.png') no-repeat;
    background-size: cover;
    margin: 5px 0px 0px 6px;
    font-size: 21px;
    opacity: 0.6;
}
/*-------------------------------------------------*/
/* = 5.HOME PAGE BANNER AND SEARCH BOX
/*-------------------------------------------------*/
.hom-head {
    padding: 140px 0px 50px 0px;
    background: #ffeee5;
    background: linear-gradient(to top,#fff,#ffeee5 70%);
    background-image: url(../images/banner4.html);
    background-position: center;
    background-repeat: no-repeat;
    /* animation: animatedBackground 150s linear infinite; */
    position: relative;
    margin-bottom: 50px;
    background-size: cover;
}

@keyframes animatedBackground {
    from {
        background-position: 0 0
    }

    to {
        background-position: 100% 0
    }
}

.all-cat-head {
    padding: 120px 0px 0px 0px;
}

.hom-top .container {
    position: relative;
}

.hom-head:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    background: #0a0f13a6; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.hom-head:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 70px;
    left: 0px;
    bottom: -57px;
    background: url(../images/cloud.html) #fff0;
    background-size: cover;
}

.hom-top {
    transition: all 0.5s ease;
    padding: 3px 0px 7px 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 20;
    width: 100%;
    background: #1977f3;
    box-shadow: 0px 8px 18px -8px rgba(42, 42, 42, 0.63);
    transition: all 0.5s ease;
}

    .hom-top.dmact {
        transition: all 0.5s ease;
        background: #1977f3;
        box-shadow: 0px 11px 18px -8px rgba(42, 42, 42, 0.63);
    }

.hom-nav {
    width: 100%;
}

    .hom-nav .ic-logo {
        width: 200px;
        padding-top: 10px;
        /* margin-left: 48px; */
    }

    .hom-nav .bl {
        float: right;
        margin: 0px;
        margin-top: 12px;
    }

        .hom-nav .bl li {
            float: left;
            margin-left: 10px;
            font-weight: 500;
        }

            .hom-nav .bl li a {
                color: #ffffff;
                cursor: pointer;
                font-weight: 800;
                font-size: 13.5px;
                line-height: 49px;
                /* border: 1px solid #223c50; */
                padding: 6px 6px;
                border-radius: 5px;
                font-family: 'Quicksand', sans-serif;
            }

            .hom-nav .bl li.dropdown .dropdown-menu .fa-user:before {
                font-family: "Font Awesome 5 Free";
                position: relative;
                content: "\f007";
            }

            .hom-nav .bl li.dropdown:hover .dropdown-menu {
                display: block;
            }

            /*.hom-nav .bl li:last-child a {
                background: #1977f3;
                color: #fff;
                padding: 10px 15px 10px 17px;
                border-radius: 5px;
                border: 1px solid #ffffff;
            }*/

            .hom-nav .bl li:last-child a:hover {
                background: #1834bf;
                border: 1px solid #0a2192;
            }

.drop-heading {
    padding: 8px 10px;
    border-bottom: 1px solid #e9edf4 !important;
}

    .drop-heading h5 {
        font-weight: 600px;
    }

.fs-14 {
    font-size: 14px !important;
}

.hom-nav .bl li.dropdown a.dropdown-item {
    color: #000;
    line-height: 20px;
    border-bottom: 1px solid #e9edf4;
    border-bottom: 1px solid #e9edf4 !important;
    font-weight: 500;
    padding: 10px 13px;
}

.al {
    float: right;
    display: none;
    position: relative;
}

    .al:after {
        font-size: 22px;
        transition: all 0.5s ease;
        right: -12px;
        top: 10px;
        color: #aaadaf;
        filter: invert(1);
        width: 10px;
        height: 10px;
        opacity: 0.7;
    }

.head-pro {
    padding: 6px 0px 0px 0px;
    display: inline-block;
    width: 142px;
}

    .head-pro img {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        object-fit: cover;
        float: left;
        margin-right: 10px;
    }

    .head-pro b {
        padding: 0px;
        font-size: 11px;
        font-weight: 400;
        color: #bfbfbf;
        line-height: 15px;
        float: left;
    }

    .head-pro h4 {
        margin: 0px;
        font-size: 14px;
        /* float: left;
     */
        line-height: 15px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
        margin-top: -7px;
        color: #fff;
    }

.ban-tit {
    text-align: center;
    width: 100%;
    position: relative;
}

    .ban-tit img {
    }

    .ban-tit h1 b {
        display: block;
        font-weight: 700;
        font-size: 48px;
        color: #fff;
        padding-bottom: 15px;
        text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.39);
        line-height: 51px;
    }

    .ban-tit h1 {
        font-weight: 300;
        margin: 0px 0px 10px 0px;
        color: #fff;
        padding-bottom: 35px;
        text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.9);
        font-size: 20px;
    }

.ban-search {
    margin: 0 auto;
    display: table;
    width: 60%;
    position: relative;
}

    .ban-search ul {
        /* margin: 0 auto;
     */
        /* display: table;
     */
    }

        .ban-search ul li {
            float: left;
            position: relative;
        }

            .ban-search ul li.sr-cit {
                width: 20%;
                display: none;
            }

            .ban-search ul li.sr-sea {
                width: 79%;
                margin: 0px 1% 0px 0%;
            }

            .ban-search ul li.sr-btn {
                width: 20%;
            }

            .ban-search ul li.sr-cit:before {
                content: "location_searching";
                margin: 17px 0px 0px 15px;
            }

            .ban-search ul li.sr-sea:before {
                content: "";
                width: 18px;
                height: 18px;
                background: url('../images/icon/search.png') no-repeat;
                background-size: cover;
                margin: 21px 0px 0px 16px;
                font-size: 21px;
                opacity: 0.6;
                top: 6px;
            }

            .ban-search ul li input {
                border: 0px;
                width: 100%;
                display: block;
                line-height: 40px;
                font-size: 15px;
                outline: none;
                height: 58px;
                background: #ffffff;
                box-sizing: border-box;
                color: #1a2a38;
                border: 0px solid #d5d5d5;
                padding: 0px 25px 0px 45px;
                font-weight: 500;
                box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
                border-radius: 2px;
            }

                .ban-search ul li input[type="submit"] {
                    color: #fff;
                    border: 0px solid #1977f3;
                    padding: 0px 25px 0px 25px;
                    text-align: center;
                    font-size: 15px;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    transition: all 0.5s ease;
                    background: #1977f3;
                    /* background: linear-gradient(to bottom,#3384ff, #2170e8); */
                }

                    .ban-search ul li input[type="submit"]:hover {
                        transition: all 0.5s ease;
                        /* background: linear-gradient(to bottom,#3384ff, #155fcf); */
                        background: #f37c20;
                    }

    .ban-search .ui-widget.ui-widget-content {
    }

    .ban-search .ui-widget-content li {
    }

        .ban-search .ui-widget-content li div {
        }

.blog-head .ban-search ul {
    margin: 0 auto;
    display: table;
}

    .blog-head .ban-search ul li.sr-sea input {
        border-radius: 30px;
        box-shadow: 0 5px 41px -14px rgba(60,63,66,.32);
        color: #40454a;
        max-width: 100%;
        width: 384px;
        border: 1px solid #e9e9ef;
        font-weight: 600;
        font-family: 'Quicksand', sans-serif;
    }

.ban-ql {
    margin: 0 auto;
    display: table;
    width: 100%;
    position: relative;
    padding-top: 15px;
    margin-bottom: -300px;
    margin-top: 50px;
    margin-left: 50px;
    /*  position: absolute; 
     bottom: -42px; */
    padding-bottom: 140px;
}

    .ban-ql ul {
        margin: 0 auto;
        justify-content: center;
        display: flex;
        /* background: #fff; */
        /* border: 10px solid #ffffff; */
        /* transition: all .5s ease; */
        /* color: #fff; */
        /* box-shadow: 0 19px 46px -39px rgb(37, 39, 42); */
        /* border-radius: 4px; */
        width: 100%;
    }

        .ban-ql ul li {
            float: left;
            /* margin: 0px 10px; */
            width: 23%;
            padding: 0px 0px 0 0;
            margin: 15px;
        }

            .ban-ql ul li div {
                transition: all .5s ease;
                color: #000;
                background: #fff;
                text-align: center;
                padding: 25px 20px 27px 20px;
                position: relative;
                overflow: hidden;
                box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.07);
                border-radius: 20px;
            }

                .ban-ql ul li div:hover {
                    transition: all .2s ease;
                    /* background: #cbe5fc; */
                    transform: translateY(-5px);
                    /* transform: scale(1.1); */
                    box-shadow: 0 11px 45px -13px rgba(37, 39, 42, 0.67);
                    z-index: 9;
                }

                .ban-ql ul li div img {
                    width: 60px;
                    background: #ffffff;
                    padding: 6px;
                    border-radius: 15px;
                }

                .ban-ql ul li div h4 {
                    font-size: 18px;
                    font-weight: 700;
                    margin: 12px 0px 15px 0px;
                    /* text-transform: uppercase; */
                    color: #243c50;
                }

                .ban-ql ul li div p {
                    display: block;
                    font-size: 13px;
                    padding-bottom: 5px;
                    font-weight: 400;
                    color: #818181;
                    margin-bottom: 0px;
                    padding-bottom: 18px;
                }

                .ban-ql ul li div a {
                    padding: 4px 7px;
                    border-radius: 30px;
                    font-size: 13px;
                    border: 1px dashed #fff;
                    box-shadow: 0 0 0 3px #151f31;
                    background-color: #3f4550;
                    color: #fff;
                }

            .ban-ql ul li:first-child div {
                /* background: #e0f1ff; */
            }

            .ban-ql ul li:last-child div {
                border-right: 0px;
            }

            .ban-ql ul li:nth-child(1) div {
            }

            .ban-ql ul li:nth-child(2) div { /* background: #fff4ca; */
            }

            .ban-ql ul li:nth-child(3) div { /* background: #daffe9; */
            }

            .ban-ql ul li:nth-child(4) div { /* background: #deeaff; */
            }

            .ban-ql ul li:nth-child(5) div {
                background: #ffe6e6;
            }
/*-------------------------------------------------*/
/* = HOME PAGE SERVICES
/*-------------------------------------------------*/
.home-tit {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    padding-top: 75px;
}

    .home-tit h2 {
        font-size: 35px;
        font-weight: 300;
    }

        .home-tit h2 span {
            font-weight: 700;
            font-family: 'Quicksand', sans-serif;
        }

    .home-tit p {
        font-size: 16px;
        font-weight: 400;
        display: block;
    }

.land-packages {
    background: #e9f8fd;
    margin-top: -6px;
    border-bottom: 1px solid #cfe5ec;
    border-top: 1px solid #cfe5ec;
    padding: 80px 0 75px
}

.land-pack {
    margin: 00px 0px 0px 0px;
}

    .land-pack ul {
        position: relative;
        width: 100%;
        float: left;
        overflow: hidden;
        margin-bottom: 20px;
        margin: 0px;
        padding: 0px;
    }

        .land-pack ul li {
            float: left;
            width: 25%;
            /* display:inline-block;
     */
            padding: 0px 10px;
        }

.land-pack-grid {
    display: inline-block;
    position: relative;
    overflow: hidden;
    /* height: 180px; */
    box-sizing: border-box;
    border-radius: 0px;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
    margin: 0px 10px;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}

.str .land-pack-grid {
    margin: 10px 0px;
}

.land-pack-grid:hover .land-pack-grid-text {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.land-pack-grid:hover .land-pack-grid-btn {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    color: #3330;
}

.land-pack-grid-img {
    height: 200px;
    overflow: hidden;
}

    .land-pack-grid-img img {
        width: 100%;
        transition: all .5s ease;
        height: 250px;
        object-fit: cover;
    }

.land-pack-grid:hover .land-pack-grid-img img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.land-pack-grid-text {
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    width: 100%;
    z-index: 2;
    min-height: 80px;
    /* background: linear-gradient(to top, #000000c7, #00000008); */
}

    .land-pack-grid-text h4 {
        padding: 15px;
        font-weight: 700;
        text-align: left;
        color: #273440;
        font-size: 16px;
        margin: 0px;
    }

        .land-pack-grid-text h4 .dir-ho-cat {
            color: #a7a7a7;
            font-size: 11.5px;
            float: right;
            padding-top: 4px;
        }

.land-pack-grid-btn {
    color: #3330;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 8;
}

.land-pack-grid-btn-red {
    background: #df431f
}

.land-pack-grid-btn-yel {
    background: #f3c438
}

.land-pack-grid-btn-blu {
    background: #01a0d8
}

.land-pack .more {
    color: #ffffff;
    padding: 10px 40px;
    border-radius: 2px;
    font-size: 14px;
    display: table;
    margin: 0 auto;
    /* border: 1px solid #3675b6; */
    background: #1977f3;
    /* margin-top: 14px; */
}

    .land-pack .more:hover {
    }

.land-pack input {
    width: 93%;
    margin: 0 auto;
    display: table;
    margin-bottom: 38px;
    line-height: 40px;
    border: 0px;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    font-size: 16px;
}

.hom2-hom-ban {
    transition: all 0.5s ease;
}

.all-cate-pg {
    padding-bottom: 150px;
    padding-top: 70px;
}

.hom2-hom-ban:hover {
    background-position: 20px 0px;
    box-shadow: 0 17px 24px -12px #161d2994;
}
/*-------------------------------------------------*/
/* HOME PAGE TOP TRENDINGS
/*-------------------------------------------------*/
.ho-popu-bod {
    width: 100%;
}

    .ho-popu-bod div {
        float: left;
    }

.hot-page2-hom-pre {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 15px;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
    border-radius: 0px 0px 10px 10px;
}

    .hot-page2-hom-pre ul {
        padding: 0px;
    }

        .hot-page2-hom-pre ul li {
            list-style-type: none;
            border-bottom: 1px solid #efefef;
            position: relative;
            overflow: hidden;
            padding: 10px 0px;
            transition: all 0.5s ease;
        }

.fclick {
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}

.hot-page2-hom-pre ul li:hover {
    box-shadow: 0px 17px 7px -14px rgba(150, 150, 150, 0.29);
    transition: all 0.5s ease;
}

.hot-page2-hom-pre ul li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.hot-page2-hom-pre div {
    float: left;
}

.hot-page2-hom-pre ul li a {
}

.hot-page2-hom-pre-1 {
    width: 10%;
}

    .hot-page2-hom-pre-1 img {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        object-fit: cover;
    }

.hot-page2-hom-pre-2 {
    width: 80%;
    padding: 0px 15px;
}

    .hot-page2-hom-pre-2 h5 {
        margin-top: 0px;
        margin-bottom: 0px;
        color: #000000;
        font-size: 14px;
        font-weight: 600;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }

    .hot-page2-hom-pre-2 span {
        font-size: 12px;
        color: #525252;
        line-height: 19px;
        padding-top: 2px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
        float: left;
        width: 100%;
        font-weight: 400;
    }

.hot-page2-hom-pre-3 {
    width: 10%;
}

    .hot-page2-hom-pre-3 span {
        position: absolute;
        background-color: #4CAF50;
        padding: 0px 4px;
        border-radius: 2px;
        font-size: 12px;
        z-index: 9;
        line-height: 20px;
        color: #fff;
        font-weight: 600;
        text-align: center;
        text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
        right: 0px;
    }

    .hot-page2-hom-pre-3 i {
        width: 22px;
        float: right;
        /* padding-top: 12px;
     */
        border: 1px solid #a9a9a9;
        padding: 4px;
        font-size: 12px;
        border-radius: 50%;
        color: #a9a9a9;
        margin-top: 10px;
    }

.hot-page2-hom-pre-tit {
}

    .hot-page2-hom-pre-tit h3 {
        color: #343c42;
        font-size: 28px;
        /* font-family: 'Montserrat', sans-serif;
     */
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
    }

        .hot-page2-hom-pre-tit h3 span {
            color: #6f6e6b;
            font-size: 28px;
        }

.hot-page2-hom-pre ul li:hover .hot-page2-hom-pre-2 h5 {
}

.hot-page2-hom-pre-head {
    background: #0291d2;
    padding: 12px 0px;
    text-align: center;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

    .hot-page2-hom-pre-head h4 {
        color: #ffffff;
        font-size: 16px;
        margin: 0px;
        font-weight: 400;
    }

        .hot-page2-hom-pre-head h4 span {
            font-weight: 600;
            font-size: 16px;
            font-family: 'Quicksand', sans-serif;
        }

    .hot-page2-hom-pre-head:after, .hot-page2-hom-pre-head:before {
        top: 43px;
        left: 48%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .hot-page2-hom-pre-head:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #0291d2;
        border-width: 9px;
        margin-left: -9px;
        z-index: 9;
    }

.pop-ups {
}

    .pop-ups .close {
        position: absolute;
        right: 8px;
        z-index: 1;
        top: 10px;
    }

.list-pop {
    padding-bottom: 25px;
}

    .list-pop .img {
        position: relative;
    }

        .list-pop .img:before {
            content: '';
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom,#fff0,#435961a6 70%);
        }

        .list-pop .img img {
            width: 100%;
            height: 290px;
            object-fit: cover;
        }

        .list-pop .img span {
            position: absolute;
            background-color: #4CAF50;
            padding: 7px;
            border-radius: 5px;
            font-size: 20px;
            z-index: 9;
            line-height: 23px;
            color: #fff;
            font-weight: 600;
            text-align: center;
            text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
            right: 36px;
            margin-top: -67px;
        }

    .list-pop .tit {
        padding: 10px 25px 0px 25px;
        position: relative;
    }

        .list-pop .tit img {
            width: 72px;
            height: 72px;
            border-radius: 50px;
            margin-top: -58px;
            border: 3px solid #fff;
        }

        .list-pop .tit h2 {
            font-size: 28px;
            font-weight: 700;
            margin-top: 14px;
        }

        .list-pop .tit p {
            font-size: 18px;
        }

            .list-pop .tit p b {
            }

    .list-pop .addr {
        padding: 8px 25px 20px 25px;
        position: relative;
        overflow: hidden;
    }

        .list-pop .addr ul {
        }

            .list-pop .addr ul li {
                padding-left: 30px;
                margin-bottom: 8px;
                font-size: 18px;
                float: left;
                display: block;
                width: 100%;
            }

                .list-pop .addr ul li:before {
                    margin-left: -28px;
                }

    .list-pop .shar {
    }

        .list-pop .shar span {
        }

            .list-pop .shar span:before {
            }

        .list-pop .shar .ic-sha {
        }

        .list-pop .shar .ic-lik {
        }

    .list-pop .enq {
        padding: 5px 25px 20px 25px;
        /* border-top: 1px solid #e3e3e3;
     */
    }

        .list-pop .enq span, .list-pop .enq a {
            padding: 6px 10px;
            border-radius: 2px;
            color: #fff;
            float: left;
            width: 46%;
            text-align: center;
            margin: 0px 2%;
            cursor: pointer;
            text-transform: uppercase;
            font-weight: 600;
        }

        .list-pop .enq span {
            background: #3fb55f;
            border: 1px solid #3fb55f;
        }

        .list-pop .enq a {
            border: 1px solid #e3e3e3;
            color: #113752;
        }

    .list-pop .addr ul .ic-web, .list-pop .addr ul .ic-map {
        width: 50%;
    }

.home-city {
    width: 100%;
}

    .home-city ul {
    }

        .home-city ul li {
            float: left;
            width: 25%;
            margin-bottom: 19px;
        }

            .home-city ul li:nth-child(1) {
                width: 50%;
            }

                .home-city ul li:nth-child(1) .hcity div:nth-child(1) img {
                    height: 350px;
                }

            .home-city ul li:nth-child(2) {
            }

            .home-city ul li:nth-child(3) {
            }

            .home-city ul li:nth-child(4) {
            }

            .home-city ul li:nth-child(5) {
            }

.hcity {
    position: relative;
    margin: 0px 10px;
    border-radius: 7px;
}

    .hcity:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top,#2e3b44,#b7a23a00 100%);
        z-index: 2;
        left: 0px;
        border-radius: 5px;
        transition: all 0.5s ease;
    }

    .hcity:hover {
        box-shadow: 0px 16px 11px -7px rgba(0, 0, 0, 0.68);
        transition: all 0.5s ease;
        transform: translateY(-5px);
    }

.home-city ul li div {
    float: left;
    position: relative;
    transition: all 0.5s ease;
}

.hcity div:nth-child(1) {
}

    .hcity div:nth-child(1) img {
        width: 100%;
        object-fit: cover;
        height: 166px;
        border-radius: 5px;
    }

.hcity div:nth-child(2) img {
    width: 45px;
    object-fit: cover;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #fff;
    display: none;
}

.hcity div:nth-child(2) {
    margin-top: -180px;
    text-align: left;
    z-index: 2;
    width: 100%;
    color: #fff;
    position: absolute;
    bottom: 5px;
    left: 0px;
    padding-left: 20px;
}

    .hcity div:nth-child(2) h4 {
        font-size: 16px;
        font-weight: 600;
        margin: 10px 0px 8px 0px;
    }

    .hcity div:nth-child(2) p {
        font-weight: 300;
        font-size: 13px;
        float: left;
        width: 100%;
    }

    .hcity div:nth-child(2) .list-rat-all {
        width: 85%;
        padding-bottom: 10px;
    }

        .hcity div:nth-child(2) .list-rat-all span {
            padding: 2px 0px 0px 0px;
        }

        .hcity div:nth-child(2) .list-rat-all b {
            font-size: 13px;
            line-height: 21px;
        }

        .hcity div:nth-child(2) .list-rat-all i {
            font-size: 15px;
            width: 10px;
            color: #FF9800;
        }

            .hcity div:nth-child(2) .list-rat-all i.ratstar {
                color: #fff;
            }

.home-city ul li:nth-child(1) div:nth-child(2) h4 {
    font-size: 32px;
}

.home-city ul li:nth-child(1) div:nth-child(2) p {
    font-size: 14px;
}

.list-mig-like-com:hover {
    transition: all 0.5s ease;
    transform: translateY(-5px);
    box-shadow: 0 19px 15px -15px rgba(37, 39, 42, 0.89);
    z-index: 9;
}

.h-city-3 {
    width: 25%;
}

    .h-city-3 .list-mig-like-com {
        margin-bottom: 15px;
    }

.list-mig-like-com a {
    position: absolute;
    background: linear-gradient(to top, rgba(24, 46, 86, 0.82) 10%, rgba(84, 84, 84, 0.35) 80%);
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 5px;
    transition: all 0.5s ease;
    cursor: pointer;
}

.list-mig-like-com:hover a {
    transition: all 0.5s ease; /* background: linear-gradient(to top, rgba(12, 27, 135, 0.82) 10%, rgba(224, 224, 224, 0.35) 80%); */
}
/*-------------------------------------------------*/
/* = FEATURE UPDATES
/*-------------------------------------------------*/
.inte {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .inte h2 {
        text-align: center;
        font-size: 48px;
        font-weight: 700;
        line-height: 48px;
    }

    .inte p {
        /* margin: 30px 0px;
     */
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 40px;
    }

    .inte ul {
        float: left;
        width: 100%;
    }

        .inte ul li {
            float: left;
            width: 25%;
            padding: 5px;
        }

.hom-oth {
    background: #fff;
    padding: 0px;
    margin: 0px 10px;
    position: relative;
    overflow: hidden;
    border: 1px solid #f9ede7;
    box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);
    transition: all 0.5s ease;
    margin-bottom: 6px;
}

    .hom-oth:hover {
        box-shadow: 0px 12px 13px -9px rgba(0, 0, 0, 0.68);
        transition: all 0.5s ease;
        transform: translateY(-5px);
        /* border: 1px solid #ffffff;
     */
    }

    .hom-oth div:nth-child(1) {
        float: left;
        width: 30%;
    }

        .hom-oth div:nth-child(1) img {
            width: 100%;
            height: 75px;
            object-fit: cover;
        }

    .hom-oth div:nth-child(2) {
        float: left;
        width: 70%;
        padding: 18px 15px 14px 20px;
    }

.inte ul li div h4 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.inte ul li div span {
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.inte ul li div a {
}

.count {
    padding: 0px 0px 80px 0px;
    background: #f7fcff;
    background: linear-gradient(to bottom,#ffffff00,#f7fcff 100%);
    float: left;
    width: 100%;
    position: relative;
}

    .count:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 158px;
        background: url('../images/city-bg.png');
        display: inline-block;
        bottom: 0px;
        left: 0px;
        background-size: contain;
        opacity: 0.9;
        filter: sepia(1);
    }

.country {
    background: url(../images/worldmap.png) no-repeat center;
    background-size: 65%;
    width: 100%;
    margin-top: 90px;
}

.country-inn {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    /* color: #fff;
     */
}

    .country-inn h4 {
        font-weight: 400;
        font-size: 32px;
    }

        .country-inn h4 span {
        }

.country .cont1 {
    font-weight: 700;
    font-size: 32px;
}

.country .cont2 {
    font-weight: 700;
    font-size: 32px;
    display: block;
}

.country iframe, .country img {
    width: 600px;
    height: 335px;
    border: 0px;
    margin: 40px 0px 0px 0px;
}

.hom-ab {
    background: #f9daca;
    padding: 25px 0px;
}

.hom-ab-in {
    width: 100%;
}

    .hom-ab-in h2 {
        margin: 0px;
        text-align: center;
        /* color: #fff;
     */
        font-size: 24px;
    }

        .hom-ab-in h2 a {
            color: #e48451;
            padding: 5px 31px;
            border-radius: 50px;
            border: 1px solid;
        }
/*-------------------------------------------------*/
/* =  DASHBOARD MESSAGE
/*-------------------------------------------------*/
.msg-op {
    transition: all 0.5s ease;
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0px 1px 11px -2px #737373c9;
    position: fixed;
    bottom: 0px;
    right: -500px;
    z-index: 12;
    border-radius: 10px;
    width: 450px;
    height: 98%;
    top: 5px;
    z-index: 99;
    overflow: hidden;
}

    .msg-op.msg-sho-act {
        right: 5px;
    }

    .msg-op .inn {
    }

    .msg-op .s1, .msg-op .s2, .msg-op .s3 {
        float: left;
        width: 100%;
    }

    .msg-op .s1 {
        padding-bottom: 15px;
    }

        .msg-op .s1 img {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            object-fit: cover;
            float: left;
        }

        .msg-op .s1 .chosen-container {
            width: 300px !important;
            border: 0px;
            margin-top: -5px;
        }

            .msg-op .s1 .chosen-container .chosen-single span {
                font-weight: 600;
            }

            .msg-op .s1 .chosen-container-active.chosen-with-drop .chosen-single, .msg-op .s1 .chosen-container.chosen-container-single.chosen-container-active {
                border: 0px;
                border-radius: 0px;
                box-shadow: none;
            }

        .msg-op .s1 h4 {
            font-size: 12px;
            float: left;
            padding: 2px 0px 0px 12px;
            color: #969696;
        }

            .msg-op .s1 h4 b {
                display: block;
                color: #000;
                font-size: 16px;
                padding-bottom: 4px;
            }

    .msg-op .s2 {
        background: #f3f6fa;
        padding: 15px 15px 140px 15px;
        position: absolute;
        left: 0px;
        top: 70px;
        height: 78%;
        bottom: 0px;
        overflow-y: auto;
        border-top: 1px solid #eaecf0;
    }

        .msg-op .s2 .chat-con {
            float: left;
            width: 100%;
            display: block;
            margin-bottom: 12px;
        }

        .msg-op .s2 .chat-lhs, .msg-op .s2 .chat-rhs {
            font-size: 13px;
            font-weight: 400;
            background: #fff;
            padding: 6px 10px;
            border-radius: 5px;
            line-height: 19px;
            box-shadow: 0px 1px 4px -1px #191b381f;
            position: relative;
        }

            .msg-op .s2 .chat-lhs:before, .msg-op .s2 .chat-rhs:before {
                content: '';
                position: absolute;
                width: 10px;
                height: 10px;
                background: #fff;
                box-shadow: 0px 1px 2px -1px #191b381f;
                top: 7px;
                transform: rotateZ(45deg);
            }

            .msg-op .s2 .chat-lhs:before {
                left: -5px;
            }

            .msg-op .s2 .chat-rhs:before {
                right: -5px;
                background: #1795f9;
            }

        .msg-op .s2 .chat-lhs {
            float: left;
        }

        .msg-op .s2 .chat-rhs {
            float: right;
            background: #1795f9;
            color: #fff;
        }

    .msg-op .s3 {
        position: absolute;
        bottom: 0px;
        left: 0px;
        background: #d9dfe7;
        padding: 15px;
    }

        .msg-op .s3 form {
        }

            .msg-op .s3 form textarea {
                resize: none;
                height: 52px;
                padding: 10px;
                font-size: 13px;
                line-height: 20px;
                color: #333;
                border-radius: 5px 0px 0px 5px;
                border: 0px;
                width: 320px;
                float: left;
                font-weight: 500;
            }

            .msg-op .s3 form button {
                color: #fff;
                font-size: 12px;
                font-weight: 600;
                padding: 6px 20px;
                border-radius: 0px 5px 5px 0px;
                text-transform: uppercase;
                background: #2196F3;
                border: 0px;
                width: 100px;
                float: left;
                height: 52px;
            }

                .msg-op .s3 form button i {
                    font-size: 13px;
                    font-weight: 500;
                    vertical-align: bottom;
                    line-height: 18px;
                }
/*-------------------------------------------------*/
/* = 11.BOTTOM BOOKING
/*-------------------------------------------------*/
.full-bot-book {
    background: #191919;
    padding: 40px 0px 0px 0px;
    position: relative;
    /* overflow: hidden; */
    /* background: linear-gradient(to bottom,#ffefe6, #ffa77866 100%);
     */
    float: left;
    width: 100%;
    /* border-top: 1px solid #bed1e0; */
    padding-top: 40px;
    /* margin-bottom: -90px; */
    /* display: none; */
}

.bot-book {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: block;
    background: #1977f3;
    padding: 50px;
    border-radius: 5px;
    box-shadow: 0px 4px 17px -8px rgba(0, 0, 0, 0.86);
    margin-bottom: 15px;
    margin-top: -150px;
    z-index: 1;
}

.bb-img {
}

    .bb-img img {
        width: 95px;
        margin: -1px 0px 0px 38px;
    }

.bb-text {
}

    .bb-text h4 {
        font-size: 24px;
        padding-bottom: 10px;
        font-weight: 700;
        color: #ffffff;
    }

    .bb-text p {
        color: #ffffff;
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 500;
    }

.bb-link {
    position: relative;
    overflow: hidden;
}

    .bb-link a {
        color: #ffffff;
        border-radius: 50px;
        padding: 15px 20px;
        line-height: 60px;
        background: #1977f3;
        font-weight: 500;
        border: 1px solid #ffffff;
    }

.bot-book div {
    float: left;
}


.sh-all-scat {
    float: left;
    width: 100%;
}

    .sh-all-scat ul {
        float: left;
        width: 50%;
        padding: 0px 10px;
    }

        .sh-all-scat ul li {
        }

.sh-all-scat-box {
    display: inline-block;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 0px;
    background-color: #fff;
    background-clip: border-box;
    box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 4%);
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
    border: 1px solid #e9eaec;
}

    .sh-all-scat-box .lhs {
        float: left;
        width: 150px;
    }

        .sh-all-scat-box .lhs img {
            width: 100%;
            padding: 15px;
            height: 110px;
            object-fit: cover;
            border-radius: 20px;
        }

    .sh-all-scat-box .rhs {
        float: left;
        width: calc(100% - 150px);
        text-align: left;
        padding: 14px 10px 10px 10px;
    }

        .sh-all-scat-box .rhs h4 {
            font-size: 16px;
            font-weight: 700;
        }

            .sh-all-scat-box .rhs h4 span {
                color: #007bff;
            }

        .sh-all-scat-box .rhs ol {
            padding: 0px;
        }

            .sh-all-scat-box .rhs ol li {
                display: inline-block;
                margin: 0px 5px 5px 0px;
            }

                .sh-all-scat-box .rhs ol li a {
                    font-size: 12px;
                    border: 1px solid #c5d0dc;
                    padding: 1px 10px;
                    display: inline-block;
                    border-radius: 2px;
                    color: #007bff;
                    font-weight: 500;
                }

                    .sh-all-scat-box .rhs ol li a span {
                        color: #5e6a77;
                        font-weight: 500;
                        font-size: 11px;
                    }

                    .sh-all-scat-box .rhs ol li a:hover {
                        background: #007bff;
                        color: #fff;
                        border: 1px solid #007bff;
                    }

                        .sh-all-scat-box .rhs ol li a:hover span {
                            color: #fff;
                        }

/*-------------------------------------------------------*/
/* HOME PAGE: POPULAR LISTINGS
/*-------------------------------------------------------*/
.hom-mpop-ser {
    background: aliceblue;
    float: left;
    width: 100%;
    margin: 85px 0px 0px 0px;
    padding-bottom: 47px;
    padding-top: 6%;
}

.hom-mpop-main {
    padding: 0px 0px 70px 0px;
    float: left;
    width: 100%;
}

.hom-mpop {
    position: relative;
    overflow: hidden;
    background: #fdfeff;
    padding: 15px 0px;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    box-shadow: 0px 3px 8px -3px rgba(11, 37, 58, 0.11);
    border: 1px solid #f1f1f1;
}

    .hom-mpop:hover {
        box-shadow: 0px 11px 9px -10px rgba(0, 0, 0, 0.52);
        transition: all 0.5s ease;
        transform: translateY(-5px);
    }

.hom-mpop-main .col-md-6 {
    float: left;
}

.hom-mpop .col-md-3 {
    float: left;
}

    .hom-mpop .col-md-3 img {
        width: 100%;
        height: 100px;
        object-fit: cover;
        border-radius: 2px;
    }

.hom-mpop .col-md-9 {
    float: left;
}

    .hom-mpop .col-md-9 h3 {
        font-size: 18px;
        padding-bottom: 8px;
        color: #000000;
        padding-top: 5px;
        font-weight: 700;
    }

    .hom-mpop .col-md-9 h4 {
        font-size: 14px;
        /* padding-bottom: 8px; */
        font-weight: 600;
        color: #545454;
    }

    .hom-mpop .col-md-9 p {
        margin-bottom: 0px;
        font-size: 13px;
        /* font-family: 'Quicksand', sans-serif; */
    }

.hom-mpop a, .tser-res li div a {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.hom-mpop .col-md-9 .rat-sh {
    position: absolute;
    background: #4caf50;
    padding: 4px;
    font-weight: 600;
    color: #fff;
    right: 15px;
    top: 0px;
    font-size: 12px;
    border-radius: 2px;
}

/*-------------------------------------------------------*/
/* HOME PAGE: LEAD COLLECT FORM
/*-------------------------------------------------------*/
.hlead-coll {
    float: left;
    width: 100%;
}

.hom-cre-acc-left {
}

    .hom-cre-acc-left h3 {
        font-weight: 100;
        font-size: 34px;
    }

        .hom-cre-acc-left h3 span {
            text-transform: capitalize;
            font-weight: 600;
            font-size: 42px;
            /* text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59);
     */
            color: #333333;
        }

    .hom-cre-acc-left h5 {
        font-weight: 700;
        font-size: 20px;
    }

    .hom-cre-acc-left p {
        padding-top: 8px;
        font-size: 13px;
    }

    .hom-cre-acc-left ul {
        padding: 0px;
        margin-bottom: 0px;
        margin-top: 50px;
    }

        .hom-cre-acc-left ul li {
            /* padding-top: 25px;
     */
            padding-bottom: 30px;
            list-style-type: none;
        }

            .hom-cre-acc-left ul li img {
                text-align: center;
                float: left;
                width: 50px;
            }

            .hom-cre-acc-left ul li div {
                display: block;
                margin-left: 80px;
                /* float: left;
     */
                /* margin-top: 0px;
     */
                margin-top: -10px;
            }

.hlead-coll .col-md-6 {
    float: left;
}

.hom-col-req {
    background: #1977f3;
    /* padding: 40px; */
    margin: 0px 0px 0px 80px;
    border-radius: 10px;
    box-shadow: 0 2px 15px -5px rgba(0,0,0,0.76);
}

    .hom-col-req h4 {
        text-align: center;
        padding-top: 30px;
        font-weight: 700;
        margin-bottom: 0px;
        color: #fff;
    }

    .hom-col-req form {
        padding: 30px 40px 40px 40px;
    }

    .hom-col-req .log-bor {
        display: none;
    }

    .hom-col-req .udb-inst {
        display: none;
    }

    .hom-col-req input, .hom-col-req textarea, .hom-col-req select {
        border: 1px solid #e4e4e4;
        background: #f7fafb;
        font-size: 15px;
        font-weight: 500;
    }

    .hom-col-req textarea {
        font-size: 13px;
        line-height: 20px;
        color: #7a7b7f;
        border-radius: 5px;
    }

    .hom-col-req button {
        width: 100%;
        background: #1977f3;
        border: 1px solid #ffffff;
        /* background: linear-gradient(to top, #F44336, #fb5a4e); */
        border-radius: 50px;
        font-size: 17px;
        font-weight: 500;
        padding: 8px 0px;
        transition: all ease 0.5s;
    }

        .hom-col-req button:hover {
            background: #f24437;
            border: 1px solid #f24437;
        }
/*-------------------------------------------------*/
/* = 11.FOOTER
/*-------------------------------------------------*/
.wed-hom-footer {
    /* margin-top: 60px; */
    padding: 60px 0px 40px 0px;
    background: #f7fcff;
    background: #191919;
    float: left;
    width: 100%;
    color: #ebeef1;
}

    .wed-hom-footer h4 {
        font-size: 16px;
        color: #7f7f7f;
        padding-bottom: 25px;
        text-transform: capitalize;
        font-weight: 600;
    }

    .wed-hom-footer p {
        font-size: 12px;
        color: #7f7f7f;
    }

        .wed-hom-footer p a {
            font-size: 12px;
            color: #7f7f7f;
            font-weight: 600;
        }

.wed-foot-link {
    border-top: 1px dashed #5d5b5b;
    /* border-bottom: 1px dashed #5d5b5b; */
    padding: 35px 0px 5px 0px;
    /* margin-top: 35px;
     */
}

    .wed-foot-link ul {
    }

        .wed-foot-link ul li {
            width: 50%;
            float: left;
            margin-bottom: 8px;
        }

            .wed-foot-link ul li a {
                color: #7f7f7f;
                font-size: 13px;
            }

    .wed-foot-link div {
        border-right: 1px dashed #5d5b5b;
    }

        .wed-foot-link div:last-child {
            border-right: 0px solid #dadada;
            ;
        }

.wed-video2 {
    padding: 50px 0px;
    background: #f1f1f1;
}

.wed-foot-link-1 {
    padding-top: 40px;
}

    .wed-foot-link-1 ul {
        position: relative;
        overflow: hidden;
    }

        .wed-foot-link-1 ul li {
            float: left;
            padding-right: 8px;
        }

            .wed-foot-link-1 ul li a {
            }

.wed-foot-link-pop {
    padding: 30px 0px 0px 0px;
}

    .wed-foot-link-pop h4 {
        padding-bottom: 15px;
    }

    .wed-foot-link-pop ul li {
        float: left;
        width: 16%;
        padding: 0px 5px 8px 0px;
    }

        .wed-foot-link-pop ul li a {
            color: #7f7f7f;
            font-size: 12px;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: pre;
        }

            .wed-foot-link-pop ul li a:hover, .wed-foot-link ul li a:hover {
                color: #2c68bc;
                text-decoration: underline;
            }

.fot-app ul li a img {
    width: 157px;
    height: 55px;
    display: inline-block;
    object-fit: contain;
}

.fot-soc ul li a img {
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
}

.wed-rights {
    background: #01172f;
}

    .wed-rights p {
        text-align: center;
        margin-bottom: 0px;
        padding: 8px;
        color: #adadad;
        font-size: 13px;
    }
/*-------------------------------------------------*/
/* = EVENTS IN HOME PAGE
/*-------------------------------------------------*/
.hom-event {
    position: relative;
    overflow: hidden;
    /* display: none; */
}

.hom-eve-com {
    float: left;
}

.hom-eve-lhs-1 {
    float: left;
    width: 50%;
}

.eve-box {
    background: #fff;
    padding: 0px;
    position: relative;
    overflow: hidden;
    border: 1px solid #efefef;
    box-shadow: 0px 0px 9px -7px rgb(150 150 150 / 78%);
    border-radius: 10px;
}

    .eve-box:hover div:nth-child(1) img {
        transition: all 0.5s ease;
        transform: scale(1.1);
    }

.all-list-sh .eve-box:hover div:nth-child(1) .auth img {
    transform: scale(1);
}

.all-list-sh .eve-box {
    transition: all 0.5s ease;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
    border: 12px solid #fff;
    /* font-family: 'Quicksand', sans-serif; */
}

.eve-box:hover div:nth-child(3) .auth img {
    transform: scale(1);
}

.eve-box:hover div:nth-child(2) h4 a {
    color: #eb905f;
}

.eve-box div {
    position: relative;
    overflow: hidden;
}

    .eve-box div:nth-child(1) {
    }

        .eve-box div:nth-child(1) img {
            width: 100%;
            /* float: left; */
            object-fit: cover;
            /* height: 250px; */
            /* transition: all 0.5s ease; */
            cursor: pointer;
        }

        .eve-box div:nth-child(1) span {
            /* position: absolute;
    background: #51c0ff;
    z-index: 3;
    top: 0px;
    left: 0px;
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
    padding: 3px 5px 4px 5px;
    border-radius: 0px;*/
        }

            .eve-box div:nth-child(1) span b {
            }

    .eve-box div:nth-child(2) {
        padding: 17px 17px 12px 20px;
    }

        .eve-box div:nth-child(2) h4 {
            font-size: 20px;
            padding-bottom: 0;
            /* text-overflow: ellipsis; */
            /* white-space: pre; */
            /* overflow: hidden; */
            position: relative;
            font-weight: 600;
            text-align: left;
            padding-left: 0px;
            display: block
        }

            .eve-box div:nth-child(2) h4 a {
                color: #212529;
                text-overflow: ellipsis;
                white-space: pre;
                overflow: hidden;
                display: block;
            }

        .eve-box div:nth-child(2) p {
            margin: 9px 0;
            overflow: hidden;
            font-size: 13px;
            line-height: 17px;
            margin-bottom: 20px;
            height: 50px;
            color: #86807c;
            /* text-overflow: ellipsis;
     */
            /* white-space: pre;
     */
            /* overflow: hidden;
     */
            /* display: none;*/
        }

        .eve-box div:nth-child(2) span {
            font-size: 14px;
            display: block;
            padding-bottom: 10px;
            font-weight: 500;
            color: #00000094;
        }

.eve-box:hover div:nth-child(1) img {
    transition: all 0.5s ease;
    transform: scale(1.1);
}

.all-list-sh .eve-box div:nth-child(2) {
    font-family: 'Poppins', sans-serif;
}

.eve-box div:nth-child(2) span.pho {
    padding-bottom: 0px;
}

.all-list-sh .eve-box div .qvv:before {
    display: none;
}

.eve-box div:nth-child(3) {
    width: 100%;
    padding: 10px 25px 10px 20px;
    border-top: 1px solid #efefef;
}

.fil-mob-clo {
    position: fixed;
    top: 110px;
    z-index: 99;
    display: inline-block;
    left: 68%;
    display: none;
}

    .fil-mob-clo i {
    }

.hom-eve-lhs-2 {
    float: left;
    width: 50%;
    padding-left: 25px;
}

    .hom-eve-lhs-2 ul {
    }

        .hom-eve-lhs-2 ul li {
            float: left;
            width: 100%;
            margin-bottom: 15px;
        }

.eve-box-list {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0px 10px 0px 0px;
    position: relative;
    overflow: hidden;
    border: 1px solid #efefef;
    box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);
    position: relative;
}

    .eve-box-list:hover h4 {
        color: #0e6db9;
    }

    .eve-box-list img {
        width: 65px;
        height: 65px;
        object-fit: cover;
        float: left;
        margin-right: 18px;
        transition: all 0.5s ease;
    }

    .eve-box-list h4 {
        margin-top: 14px;
        margin-bottom: 0px;
        color: #343c42;
        font-size: 14px;
        font-weight: 600;
        transition: all 0.5s ease;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
        /* padding-right: 50px;
     */
    }

    .eve-box-list p {
        color: #343c42;
        font-size: 12.5px;
        font-weight: 400;
        transition: all 0.5s ease;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
        margin-bottom: 0px;
        padding-top: 2px;
    }

    .eve-box-list span {
        position: absolute;
        background: #000000a1;
        z-index: 3;
        bottom: 0px;
        left: 0px;
        color: #ffffff;
        font-size: 12px;
        line-height: 15px;
        padding: 2px;
        border-radius: 0px;
        text-align: center;
        width: 65px;
    }

        .eve-box-list span b {
            font-weight: 600;
            padding-left: 2px;
        }

    .eve-box-list a {
        position: absolute;
        cursor: pointer;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 5;
    }
/*-------------------------------------------------*/
/* ALL LISTING
/*-------------------------------------------------*/
.mt-60 {
    /* margin-top:55px; */
}

.all-listing-pg {
    background: url(../images/list-p-bg.jpg) no-repeat center top;
}

.all-pro-pg {
    background: url(../images/all-product-bg.jpg) no-repeat center top;
}

.all-listing {
    margin-top: -100px;
    background-attachment: fixed;
    background-size: cover;
    padding-bottom: 4%;
}

    .all-listing:before {
    }

    .all-listing .row { /* box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13); */
        box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.22);
    }

    .all-listing .all-list-bre .row {
        box-shadow: none;
    }

    .all-listing .col-md-3 {
        padding: 0px 0px 0px 0px;
        background: #fff;
        border-radius: 5px 0 0 0;
    }

    .all-listing .near-view {
        padding: 0px;
    }

        .all-listing .near-view .all-filt {
            padding-right: 0px;
        }

    .all-listing .col-md-9 {
        border-radius: 0 5px 0 0;
        background: #eaeaea;
    }

.all-filt {
    /* background:#f5f5f5; */
    /* padding-right: 15px; */
    /*position: relative;
    height: 100%;*/
   /* position: sticky;
    height: 561px;
    top: 68px;
    overflow-y: scroll;*/
}

.all-list-sh {
    background: #eaeaea;
    padding: 20px 0px 40px 0px;
}

    .all-list-sh > .all-list-sh {
        padding: 0px 0px 0px 0px;
    }

    .all-list-sh ul li {
        /* margin-bottom: 15px; */
    }

        .all-list-sh ul li:last-child {
            margin-bottom: 0px;
        }

        .all-list-sh ul li .list-qview {
        }

    .all-list-sh .list-qview .eve-box div:nth-child(1) {
        width: 100%
    }

    .all-list-sh .list-qview .eve-box div:nth-child(2) span {
        width: 100%
    }

    .all-list-sh .list-qview .eve-box div:nth-child(3) .auth {
        width: 100%
    }

.all-filt .chosen-container {
    height: 40px;
}

.all-filt .chosen-container-single .chosen-single {
    height: 38px;
    margin: 0px;
    padding: 3px 3px 3px 12px;
    cursor: pointer;
}

    .all-filt .chosen-container-single .chosen-single span {
        font-weight: 500;
        font-size: 13px;
    }

.user-type {
}

.user-tcon {
    float: left;
    width: 100%;
    position: relative;
}

.user-tc-img {
    width: 100%;
    margin-bottom: 35px;
}

    .user-tc-img img {
        width: 15%;
        margin: 0 auto;
        display: table;
    }

.user-tc-diff {
}

    .user-tc-diff ul {
    }

        .user-tc-diff ul li {
            float: left;
            width: 50%;
        }

            .user-tc-diff ul li .pri-box {
                float: left;
            }

                .user-tc-diff ul li .pri-box .c6 {
                    text-align: center;
                    padding: 25px 5px 20px 5px;
                }

                    .user-tc-diff ul li .pri-box .c6 img {
                        width: 100px;
                    }

                    .user-tc-diff ul li .pri-box .c6 h4 {
                        margin: 30px 0px 0px 0px;
                        font-size: 20px;
                        text-transform: uppercase;
                        font-weight: 700;
                    }

                .user-tc-diff ul li .pri-box .c4 {
                    float: left;
                }

                    .user-tc-diff ul li .pri-box .c4 ol {
                        width: 60%;
                        margin: 0 auto;
                    }

                        .user-tc-diff ul li .pri-box .c4 ol li {
                        }

                .user-tc-diff ul li .pri-box .c5 {
                    float: left;
                }

                    .user-tc-diff ul li .pri-box .c5 a {
                        margin: 0 auto;
                        display: table;
                        padding: 10px 40px;
                    }

.fil-mob {
    cursor: pointer;
    background: #fce8d1;
    padding: 10px 5px;
    margin-top: -3px;
    box-shadow: 0px -10px 11px 4px rgba(0, 0, 0, 0.8);
    position: absolute;
    /* border-bottom: 1px solid #e5e5e5;
     */
    top: 59px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: translateY(-50px);
    width: 100%;
}

    .fil-mob.fil-mob-act {
        position: fixed;
        top: 57px;
        width: 100%;
        z-index: 11;
        box-shadow: 0px 6px 18px -11px rgba(0, 0, 0, 0.25);
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        transform: translateY(0px);
        display: none;
    }

    .fil-mob h4 {
        margin: 0px;
        font-size: 15px;
        text-align: center;
    }

        .fil-mob h4 i {
            font-size: 15px;
            vertical-align: middle;
            font-weight: 600;
        }

.filt-com {
    float: left;
    margin-bottom: 25px;
    width: 100%;
    padding: 0px 18px;
}

.list-filt-v2 {
    background: #fff;
    float: left;
    width: 100%;
    padding: 0px;
    box-shadow: 0px 0px 7px 0px #3333330f;
    border-radius: 4px;
    margin-top: 20px;
}

.list-filt-v2 {
}

    .list-filt-v2 ul {
    }

        .list-filt-v2 ul li {
            position: relative;
            padding: 0px;
            float: left;
            width: 16.6666666%;
            border-right: 1px solid #eaeaea;
        }

            .list-filt-v2 ul li .chbox input {
            }

            .list-filt-v2 ul li .chbox lable {
            }

    .list-filt-v2 .chbox input[type="checkbox"]:checked + label {
        background: #eafbee;
        /* border-bottom: 0px solid #a4d8b0; */
    }

    .list-filt-v2 .chbox label {
        padding: 5px 7px 5px 7px;
        float: left;
        text-align: center;
        margin: 0px;
        background: #f7f5f5;
        font-size: 12px;
        font-weight: 600;
        /* border-bottom: 3px solid #f7f5f5; */
    }

    .list-filt-v2 ul li .chbox {
    }

    .list-filt-v2 ul li .chbox {
        float: left;
        display: block;
        width: 100%;
    }

    .list-filt-v2 ul li:last-child {
        border-right: 0px solid #000;
    }

    .list-filt-v2 .chbox label:before, .list-filt-v2 .chbox label:after {
        right: 7px;
        left: auto;
        opacity: 0;
    }

    .list-filt-v2 .chbox label:before {
        right: 0px;
        top: 0px;
        width: 18px;
        height: 18px;
        border-radius: 0px 0px 0px 100px;
    }

    .list-filt-v2 .chbox input[type="checkbox"]:checked + label:before {
        opacity: 1;
    }

    .list-filt-v2 .chbox label:after {
        right: 3px;
        top: 3px;
    }

.lhs-search {
    display: none;
}

    .lhs-search ul {
    }

        .lhs-search ul li {
            float: left;
        }

            .lhs-search ul li:nth-child(1) {
                width: 75%;
            }

            .lhs-search ul li:nth-child(2) {
                width: 25%;
            }

            .lhs-search ul li:nth-child(1) input {
                background: #e8eaed;
                border: 0px;
                font-size: 15px;
                padding: 12px 18px;
                color: #0a0a0b;
                width: 100%;
                border-radius: 5px 0px 0px 5px;
                font-weight: 500;
                float: left;
            }

            .lhs-search ul li:nth-child(2) input {
                background: url(../images/icon/search.png) no-repeat, #d9dce1;
                border: 0px;
                font-size: 14px;
                padding: 12px 18px 13px 18px;
                color: #000;
                width: 100%;
                border-radius: 0px 5px 5px 0px;
                z-index: 9;
                background-position: center;
                background-size: 17px;
                float: left;
            }

.filt-com h4 {
    font-size: 15px;
    color: #3c4043;
    padding-left: 25px;
    margin-bottom: 12px;
    font-weight: 600;
}

    .filt-com h4:before {
        margin: -2px 0px 0px -25px;
        font-size: 20px;
    }

.lhs-cate h4:before {
    content: "apps";
}

.lhs-featu h4:before {
    content: "verified_user";
}

.lhs-sub h4:before {
    content: "verified_user";
}

.lhs-rati h4:before {
    content: "stars";
}

.filt-com .dropdown-menu {
    min-height: 200px;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
    width: 254px;
}

.pro-fil-pri h4:before {
    content: "monetization_on";
}

.pro-fil-dis h4:before {
    content: "shopping_cart";
}

.pro-fil-sub h4:before {
    content: "layers";
}

.pro-fil-sub ul {
    height: 180px;
    overflow: hidden;
}

    .pro-fil-sub ul:hover {
        overflow-y: auto;
    }
/*-------------------------------------------------*/
/* HOME PAGE 2
/*-------------------------------------------------*/
.hom2 {
    float: left;
    width: 100%;
    margin-top: 5px;
    padding: 0px 40px;
    background: #20344c;
}

    .hom2 .inn {
        background: #fff;
        float: left;
        width: 100%;
    }

    .hom2 .s1 {
        float: left;
        width: 20%
    }

        .hom2 .s1 .pmenu-spri {
            visibility: visible;
            opacity: 1;
            transform: translateY(0px);
        }

    .hom2 .s2 {
        float: left;
        width: 60%
    }

    .hom2 .s3 {
        float: left;
        width: 20%
    }

.hom2-ban-menu {
}

    .hom2-ban-menu ul {
    }

        .hom2-ban-menu ul li {
        }

            .hom2-ban-menu ul li a {
                color: #49494c;
                font-weight: 600;
                font-size: 13px;
                /* margin: 0px 10px 10px 0px; */
                display: inline-block;
                padding: 10px 20px;
                width: 100%;
                text-transform: uppercase;
            }

                .hom2-ban-menu ul li a img {
                    width: 28px;
                    margin-right: 15px;
                }

/*-------------------------------------------------*/
/* ALL LISTING -  Occupation SELECT
/*-------------------------------------------------*/
#dLabel {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    background-color: #e8eaed;
    border: solid 0px #cccccc;
    text-align: left;
    padding: 7.5px 15px;
    color: #0a0a0b;
    float: left;
    font-size: 15px;
    font-weight: 500;
}

.caret {
    float: right;
    margin-top: 9px;
    display: block;
}
/*.lhs-cate .dropdown:after{
     content: "arrow_drop_down";
     margin: 7px 0px 0px -26px;
     font-size: 18px;
     transition: all 0.5s ease;
}
 .lhs-cate .dropdown.show:after{
     transform: rotate(180deg);
     transition: all 0.5s ease;
}
*/
.dropdown-menu {
    width: 240px;
    padding: 0;
    margin: 0;
    left: auto;
    right: 0;
    background-color: #fff;
    border: 0px solid #f1f1f1;
    box-shadow: 0px 0px 37px -8px rgba(150,150,150,0.4);
}

.dropdown-menu-arrow:before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    right: 28px;
    transform: rotate(45deg);
    border-top: 1px solid #e9edf4;
    border-left: 1px solid #e9edf4;
}

.dropdown button:hover, .dropdown button:focus {
    border: none;
    outline: 0;
}

.dropdown.open button#dLabel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-bottom: none;
}

.dropdown.open ul {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
    border: solid 1px #666;
    border-top: none;
    height: 200px;
    overflow-y: scroll;
}

.dropdown-menu li {
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #3c3b3b;
    font-size: 14px;
    cursor: pointer;
    padding: 7.5px 15px;
    border-top: solid 1px #f3f3f3;
}

    .dropdown-menu li:hover {
        background-color: #ededed;
    }
/*-------------------------------------------------*/
/* ALL LISTING - FEATURE CHECKBOX
/*-------------------------------------------------*/
.lhs-featu {
}

    .lhs-featu ul {
    }

        .lhs-featu ul li {
        }

.chbox {
    position: relative;
}

    .chbox label {
        padding-left: 25px;
        cursor: pointer;
        font-weight: 500;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
        position: relative;
        width: 100%;
        line-height: 24px;
        margin-bottom: 1px;
    }

        .chbox label:before {
            content: "";
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 2px;
            cursor: pointer;
            height: 15px;
            left: 0;
            position: absolute;
            top: 5px;
            width: 15px;
        }

        .chbox label:after {
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            content: "";
            height: 6px;
            left: 3px;
            opacity: 0;
            position: absolute;
            top: 8px;
            transform: rotate(-45deg);
            width: 8px;
        }

    .chbox input[type="checkbox"] {
        visibility: hidden;
        display: none;
    }

        .chbox input[type="checkbox"]:checked + label:before {
            background-color: #219e3e;
            border-color: #219e3e;
        }

        .chbox input[type="checkbox"]:checked + label:after {
            opacity: 1;
        }
/*-------------------------------------------------*/
/* ALL LISTING - RATING RADIO BUTTON
/*-------------------------------------------------*/
.lhs-rati {
}

    .lhs-rati ul {
    }

        .lhs-rati ul li {
        }

.rbbox {
    position: relative;
}

    .rbbox label {
        padding-left: 10px;
        cursor: pointer;
        margin-bottom: 5px;
    }

        .rbbox label:before {
            content: "";
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 50%;
            cursor: pointer;
            height: 18px;
            left: 0;
            position: absolute;
            top: 2px;
            width: 18px;
        }

        .rbbox label:after {
            /* border: 2px solid #fff;
     */
            border-top: none;
            border-right: none;
            content: "";
            height: 10px;
            left: 4px;
            opacity: 0;
            position: absolute;
            top: 5px;
            /* transform: rotate(-45deg);
     */
            width: 10px;
            background: #ffffff;
            border-radius: 50px;
        }

    .rbbox input[type="radio"] {
        visibility: hidden;
    }

        .rbbox input[type="radio"]:checked + label:before {
            background-color: #ffffff;
            border-color: #000000;
        }

        .rbbox input[type="radio"]:checked + label:after {
            opacity: 1;
            background: #000;
            top: 6px;
        }

        .rbbox input[type="radio"]:checked + label i {
            color: #000;
            background: #ffe500;
        }

    .rbbox label i {
        font-size: 18px;
        color: #000000;
        padding-top: 1px;
        background: #eaeaea;
        padding: 2px;
        border-radius: 2px;
    }

#star-value {
    position: absolute;
    left: 175px;
    background: #FFC107;
    color: #000;
    font-weight: 600;
    font-size: 13px;
    padding: 0.5px 5px 1px 5px;
    border-radius: 3px;
    line-height: 18px;
}
/*-------------------------------------------------*/
/* ALL LISTING - ADS
/*-------------------------------------------------*/
.lhs-ads {
}

    .lhs-ads ul {
    }

        .lhs-ads ul li {
            margin-bottom: 15px;
        }

.ads-box {
    position: relative;
    /* margin:0px 10px;
     */
    border-radius: 7px;
    box-shadow: 0px 16px 11px -7px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease;
}

    .ads-box:hover {
        transition: all 0.5s ease;
        transform: translateY(-5px);
    }

    .ads-box img {
        width: 100%;
    }

    .ads-box span, .ban-ati-com span {
        position: absolute;
        background: #F44336;
        color: #fff;
        font-size: 10px;
        padding: 1px 3px;
        border-radius: 2px;
    }

.hom-ads {
    /* background: #d4e8f9; */
    padding: 40px 0px 0px 0px;
    position: relative;
    overflow: hidden;
    /* background: linear-gradient(to bottom,#ffede4, #ffe7db 100%); */
    float: left;
    width: 100%;
}

    .hom-ads .ads-box {
        width: 70%;
        margin: 0 auto;
    }

        .hom-ads .ads-box img {
            width: 100%;
            float: left;
            object-fit: cover;
            height: 95px;
            transition: all 0.5s ease;
            cursor: pointer;
        }

    .hom-ads .lhs-ads {
        margin: 0px;
    }

.hom-ads {
    margin: 15px 0px;
}

.ban-ati-com {
}

    .ban-ati-com a {
    }

        .ban-ati-com a img {
            width: 100%;
        }

.ads-all-list {
    padding: 0px 25px;
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0px;
}

.ads-det-page {
    padding: 20px 0px;
}

/*-------------------------------------------------*/
/* ALL LISTING - LISTING
/*-------------------------------------------------*/
.all-list-sh .eve-box {
    border: 0px solid #fff;
}

.all-list-sh .al-img .open-stat {
    background: #4caf50;
    font-size: 11px;
    font-weight: 500;
    border-radius: 5px;
    padding: 1px 5px 2px 5px;
    top: 5px;
    left: 5px;
}

.all-list-sh .al-img a img {
    height: 158px;
    border-radius: 2px;
}

.all-list-sh .al-img .auth img {
    height: 36px;
}

.all-list-sh .al-img {
    float: left;
    width: 35%;
    height: initial;
    border-radius: 7px;
    position: relative;
    margin-right: 18px;
}

    .all-list-sh .al-img:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #2432405e;
        left: 0px;
        transition: all ease 0.5s; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to bottom, #ffffff00, #0b253aba); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        border-radius: 4px;
    }

    .all-list-sh .al-img .auth {
        padding-left: 0px;
        position: absolute;
        left: 15px;
        bottom: 15px;
        padding: 0px;
        width: auto;
        display: none;
    }

        .all-list-sh .al-img .auth img {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            object-fit: cover;
            float: left;
            margin-right: 0px;
            border: 2px solid #a59174;
        }

        .all-list-sh .al-img .auth b {
            padding: 0px;
            font-size: 11px;
            font-weight: 400;
            color: #ac836d;
            line-height: 15px;
            float: left;
            display: none;
        }

        .all-list-sh .al-img .auth h4 {
            margin: 0px;
            font-size: 14px; /* float: left; */
            line-height: 15px;
            text-overflow: ellipsis;
            white-space: pre;
            overflow: hidden;
            margin-top: -7px;
            font-weight: 600;
            text-align: left;
            padding-left: 0px;
            display: none;
        }

        .all-list-sh .al-img .auth a {
            position: absolute;
            cursor: pointer;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            z-index: 5;
        }

.all-list-sh .eve-box div:nth-child(2) span {
    float: left;
    font-size: 13px;
    color: #333;
    /* font-family: 'Quicksand', sans-serif; */
    font-weight: 500;
    text-transform: lowercase;
}

    .all-list-sh .eve-box div:nth-child(2) span:nth-child(1) {
        float: initial;
        font-size: 13px;
    }

    .all-list-sh .eve-box div:nth-child(2) span:nth-child(2) {
    }

    .all-list-sh .eve-box div:nth-child(2) span:nth-child(3) {
    }

    .all-list-sh .eve-box div:nth-child(2) span.mail {
        padding-bottom: 0px;
        /*   padding-top: 10px;*/
    }

        .all-list-sh .eve-box div:nth-child(2) span.mail:before {
        }

.eve-box div:nth-child(2) span.addr {
    width: 100%;
    color: #232323; /* font-weight: 400; */
}

.eve-box div:nth-child(2) span.pho {
    width: 40%;
}

.eve-box div:nth-child(2) span.mail {
    width: 60%;
}

.all-list-sh .eve-box div:nth-child(2) .auth {
    width: 25%;
    float: left;
    padding-left: 0px;
}

    .all-list-sh .eve-box div:nth-child(2) .auth h4 {
        padding: 0px;
        font-size: 13px;
    }

.all-list-sh .eve-box div:nth-child(2) .links {
    width: 100%;
    float: left;
    padding: 0px;
    border: 0px;
    padding-top: 14px;
}

    .all-list-sh .eve-box div:nth-child(2) .links a, .all-list-sh .eve-box div:nth-child(2) .links span {
        float: left;
        font-size: 11.5px;
        margin: 0px 3px;
        font-weight: 600;
        border: 1px solid #eaeaea;
        color: #3e4c56;
        padding: 5px 18px;
        border-radius: 2px;
        width: auto;
        cursor: pointer;
        font-family: inherit;
    }

    .all-list-sh .eve-box div:nth-child(2) .links .what { /* background: #f44336; */ /* color: #fff; */ /* border: 1px solid #f44336; */
        padding: 5px 18px 5px 38px;
    }

        .all-list-sh .eve-box div:nth-child(2) .links .what:before {
            content: '';
            position: absolute;
            background: url('../images/icon/whatsapp.png') no-repeat;
            background-size: cover;
            width: 15px;
            height: 15px;
            margin: 0px 0px 0px -22px;
        }

.all-list-sh .rat {
    position: absolute;
    right: 48px;
    top: 12px;
}

    .all-list-sh .rat i {
        color: #FF9800;
        font-size: 18px;
        width: 12px;
    }

.all-list-sh .eve-box div:nth-child(2) h4 {
    padding-bottom: 4px;
    margin: 0px;
    line-height: 0px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
}

.catecss {
    font-size: 15px;
}

.all-list-sh .eve-box div:nth-child(2) h4 a {
    color: #212529;
    /* float: left;*/
    line-height: 28px;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.all-list-sh .eve-box div:nth-child(2) h4 .li-veri {
    float: left;
}

    .all-list-sh .eve-box div:nth-child(2) h4 .li-veri img {
        width: 13px;
        margin: 5px 0px 0px 5px;
    }

.all-list-sh .eve-box div:nth-child(2) .links .quo {
    background: #f44336;
    color: #fff;
    border: 1px solid #f44336;
}

.all-list-sh .eve-box:hover div:nth-child(2) .links a:first-child {
    background: #FFC107;
    color: #000;
    border: 1px solid #ffc107;
}

.all-list-sh .list-prom {
    background: #fdf5dd;
    border: 12px solid #fdf5dd;
}

    .all-list-sh .list-prom:before {
        content: 'Ad';
        position: absolute;
        background: #f6b800;
        color: #000;
        font-weight: 700;
        font-size: 10px;
        padding: 1px 3px;
        border-radius: 0px 0px 2px 0px;
        z-index: 1;
        left: 0px;
        top: 0px;
        font-family: 'Quicksand', sans-serif;
    }

/*-------------------------------------------------*/
/* ALL LISTING - FOOTER
/*-------------------------------------------------*/
.list-foot {
    background: #191919;
    color: #7f7f7f;
    padding: 50px 0px 150px 0px;
}

.list-foot-abo, .list-foot-faq {
    width: 65%;
    margin: 0 auto;
    display: table;
}

    .list-foot-abo h2 {
        padding-bottom: 15px;
    }

    .list-foot-abo h4 {
        padding-bottom: 10px;
    }

    .list-foot-abo h2, .list-foot-abo h4, .list-foot-faq h3, .wed-hom-footer h4 {
        font-size: 13px;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .list-foot-abo p {
        font-size: 12.5px;
        line-height: 23px;
    }

.list-foot-faq {
    padding-top: 35px;
    border-top: 1px dashed #5d5b5b;
    margin-top: 30px;
}

    .list-foot-faq h3 {
        padding-bottom: 15px;
    }

    .list-foot-faq .how-to-coll {
        width: 100%;
        border: 1px solid #313030;
    }

        .list-foot-faq .how-to-coll ul {
        }

            .list-foot-faq .how-to-coll ul li {
                position: relative;
                border-bottom: 1px solid #313030;
                padding: 13px 20px;
            }

                .list-foot-faq .how-to-coll ul li h4 {
                    font-size: 13px;
                    color: #c3c3c3;
                }

.list-foot .how-to-coll li h4:after {
    color: #7f7f7f;
}

.list-foot-faq .how-to-coll ul li div {
}

    .list-foot-faq .how-to-coll ul li div p {
        font-size: 12px;
    }
/*-------------------------------------------------*/
/* ALL LISTING - LISTING QUICK VIEW
/*-------------------------------------------------*/
.list-qview {
    position: fixed;
    right: -400px;
    width: 350px;
    height: 100%;
    top: 0px;
    z-index: 33;
    background: #fff;
    overflow-y: auto;
    transition: all 0.5s ease-in-out;
}

    .list-qview .eve-box {
        border: 0px;
    }

    .list-qview.qview-show {
        transition: all 0.5s ease-in-out;
        right: 0%;
        box-shadow: -22px 0px 73px -22px rgba(42, 42, 42, 0.48);
    }

.list-qview {
}

    .list-qview .com {
        padding: 30px 25px 0px 25px;
    }

        .list-qview .com h4 {
            font-size: 14px;
            font-weight: 400;
        }

            .list-qview .com h4 b {
            }

        .list-qview .com p {
            font-size: 13px;
            line-height: 24px;
            color: #555;
        }

        .list-qview .com ul {
        }

            .list-qview .com ul li {
                float: left;
                margin-right: 5px;
            }

    .list-qview .auth {
    }

    .list-qview .shar {
    }

        .list-qview .shar ul li {
        }

            .list-qview .shar ul li a {
            }

                .list-qview .shar ul li a img {
                }

    .list-qview .more {
        float: left;
        width: 100%;
        padding-bottom: 30px;
    }

        .list-qview .more a {
            font-size: 14px;
            margin: 0px;
            font-weight: 600;
            border: 1px solid #ffffff;
            color: #fff;
            padding: 12px 12px;
            float: left;
            width: 100%;
            text-align: center;
            background: #51c0ff;
            border-radius: 3px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

            .list-qview .more a:nth-child(1) {
            }

            .list-qview .more a:nth-child(2) {
            }

    .list-qview .eve-box div:nth-child(2) span.pho {
        padding-bottom: 10px;
    }

    .list-qview .eve-box div:nth-child(2) span {
        font-size: 13px;
        color: #333;
    }

    .list-qview .eve-box div:nth-child(1) span.clo-list {
        cursor: pointer;
        background: #0000003d;
        padding: 2px;
        border-radius: 2px;
    }

    .list-qview .clo-list {
    }

        .list-qview .clo-list i {
        }

    .list-qview .eve-box div:nth-child(3) .auth {
        padding-left: 0px;
    }

.auth {
    position: relative;
    overflow: hidden;
}

    .auth img, .eve-box .auth img {
        width: 36px !important;
        height: 36px !important;
        border-radius: 50%;
        object-fit: cover;
        float: left;
        margin-right: 10px;
        transition: all 0.5s ease;
        cursor: pointer;
    }

    .auth b {
        padding: 0px;
        font-size: 11px;
        font-weight: 400;
        color: #1977f3;
        line-height: 15px;
        float: left;
    }

    .auth h4 {
        margin: 0px;
        font-size: 15px;
        /* float: left; */
        line-height: 15px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
        margin-top: -7px;
        text-transform: capitalize;
        font-weight: 600;
        text-align: left;
        padding-left: 0px;
    }

    .auth .fclick {
    }
/*-------------------------------------------------*/
/* ALL LISTING - GET QUOTE POPUP
/*-------------------------------------------------*/
.quote-pop {
    padding: 40px;
}

    .quote-pop h4 {
        font-size: 24px;
        text-align: center;
        font-weight: 700;
        padding-bottom: 15px;
        text-transform: capitalize;
    }

.pop-quo .quote-pop .btn {
    width: 100%;
    background: #1977f3;
    border: 1px solid #1977f3;
    border-radius: 50px;
    font-size: 17px;
    font-weight: 500;
    padding: 8px 0px;
}

.pop-quo .modal-dialog {
    max-width: 430px;
}
/*-------------------------------------------------*/
/* LISTING DETAILS
/*-------------------------------------------------*/
.list-bann {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 0px;
}

    .list-bann:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #3e5662cc;
        background: linear-gradient(to top, rgb(62, 67, 76) 2%, rgba(0, 0, 0, 0.1) 139%);
        left: 0px;
    }

    .list-bann img {
        width: 100%;
        float: left;
        object-fit: cover;
        height: 500px;
        transition: all 0.5s ease;
    }

.pg-list-1 {
    position: relative;
    width: 100%;
    box-sizing: content-box;
    /* background: #ffffff; */
    /* float: left;
     */
    /* box-shadow: 0px 1px 16px -8px rgba(42, 42, 42, 0.68); */
    margin: -375px 0px 15px 0px;
}

.pg-list-prop {
    background: url(../images/list-deta/prop-bg.html) no-repeat;
    background-size: cover;
    box-sizing: content-box;
}

.pg-list-shop {
    background: url(../images/list-deta/shop-bg.html) no-repeat;
    background-size: cover;
    box-sizing: content-box;
}

.pg-list-auto {
    background: url(../images/list-deta/auto-bg.html) no-repeat;
    background-size: cover;
    box-sizing: content-box;
}

.pg-list-1:before {
}

.list-pg-bg .container {
    position: relative;
    background: #fff;
    border-radius: 4px;
}

.list-pg-bg .com-padd {
    padding: 18px 18px 10px 18px;
    /* background: #f5f8ff;*/
    border-radius: 20px 20px 0px 0px;
    float: left;
    width: 100%;
}

.pg-list-1-left {
    padding: 0px 40px 15px 0px;
    position: relative;
    float: left;
    width: 50%;
    color: #fff;
}

.list-rat-all {
    float: left;
    width: 100%;
    padding-bottom: 25px;
}

    .list-rat-all b {
        float: left;
        color: #fff;
        font-size: 18px;
        line-height: 22px;
        background: #FF9800;
        padding: 1px 5px;
        border-radius: 2px;
    }

    .list-rat-all .rat {
        float: left;
        padding: 1px 12px 0px 6px;
        margin: 0px;
    }

        .list-rat-all .rat i.ratstar {
            color: #fff;
        }

    .list-rat-all span {
        float: left;
        font-size: 12px;
        padding: 5px 0px 0px 0px;
    }

.pg-list-1-left .rat {
}

    .pg-list-1-left .rat i {
        color: #FF9800;
        font-size: 20px;
        width: 14px;
    }

.list-foot-abo .list-rat-all b {
}

.list-foot-abo .list-rat-all .rat {
}

    .list-foot-abo .list-rat-all .rat i {
        color: #FF9800;
        font-size: 20px;
        width: 14px;
    }

        .list-foot-abo .list-rat-all .rat i.ratstar {
            color: #d4d4d4;
        }

.rat i.ratstar {
    color: #d4d4d4;
}

.pg-list-1-pro {
    float: left;
    width: 100%; /* display: none; */
    position: relative;
    padding-bottom: 20px;
}

    .pg-list-1-pro img {
        width: 190px;
        float: left;
        object-fit: cover;
        height: 175px;
        /* position: absolute; */
        border-radius: 5px;
        border: 0px solid #000;
        /* margin-right: 28px; */
        box-shadow: 0px -15px 16px -8px rgba(0, 0, 0, 0.28);
        background: #fff;
        /* padding: 5px; */
    }

    .pg-list-1-pro .stat {
        position: absolute;
        background: #2cbd32;
        color: #fff;
        /* font-weight: 600; */
        left: 5px;
        top: 5px;
        float: left;
        width: 36px;
        height: 36px;
        text-align: center;
        text-shadow: 0 0 2px #333333a8;
        border-radius: 50px;
    }

        .pg-list-1-pro .stat i {
            vertical-align: middle;
            padding: 5px;
        }

.pg-list-1-left h3 {
    font-weight: 800;
    /* color: #ffffff; */
    float: left;
    /* padding: 5px 0px 8px 235px; */
    font-size: 32px;
    line-height: 50px;
    padding-bottom: 0px;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 100%;
}

.pg-list-1-left p {
    font-size: 16px;
    display: block;
    float: left;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
}

.pg-list-1-left h4 {
    color: #000000;
    padding: 15px 00px;
    font-size: 16px;
}

.pag-p1-phone {
    float: left;
    width: 100%;
    /* padding-left: 235px; */
}

    .pag-p1-phone ul {
    }

        .pag-p1-phone ul li {
            font-size: 15px;
            float: left;
            padding: 0px 30px 10px 24px;
            color: #c1c1c1;
            font-family: 'Quicksand', sans-serif;
            font-weight: 700;
        }

            .pag-p1-phone ul li:before {
                margin: -2px 0px 0px -30px;
                color: #c1c1c1;
            }

            .pag-p1-phone ul li.ic-php:before {
                content: 'phone';
            }

            .pag-p1-phone ul li.ic-mai:before {
                content: 'email';
            }

            .pag-p1-phone ul li.ic-web:before {
                content: 'language';
            }

.pglist-p-com {
    margin-bottom: 7px; /*
    padding-bottom: 20px;*/
}

.pglist-p-com-ti {
    /*border-bottom: 1px solid #e0e6f5;*/
    display: flex;
}

    .pglist-p-com-ti h3 {
        padding: 15px 20px;
        background: #fff;
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 0px;
    }

        .pglist-p-com-ti h3 span {
            color: #8a8d92;
            font-weight: 700;
            font-size: 16px;
            text-transform: uppercase;
        }

.list-desc-area {
}

    .list-desc-area h2, .list-desc-area h3, .list-desc-area h4, .list-desc-area h5, .list-desc-area h6, .eve-deta-body-main h2, .eve-deta-body-main h3, .eve-deta-body-main h4, .eve-deta-body-main h5, .eve-deta-body-main h6 {
        font-weight: 600;
    }

    .list-desc-area h2, .eve-deta-body-main h2 {
        font-size: 22px;
    }

    .list-desc-area h3, .eve-deta-body-main h3 {
        font-size: 18px;
    }

    .list-desc-area h4, .eve-deta-body-main h4 {
        font-size: 16px;
    }

    .list-desc-area h5, .eve-deta-body-main h5 {
        font-size: 14px;
    }

    .list-desc-area h6, .eve-deta-body-main h6 {
        font-size: 12px;
    }

    .list-desc-area ul, .eve-deta-body-main .lhs ul {
        padding-left: 15px;
    }

        .list-desc-area ul li, .eve-deta-body-main .lhs ul li {
            padding-left: 15px;
        }

            .list-desc-area ul li:before, .eve-deta-body-main .lhs ul li:before {
                content: '';
                position: absolute;
                width: 6px;
                height: 6px;
                background: #d0d1c3;
                border-radius: 50%;
                margin: 9px 0px 0px -15px;
            }

.eve-deta-body-main ul li {
    font-size: 14px;
    line-height: 24px;
}

.list-360 {
}

    .list-360 iframe {
        width: 100%;
        height: 300px;
        border: 0px;
    }

.list-tit-mar-0 {
    padding-top: 0px !important;
}

.pglist-p-com-ti h3 i {
}

.list-slider {
}

.list-slider-nav {
    margin-top: 175%;
    position: absolute;
    background: #ffe500;
    width: 32px;
    height: 32px;
    padding: 5px;
    text-align: center;
    border-radius: 2px;
    color: #000;
}

.list-slider-nav-rp {
    margin-right: 40px;
    position: initial;
}

.list-page-com-p {
}

    .list-page-com-p p, .list-desc-area li {
        font-size: 14px;
        color: #56595d;
        line-height: 24px;
        font-weight: 500;
        font-family: 'Quicksand', sans-serif;
    }

/*--===== MIGHT LINKE ======--*/
.list-rel-list {
}

    .list-rel-list .inn {
        background: #fff;
        border: 1px solid #e0e6f5;
        border-radius: 10px;
        padding: 20px;
        overflow: hidden;
        min-height: 250px;
        max-height: 682px;
    }

        .list-rel-list .inn:hover {
            overflow-y: auto;
        }

.list-rel-list-tit {
}

    .list-rel-list-tit h3 {
        padding: 20px 20px 10px 20px;
        /* background: #fff; */
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 1px;
    }

        .list-rel-list-tit h3 span {
        }

.list-rel-list-com {
    position: relative;
    /* overflow: hidden; */
    margin-bottom: 12px;
}

    .list-rel-list-com:last-child {
        margin-bottom: 0px;
    }

    .list-rel-list-com:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #141a3e8c;
        border-radius: 5px;
        z-index: 1;
    }

    .list-rel-list-com a {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

.list-rel-list-img {
    overflow: hidden;
    position: relative;
    /* z-index: 2; */
    border-radius: 5px;
}

    .list-rel-list-img img {
        width: 100%;
        /* border-radius: 5px; */
        height: 200px;
        object-fit: cover;
        transition: all 0.5s ease;
    }

.list-rel-list-com:hover img {
    transform: scale(1.2);
}

.list-rel-list-img span {
}

.list-rel-list-con {
    position: absolute;
    bottom: 2px;
    left: 25px;
    color: #fff;
    z-index: 2;
}

    .list-rel-list-con h5 {
        font-size: 16px;
        font-weight: 600;
        padding-top: 20px;
    }

    .list-rel-list-con p {
        font-size: 13px;
    }

    .list-rel-list-con span {
        /* position: absolute; */
        background: #0dc73d;
        padding: 4px;
        font-weight: 600;
        color: #fff;
        /* right: 15px; */
        /* top: 0px; */
        font-size: 14px;
        border-radius: 2px;
    }


/*--==== QUICK LINKS ====--*/
.v3-list-ql {
    position: fixed;
    top: 68px;
    width: 100%;
    /* height: 46px; */
    background: #151f31;
    z-index: 16;
    transition: all 1s;
    -webkit-box-shadow: 0 1px 3px #960;
    -moz-box-shadow: 0 1px 3px #960;
    box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.24);
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.v3-list-ql-inn {
    width: 100%;
}

    .v3-list-ql-inn ul {
        margin-bottom: 0px;
        display: table;
        margin: 0 auto;
    }

        .v3-list-ql-inn ul li {
            float: left;
        }

            .v3-list-ql-inn ul li a {
                color: #1351c1;
                border-right: 1px solid #e4ecf2;
                /* line-height: 50px; */
                display: block;
                padding: 12px 15px;
                font-size: 12.5px;
                font-weight: 500;
            }

                .v3-list-ql-inn ul li a i {
                    margin-right: 5px;
                    vertical-align: middle;
                    font-size: 17px;
                    margin-top: -1px;
                    /* color: #b3bccd; */
                }

                .v3-list-ql-inn ul li a:hover {
                    background: #1a90f6;
                    color: #fff;
                }

    .v3-list-ql-inn .active-list a {
        background: #1a90f6;
        color: #fff;
    }

/*--==== LISTING SHARE =====--*/
.share-btn {
    padding-bottom: 10px;
}

    .share-btn ul {
        margin-bottom: 0px;
    }

        .share-btn ul li:nth-child(1) a {
        }

        .share-btn ul li:nth-child(2) a {
        }

        .share-btn ul li:nth-child(3) a {
        }

        .share-btn ul li a {
            /* padding: 6px 10px; */
            /* color: #fff; */
            /* font-weight: 500; */
            /* font-size: 12px; */
            /* border-radius: 3px; */
            /* text-shadow: none; */
            /* float: left; */
            display: inline-block;
            border-radius: 5px;
        }

            .share-btn ul li a.so-fb {
                background: #3b5998;
            }

            .share-btn ul li a.so-tw {
                background: #00aced;
            }

            .share-btn ul li a.so-wa {
                background: #65b168;
            }

            .share-btn ul li a.so-li {
                background: #526ca5;
            }

            .share-btn ul li a.so-in {
                background: #fbe4d0;
            }

            .share-btn ul li a.so-pi {
                background: #da271a;
            }

        .share-btn ul li {
            display: inline-block;
            margin-bottom: 0px;
            margin-right: 1px;
        }

            .share-btn ul li i {
                padding-right: 3.75pt;
            }

    .share-btn ul {
        padding-left: 0px;
    }

        .share-btn ul li {
            padding-left: 0px;
        }

            .share-btn ul li:before {
                display: none;
            }

            .share-btn ul li img {
                width: 32px;
                padding: 3px;
            }
/*--==== LISTING SERVICES =====--*/
.pg-list-ser-area {
    padding: 10px 20px 0px 20px;
}

    .pg-list-ser-area ul {
    }

        .pg-list-ser-area ul li {
            /* border-color: #e4e6ef !important; */
            /* border: 1px solid #dcdcdf; */
            display: inline-block;
            margin: 0px 12px 12px 0px;
            /* width: 24%; */
            background: #7cb5ff33;
            padding: 1%;
            border-radius: 22px;
        }

            .pg-list-ser-area ul li span {
                font-size: 14px;
                font-weight: 500;
                border-radius: 14px;
                padding: 10px 15px;
                /* border-radius: 3px; */
                background: #f1fafd;
                /* font-family: 'Quicksand', sans-serif; */
                color: #1551a0;
                /* background-color: #f5f6fa; */
                /* border: 1px solid #e9eff4;*/
            }

.pg-list-ser {
    padding: 0px 10px;
}

    .pg-list-ser ul {
    }

        .pg-list-ser ul li {
            padding: 8px;
            float: left;
        }

            .pg-list-ser ul li h4 {
            }

.pg-list-ser-p1 {
    position: relative;
}

    .pg-list-ser-p1:hover img {
        /*-moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);*/
    }

    .pg-list-ser-p1 img {
        width: 100%;
        transition: all .5s ease;
        /* height: 150px; */
        object-fit: cover;
    }

.list-pg-lt .pg-list-ser img {
    height: 150px;
}

.pg-list-ser-p2 {
    position: absolute;
    /* text-align: center;
     */
    width: 89.5%;
    margin-top: -35px;
}

    .pg-list-ser-p2 h4 {
        text-align: center;
        color: #fff;
        font-size: 16px;
    }

.list-pg-bg {
    padding-bottom: 100px;
}

.pglist-bg {
    background: #fff;
    border-bottom: 1px solid #e0e6f5;
}

.lide-guar {
    padding-bottom: 0px;
}

.list-pg-inn-sp {
    padding: 18px 44px 10px 20px;
}

.list-rom-pric {
    position: absolute;
    padding: 0px 10px;
    font-weight: 600;
    right: 15px;
    top: 0px;
    font-size: 25px;
    border-radius: 2px;
    background: #ffede3;
    color: #f68b51;
}

.list-room-type {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
}

    .list-room-type ul {
        padding: 0px;
    }

        .list-room-type ul li {
            display: inline-block;
            float: left;
            color: #636363;
            font-size: 14px;
        }

            .list-room-type ul li img {
                width: 18px;
                /* margin-right: 7px;
     */
                /* border: 1px solid #333;
     */
                /* padding: 3px;
     */
                border-radius: 40px;
            }

            .list-room-type ul li:nth-child(1) {
            }

            .list-room-type ul li:nth-child(2) {
            }

.list-room-deta {
}

    .list-room-deta h3 {
        font-size: 20px;
        color: #141f31;
        font-weight: 600;
        font-size: 18px;
    }

.list-room-rati {
    padding: 10px 0px 5px 0px;
}

.list-rom-ami {
}

    .list-rom-ami ul li {
        /* padding-right: 10px;
     */
        padding-bottom: 6px;
        font-size: 12px;
        background: #f5f5f5;
        border-radius: 4px;
        margin-right: 5px;
        padding: 4px 8px;
        margin-bottom: 5px;
    }

        .list-rom-ami ul li img {
            vertical-align: sub;
            width: 15px;
            height: 15px;
            /* display: none;
     */
        }

.list-room-mar-o {
}

.lp-ur-all {
    position: relative;
    overflow: hidden;
}

.lp-ur-all-rat {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #e2e2e2;
    margin-top: 20px;
    padding-top: 20px;
}

.lp-ur-all-left {
    float: left;
    width: 40%;
    border-right: 4px solid #6b7f8a;
    padding-right: 20px;
}

.lp-ur-all-left-1 {
    float: left;
    width: 100%;
}

.lp-ur-all-left-2 {
    /* float: left;
     */
    /* width: 50%;
     */
}

.lp-ur-all-left-11 {
    float: left;
    width: 50%;
    font-size: 13.5px;
    padding-right: 14px;
    color: #4d5158;
    font-weight: 600;
}

.lp-ur-all-left-12 {
    float: left;
    width: 50%;
    height: 6px;
    background: #dadada;
    margin-top: 7px;
    border-radius: 0px;
}

.lp-ur-all-left-13 {
    width: 100%;
    background: #43a047;
    height: 6px;
    border-radius: 0px;
}

.lp-ur-all-left-Good {
    width: 50%;
    background: #73ca14;
}

.lp-ur-all-left-satis {
    width: 18%;
    background: #3dbbd0;
}

.lp-ur-all-left-below {
    width: 20%;
    background: #ca7224;
}

.lp-ur-all-left-poor {
    width: 5%;
    background: #de382c;
}

.lp-ur-all-right {
    float: left;
    width: 60%;
    padding: 2px 20px;
}

    .lp-ur-all-right h5 {
        font-weight: 500;
        font-size: 18px;
        padding: 14px 0px 0px 0px;
    }

    .lp-ur-all-right p {
    }

        .lp-ur-all-right p label {
            margin-bottom: 0px;
            margin-right: 10px;
        }

            .lp-ur-all-right p label i {
                color: #51c0ff;
                width: 30px;
                font-size: 34px;
            }

        .lp-ur-all-right p span {
            background: #a2c1bc;
            /* font-size: 34px;
     */
            color: #fff;
            font-weight: 600;
            /* border-radius: 5px;
     */
            vertical-align: top;
            padding: 1px 8px;
            border-radius: 2px;
            margin-top: 3px;
            display: inline-block;
        }

.lp-ur-all-rat {
}

    .lp-ur-all-rat h5 {
        padding: 15px 0px 5px 0px;
        background: #fff;
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;
    }

    .lp-ur-all-rat ul {
        margin-bottom: 0px;
    }

        .lp-ur-all-rat ul li {
            position: relative;
            overflow: hidden;
            border-bottom: 1px solid #e2e2e2;
            padding-top: 15px;
            padding-bottom: 5px;
        }

            .lp-ur-all-rat ul li:last-child {
                padding-bottom: 0px;
                border: 0px;
            }

                .lp-ur-all-rat ul li:last-child p {
                    padding-bottom: 0px;
                    margin-bottom: 0px;
                }

.lr-user-wr-img {
    float: left;
    /* width: 10%;
     */
    display: inline-block;
}

    .lr-user-wr-img img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        object-fit: cover;
    }

.lr-user-wr-con {
    float: left;
    width: 90%;
    display: inline-block;
    padding: 0px 20px;
}

    .lr-user-wr-con h6 {
        line-height: 20px;
        font-size: 15px;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .lr-user-wr-con .rat {
        margin-bottom: 0px;
    }

        .lr-user-wr-con .rat i {
            color: #FF9800;
            font-size: 20px;
            width: 14px;
        }

    .lr-user-wr-con p {
        font-size: 14px;
        color: #21344c;
    }

.lr-revi-date {
    font-size: 13px;
    color: #828282;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.lr-user-wr-con h6 span {
    background: #55bf15;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    padding: 4px 4px;
    border-radius: 4px;
    vertical-align: top;
    margin-left: 6px;
}

    .lr-user-wr-con h6 span i {
        font-size: 10px;
        vertical-align: text-top;
    }

.list-pg-write-rev form input {
    height: 45px;
    position: relative;
    padding: 15px 24px;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #e8e8e8;
    text-indent: 0;
    line-height: 12px;
    -webkit-transition: border-color .4s, color .4s;
    transition: border-color .4s, color .4s;
    /* -webkit-appearance: none;
     */
    width: 100%;
    font-size: 14px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 2px;
    font-weight: 500;
}

    .list-pg-write-rev form input[type='submit'] {
        margin-top: 15px;
        background: #51c0ff;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        border-radius: 3px;
        border: 0px;
        margin-bottom: 0px;
    }

.list-pg-write-rev form label {
    top: 14px;
}

.list-pg-write-rev form textarea {
    height: 100px;
    position: relative;
    padding: 15px 24px;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #e8e8e8;
    text-indent: 0;
    line-height: 26px;
    -webkit-transition: border-color .4s, color .4s;
    transition: border-color .4s, color .4s;
    /* -webkit-appearance: none;
     */
    width: 100%;
    font-size: 15px;
    background: #fff;
}

.list-pg-guar {
}

    .list-pg-guar ul {
        margin-bottom: 0px;
    }

        .list-pg-guar ul li {
            border-bottom: 1px solid #e2e2e2;
            padding: 12px 0px 5px 0px;
        }

            .list-pg-guar ul li:nth-child(1) {
                padding: 5px 0px 5px 0px;
            }

            .list-pg-guar ul li:nth-child(3) {
                border-bottom: 0px solid #e2e2e2;
                padding-bottom: 5px;
            }

            .list-pg-guar ul li h4 {
                font-size: 15px;
                padding-bottom: 0px;
                font-weight: 700;
            }

            .list-pg-guar ul li p {
                line-height: 18px;
                font-size: 13px;
                color: #56595d;
            }

            .list-pg-guar ul li .clim-edit {
                background: #F44336;
                color: #fff;
                font-size: 11px;
                padding: 2px 7px;
                border-radius: 2px;
                margin-bottom: 10px;
                display: inline-block;
                font-weight: 500;
                cursor: pointer;
            }

.list-pg-guar-img {
    display: inline-block;
    float: left;
    height: 100%;
    margin-right: 15px;
    margin-bottom: 8px;
}

    .list-pg-guar-img img {
    }

.list-pg-btn {
    width: 100%;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
}

.pglist-p-com-ti-right {
}

    .pglist-p-com-ti-right h3 {
        background: #1977f3;
        color: #fff;
        font-size: 15px;
        border-radius: 10px 10px 0 0;
    }

        .pglist-p-com-ti-right h3 span {
            color: #ffffff;
            font-size: 15px;
            font-weight: 400;
        }

.form-notes {
    background: #fffed9;
    color: #969457;
    border: 1px solid #f2f1b9;
    padding: 15px;
    margin-top: 15px;
}

    .form-notes p {
        margin: 0px;
        font-size: 12px;
        text-align: center;
    }

.pg-list-user-pro {
    background: url('../images/profile-bg.html') no-repeat;
    height: 100px;
    background-size: cover;
}

    .pg-list-user-pro img {
        /* display: table;
     */
        /* margin: 0 auto;
     */
        position: relative;
        /* left: 40%;
     */
        margin-top: 72px;
        margin-left: 41%;
    }

.list-pg-upro {
    text-align: center;
    padding-top: 30px;
}

    .list-pg-upro h5 {
        font-size: 16px;
    }

    .list-pg-upro p {
        padding-bottom: 5px;
        font-size: 15px;
    }

    .list-pg-upro a {
        background: #f44336;
    }

.list-pg-map {
}

    .list-pg-map iframe {
        height: 180px;
        width: 100%;
        border: 0px;
    }

.list-pg-oth-info {
}

    .list-pg-oth-info ul {
    }

        .list-pg-oth-info ul li {
            border-bottom: 1px solid #e0e6f5;
            padding: 10px 0px;
            font-weight: 500;
            font-size: 13px;
            color: #56595d;
        }

            .list-pg-oth-info ul li:last-child {
                border-bottom: 0px solid #e2e2e2;
                padding-bottom: 0px;
            }

            .list-pg-oth-info ul li span {
                float: right;
                text-align: right;
                background: #f7f8fa;
                /* color: #fff;
     */
                border-radius: 5px;
                padding: 0px 5px;
                border: 1px solid #e2e2e2;
                font-size: 13px;
            }

.green-bg {
    background: #55bf15 !important;
    color: #fff;
}

.list-mig-like {
    display: none;
}

.list-mig-like-com {
    position: relative;
    border-radius: 10px;
    /* margin-bottom: 20px; */
    /* background: #14addb; */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 10px;
    cursor: pointer;
}

.list-mig-lc-img {
}

.list-mig-like-com:hover img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /* opacity: 0.5; */
}

.list-mig-lc-img img {
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
}

.list-mig-like-com:before {
    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 10%, rgba(84, 84, 84, 0.35) 80%); */
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 5px;
}

.list-mig-lc-con {
    position: absolute;
    width: 100%;
    margin-top: -104px;
    padding: 20px 20px 0px 20px;
    display: block;
    z-index: 1;
}

.list-mig-lc-con2 {
    margin-top: -90px;
}

.list-mig-lc-con h5 {
    font-size: 18px;
    color: #fff;
    padding-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
}

.list-mig-lc-con h6 {
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: -20px;
    /* right: 0px;
     */
    border: 1px solid #fff;
    padding: 8px 10px 3px 10px;
    border-radius: 18px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

.list-mig-lc-con p {
    color: #c1c1c1;
    font-size: 13px;
}

.list-mi-pr {
    top: 15px;
}

.list-ri-spec-tit {
}

    .list-ri-spec-tit h3 {
        padding: 5px 20px 18px 20px;
        /* background: #fff;
     */
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: 1px;
    }

        .list-ri-spec-tit h3 span {
            font-weight: 700;
            font-size: 16px;
        }

.list-rat-ch {
}

    .list-rat-ch span {
        width: 25px;
        height: 25px;
        background-color: #ffe500;
        /* bottom: 8px;
     */
        padding: 4px;
        border-radius: 2px;
        color: #000;
        font-weight: 600;
        text-align: center;
        font-size: 12px;
        text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
        margin-right: 10px;
    }

    .list-rat-ch i {
        color: #000000;
        text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.6);
        border: 1px solid #000;
        padding: 3px 2px 2px 2px;
        text-align: center;
        border-radius: 3px;
        background: #ffe500;
        font-size: 11px;
    }
/*-------------------------------------------------------*/
/* LISTING LEAD FORM
/*-------------------------------------------------------*/
.list-pg-lt {
    width: 70%;
    float: left;
    /*background: #f5f8ff;*/
}

.list-pg-rt {
    width: 30%;
    float: left;
    padding: 0px 0px 0px 20px;
    position: sticky;
    top: 57px;
    /*background: #f5f8ff;*/
}

.list-page-enq {
    margin-top: 60px;
    background: url('../images/banner2.html') no-repeat;
    background-size: cover;
    position: relative;
}

    .list-page-enq:before {
        content: '';
        position: absolute;
        background: linear-gradient(to top, rgba(32, 52, 76, 0.64) 14%, rgba(0, 0, 0, 0.55) 66%);
        top: 0px;
        bottom: 0px;
        left: 0px;
        width: 100%;
    }

.lpe-com-main {
    position: relative;
    overflow: hidden;
    width: 75%;
    margin: 0 auto;
    padding: 50px 35px;
}

.lpe-com {
    width: 50%;
    float: left;
}

.lpe-left {
    padding: 14% 0%;
    color: #fff;
}

    .lpe-left h4 {
        text-transform: uppercase;
    }

    .lpe-left h5 {
        font-size: 20px;
    }

    .lpe-left h2 {
        font-size: 60px;
    }

.lpe-right {
    text-align: center;
}

    .lpe-right h3 {
        color: #000000;
        font-size: 28px;
    }

    .lpe-right p {
        font-size: 14px;
        text-align: center;
        padding-top: 7px;
        margin-bottom: 5px;
    }

    .lpe-right form {
        background: #fff;
        padding: 25px;
        border-radius: 4px;
        box-shadow: 0px 16px 40px -10px rgb(0, 0, 0);
        border-bottom: 5px solid #d6c492;
    }

    .lpe-right input, textarea {
        height: 45px;
        position: relative;
        padding: 15px 24px;
        box-sizing: border-box;
        box-shadow: none;
        border: 1px solid #e8e8e8;
        text-indent: 0;
        line-height: 12px;
        -webkit-transition: border-color .4s, color .4s;
        transition: border-color .4s, color .4s;
        /* -webkit-appearance: none;
     */
        width: 100%;
        font-size: 14px;
        background: #fff;
    }

    .lpe-right label {
        top: 14px;
    }

    .lpe-right textarea {
        height: 75px;
    }

    .lpe-right input[type="submit"] {
    }

.list-red-btn {
    background: #F44336;
    background: linear-gradient(to top, #ec3123, #f44336);
    /* border: 1px solid #f14033;
     */
    color: #fff;
    height: 45px;
    line-height: 45px;
}

.lis-pro-badg div {
    text-align: center;
    padding: 0px 10px 20px 10px;
    position: relative;
    z-index: 3;
}

.lis-pro-badg:before, .lis-pro-badg:after {
}

.lis-pro-badg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #26caacc9;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 10px;
}

.lis-pro-badg:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 57%;
    background: #fff;
    left: 0px;
    /* top:0px; */
    right: 0px;
    bottom: 0px;
    border-radius: 0px 0px 10px 10px;
    z-index: 0;
}

.lis-pro-badg {
    position: relative;
    border-radius: 10px;
    /* border: 1px solid #e0e6f5; */
    background: url(../images/face.jpg) #edf6fd;
    background-size: 100px;
    /* float: left; */
    /* width: 100%; */
}

    .lis-pro-badg div .rat {
        background: #f9f79ade;
        padding: 2px 4px;
        font-weight: 600;
        color: #000;
        right: 15px;
        top: 10px;
        font-size: 14px;
        border-radius: 2px;
        text-align: center;
        position: absolute;
    }

    .lis-pro-badg div img {
        width: 100px;
        object-fit: cover;
        height: 100px;
        border-radius: 50%;
        border: 4px solid #fff;
        margin-bottom: 9px;
        float: initial;
    }

    .lis-pro-badg div {
        position: relative;
        /* padding-bottom: 20px; */
        /* margin-top: -151px; */
        /* left: 0px; */
        /* float: left; */
        /* width: 100%; */
    }

        .lis-pro-badg div h4 {
            font-size: 15px;
            text-align: left;
            font-weight: bolder;
            margin-bottom: 4px;
            /* text-transform: uppercase; */
        }

        .lis-pro-badg div p {
            margin: 0px;
            font-size: 13px;
            color: #8b9398;
        }

        .lis-pro-badg div .by {
            background: #43a463;
            color: #fff;
            font-weight: 600;
            font-size: 10px;
            padding: 2px 10px;
            border-radius: 2px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            text-align: center;
            margin: 0 auto;
            display: table;
            margin-bottom: 30px;
        }

.lis-comp-badg {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e0e6f5;
}

    .lis-comp-badg .s1 {
        background: #cbe7ff;
        text-align: center;
        color: #1c1b1b;
        padding-bottom: 25px;
        border-radius: 10px 10px 0px 0px;
        position: relative;
    }
        /*.lis-comp-badg .s1:before{
    content: '';
    position: absolute;
    background: linear-gradient(150deg, #60e2f7ab,#1e44a2cc 100%);
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;
    right: 0px;
    bottom: 0px;
    border-radius: 10px 10px 0px 0px;
}*/
        .lis-comp-badg .s1 div {
            position: relative;
        }

        .lis-comp-badg .s1 .by {
            background: #1977f3;
            color: #fff;
            font-weight: 600;
            font-size: 12px;
            padding: 2px 10px;
            border-radius: 2px;
            letter-spacing: 0.5px;
            text-align: center;
            margin: 0 auto;
            display: table;
            margin-bottom: 23px;
        }

        .lis-comp-badg .s1 .proi {
            width: 100px;
            object-fit: cover;
            height: 100px;
            border-radius: 50%;
            /* border: 4px solid #fff; */
            float: initial;
            margin: 0 auto;
            display: table;
        }

        .lis-comp-badg .s1 ul {
            margin: 0 auto;
            display: table;
            padding-bottom: 30px;
        }

            .lis-comp-badg .s1 ul li {
                float: left;
                padding: 0px 3px;
            }

                .lis-comp-badg .s1 ul li a {
                }

                    .lis-comp-badg .s1 ul li a img {
                        width: 23px;
                        height: 23px;
                        background: #fff;
                        border-radius: 50px;
                        padding: 3px;
                    }

        .lis-comp-badg .s1 h4 {
            font-size: 15px;
            font-weight: 500;
            padding: 0px 0px 5px 0px;
            font-family: 'Poppins', sans-serif;
            margin-bottom: 5px;
        }

        .lis-comp-badg .s1 p {
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0px;
            padding: 0px 15px;
        }

    .lis-comp-badg .s2 {
        padding: 20px 15px 25px;
        text-align: center;
        position: relative;
    }

        .lis-comp-badg .s2 .use-fol {
            background: #1977f3;
            margin: 0 auto;
            display: table;
            margin-top: -37px;
            padding: 7px 20px;
            border-radius: 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 12px;
            font-weight: 600;
            box-shadow: 0px 1px 8px -2px #33333345;
            color: #fff;
            margin-bottom: 15px;
        }

        .lis-comp-badg .s2 a {
            color: #67717b;
            font-size: 15px;
        }

.list-pagenat {
    margin-bottom: 0px;
    margin-top: 15px;
    margin: 0 auto;
    display: table;
}

.list-enqu-btn ul {
    padding: 0px;
}

    .list-enqu-btn ul li {
        display: inline-block;
        float: left;
        width: 25%;
        margin: 0px;
    }

        .list-enqu-btn ul li a {
            border: 1px solid #eaeaea;
            text-align: center;
            display: block;
            padding: 5px;
            color: #3e4c56;
            box-sizing: border-box;
            margin: 4px;
            border-radius: 2px;
            font-weight: 600;
            font-size: 12px;
        }

            .list-enqu-btn ul li a:hover {
                color: #fff;
                background-color: #172437;
                border: 1px solid #172233;
            }

                .list-enqu-btn ul li a:hover i {
                    margin-right: 10px;
                }

            .list-enqu-btn ul li a i {
                margin-right: 5px;
            }

        .list-enqu-btn ul li:last-child a {
            background: #1977f3;
            border: 1px solid #1977f3;
            color: #fff;
        }

.list-ban-btn {
    /* border-left: 1px solid #ffffff3b; */
    padding: 3% 0px 13px 60px;
    float: left;
    width: auto;
    margin-left: 20%;
    position: absolute;
    right: 10%;
    bottom: 8px;
}

    .list-ban-btn ul li {
        margin-bottom: 10px;
        float: left;
        margin: 0px 0px 5px 7px;
    }

        .list-ban-btn ul li:last-child {
            margin-bottom: 0px;
        }

        .list-ban-btn ul li .cta {
            font-weight: 600;
            display: inline-block;
            padding: 12px 25px 12px 40px;
            border-radius: 2px;
            cursor: pointer;
            background: #ffffff;
            border: 1px solid #ffffff;
            color: #162336;
            font-size: 14px;
            float: left;
        }

            .list-ban-btn ul li .cta b {
                color: #162336;
            }

            .list-ban-btn ul li .cta:before {
                content: 'chat_bubble_outline';
                margin-left: -23px;
                margin-top: -3px;
                color: #162336;
                transition: all 0.5s ease;
            }

        .list-ban-btn ul li .cta-call:before {
            content: 'phone';
        }

        .list-ban-btn ul li .cta-like:before {
            content: 'thumb_up';
        }

        .list-ban-btn ul li .cta-rev:before {
            content: '';
            background: url(../images/icon/whatsapp.png) no-repeat;
            width: 17px;
            height: 17px;
            background-size: 100%;
            margin: 2px 0px 0px -24px;
        }

        .list-ban-btn ul li .cta-rev {
            background: #d4ffd6;
            border: 1px solid #d4ffd6;
        }

        .list-ban-btn ul li span.pulse {
            background: #f44336;
            color: #ffffff;
            border: 1px solid #f44336;
            transition: all 0.5s ease;
            box-shadow: 0 0 0 rgb(244, 67, 54);
        }

            .list-ban-btn ul li span.pulse:before {
                color: #fff;
            }

        .list-ban-btn ul li span:before {
        }

        .list-ban-btn ul li .cta:hover:before {
            color: #ffffff;
        }

        .list-ban-btn ul li .cta:hover {
            background: #4274eb;
            color: #ffffff;
            border: 1px solid #4274eb;
            transition: all 0.5s ease;
        }

        .list-ban-btn ul li span:hover b {
            color: #ffffff;
            transition: all 0.5s ease;
        }

        .list-ban-btn ul li span b {
            color: #162336;
            transition: all 0.5s ease;
        }

        .list-ban-btn ul li span:before {
        }

        .list-ban-btn ul li:nth-child(1) span:before {
            content: 'favorite_border';
        }

        .list-ban-btn ul li .cta-rev:hover {
            background: #b8f5ba;
            color: #000;
            border: 1px solid #b8f5ba;
        }

        .list-ban-btn ul li .cta-get:before {
            content: 'chat_bubble_outline';
        }

.carousel-item img, .carousel-item iframe {
    width: 100%;
    transition: all .5s ease;
    height: 325px;
    float: left;
}

.carousel-item img {
    object-fit: cover;
}

.carousel-item:before {
    display: none;
}

.wh-bg {
    background: #fff;
}

.home-list-pop {
    position: relative;
    overflow: hidden;
    border: 1px solid #00000014;
    background: #ffffff;
    padding: 0px 0px 15px 0px;
    /* margin-bottom: 30px;
     */
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .home-list-pop:hover {
        -moz-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -o-transform: scale(1.02);
        transform: scale(1.02);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .home-list-pop .rating img {
        width: 17px;
        height: auto !important;
        transition: all .5s ease;
        object-fit: cover;
        border-radius: 2px;
    }

.home-list-pop-desc {
}

    .home-list-pop-desc span {
    }

.home-list-pop .col-md-3 {
    float: left;
}

.home-list-pop .col-md-9 {
    float: left;
}

.pglist-off-last .home-list-pop .col-md-3 {
    padding-left: 0px;
}

.pglist-off-last .home-list-pop-desc {
    padding-right: 0px;
}

.home-list-pop-desc h3 {
    font-size: 18px;
    padding-bottom: 8px;
    color: #000000;
    padding-top: 5px;
    font-weight: 700;
}

.home-list-pop-desc h4 {
    font-size: 15px;
    padding-bottom: 8px;
}

.home-list-pop-desc p {
    margin-bottom: 15px;
    padding-right: 70px;
    font-size: 14px;
}

.pglist-off-last .list-pg-inn-sp:last-child .home-list-pop {
    padding-bottom: 0px;
    border-bottom: 0px;
}

.pulse {
    box-shadow: 0 0 0 rgb(9, 178, 255);
    animation: pulse 1.5s infinite;
}

    .pulse:hover {
        animation: none;
    }

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(178, 221, 255)
    }

    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(204,169,44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(178, 221, 255) box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 15px rgba(204,169,44, 0);
        box-shadow: 0 0 0 15px rgba(204,169,44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

.carousel-item:before {
    content: '';
    position: absolute;
    background: #43323e63;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.ld-rhs-pro {
    margin-bottom: 0px;
    border: 0px;
    background: none;
    margin-bottom: 0px;
}

.ld-rhs-pro-inn {
}

.ld-rhs-pro .hcity {
    margin: 0px;
}

.all-list-pro-bad {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e0e6f5;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
}

    .all-list-pro-bad:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100px;
        background: url(../images/face.jpg) #053050;
        background-size: 101px;
        filter: brightness(0.6);
        left: 0px;
    }

    .all-list-pro-bad img {
        object-fit: cover;
        width: 100px;
        height: 100px;
        border-radius: 50px;
        position: relative;
    }

    .all-list-pro-bad .rat {
        background: #f9f79ade;
        padding: 2px 4px;
        font-weight: 600;
        color: #000;
        right: 15px;
        top: 12px;
        font-size: 14px;
        border-radius: 2px;
        text-align: center;
        position: absolute;
    }

    .all-list-pro-bad a h4 {
        font-weight: 600;
        font-size: 18px;
        padding-top: 15px;
        position: relative;
        color: #053050;
    }

        .all-list-pro-bad a h4:hover {
            text-decoration: underline;
            color: #0c83e2;
            transition: all 0.5s ease;
        }

    .all-list-pro-bad a {
    }

    .all-list-pro-bad p {
        /* margin: 0px; */
        font-size: 14px;
        position: relative;
        margin-bottom: 10px;
    }

    .all-list-pro-bad .cntat {
        text-align: center;
        display: inline-block;
        padding: 5px 25px;
        box-sizing: border-box;
        border-radius: 2px;
        font-weight: 600;
        font-size: 12px;
        background: #fc6054;
        border: 1px solid #fc6054;
        color: #fff;
        cursor: pointer;
    }

    .all-list-pro-bad .by {
        background: #43a463;
        color: #fff;
        font-weight: 600;
        font-size: 12px;
        padding: 2px 10px;
        border-radius: 2px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-align: center;
        margin: 0 auto;
        display: table;
        margin-bottom: 10px;
        position: relative;
    }

.list-ri-peo-like {
    position: relative;
    background: url(../images/home-bg.jpg) no-repeat #424647;
    border-radius: 5px;
    overflow: hidden;
    padding: 25px;
    background-size: cover;
}

    .list-ri-peo-like:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top,#fcddddbf,#0000006b 100%);
        border-radius: 5px;
        transition: all 0.5s ease;
        left: 0px;
        top: 0px;
    }

    .list-ri-peo-like h3 {
        padding: 5px 20px 18px 20px;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        position: relative;
    }

    .list-ri-peo-like ul {
        margin: 0 auto;
        display: table;
        padding-left: 20px;
    }

        .list-ri-peo-like ul li {
            float: left;
            margin-left: -20px;
        }

            .list-ri-peo-like ul li a {
                /* position: relative;
     */
                /* width: 32px;
     */
                /* height: 32px;
     */
                /* display: inline-table;
     */
            }

                .list-ri-peo-like ul li a img {
                    width: 50px;
                    height: 50px;
                    border-radius: 50%;
                    object-fit: cover;
                    position: relative;
                    transition: all 0.5s ease;
                    box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.8);
                }

                    .list-ri-peo-like ul li a img:hover {
                        transform: scale(1.4);
                    }

.list-rhs-form {
    background: #ffffff;
    /* border: 0px; */
    padding-bottom: 0px;
}

    .list-rhs-form .quote-pop {
        padding: 0px;
        border: 1px solid #e5e4e4;
        border-radius: 10px;
    }

        .list-rhs-form .quote-pop h3 {
            font-weight: 600;
            font-size: 15px;
            text-align: center;
            color: #fff;
            background: #1977f3;
            padding: 12px;
            border-radius: 10px 10px 0 0;
            text-transform: uppercase;
        }

        .list-rhs-form .quote-pop form {
            padding: 20px 30px;
        }

        .list-rhs-form .quote-pop input {
            border: 1px solid #e1e4e6;
            font-size: 14px;
            font-weight: 500;
            border-radius: 20px;
            padding-left: 40px;
        }

    .list-rhs-form .form-group:before {
        margin: 7px 0px 0px 15px;
        color: #2196F3;
    }

    .list-rhs-form .quote-pop textarea {
        border: 1px solid #e1e4e6;
        font-size: 14px;
        font-weight: 500;
        border-radius: 20px;
    }

    .list-rhs-form .quote-pop .btn {
        width: 100%;
        background: #1977f3;
        border: 0px;
        font-weight: 700;
        opacity: 1;
        font-size: 14px;
        letter-spacing: 1px;
        padding: 10px 10px;
        border-radius: 2px;
        font-family: 'Quicksand', sans-serif;
        border-radius: 20px;
    }

.list-pg-lt .pglist-p-com:nth-child(1) p:last-child {
    margin-bottom: 0px;
}

.list-pg-lt .pglist-p-com:nth-child(2) {
    padding-bottom: 25px;
}

.mob-menu {
}

.mob-me-ic {
    position: absolute;
    right: 0px;
    top: 7px;
    display: none;
    /* z-index: 9; */
}

    .mob-me-ic i {
        border: 1px solid #3b83ef;
        font-size: 30px;
        border-radius: 2px;
        color: #fff;
        background: #3b83ef;
    }

.mob-me-all {
    position: fixed;
    width: 100%;
    right: -100%;
    top: 0px;
    bottom: 0px;
    background: #fff;
    padding: 0px 40px 40px 40px;
    overflow-y: auto;
    transition: all 0.5s ease;
}

    .mob-me-all.mobmenu-show {
        right: 0%;
        transition: all 0.5s ease;
    }

    .mob-me-all h4 {
        font-size: 16px;
        margin-top: 40px;
        font-weight: 700;
    }

    .mob-me-all ul {
    }

        .mob-me-all ul li {
        }

            .mob-me-all ul li a {
                display: block;
                width: 100%;
                color: #333;
                border-bottom: 1px solid #e2e2e2;
                padding: 10px 0px;
                cursor: pointer;
                font-size: 14px;
                font-weight: 500;
            }

.mv-bus {
}

.mob-me-clo {
    position: absolute;
    right: 23px;
    top: 10px;
    z-index: 9;
    background: #FF5722;
    /* height: 25px; */
    border-radius: 50px;
    /* padding: 5px; */
    height: 30px;
    width: 30px;
    text-align: center;
    padding-top: 2px;
}

    .mob-me-clo i {
        color: #fff;
        text-align: center;
    }

.mv-pro.ud-lhs-s1 {
    padding: 30px 0px 0px 0px;
}

.mv-pro {
    cursor: pointer;
}

.mv-pro-menu {
    display: none;
    padding-top: 15px;
}

    .mv-pro-menu.ud-lhs-s2 {
    }
/*-------------------------------------------------*/
/* REVIEWS
/*-------------------------------------------------*/
.rating {
    border: none;
    float: inherit;
    height: 45px;
    margin: 0px 0px 17px 0px;
}

    .rating > input {
        display: none;
    }

.rating > label span:before {
        margin: 0px;
        font-size: 30px;
        font-family: Material Icons;
        display: block;
        content: "star";
        color: currentColor;
    }
    .rating > label input:checked + span:before {
        color: #FFD700;
    }
  
        .rating > label input {
        display:none;
    }
    /* .rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
        color: #FFD700;
    }*/
    /* .rating > .half:before {
        content: "star_half";
        position: absolute;
    }*/
    .rating > label {
        color: #ddd;
        /*  float: right;*/
        width: 28px;
        cursor: pointer;
    }

    .rating > input:checked ~ label,
    /* show gold star when clicked */
    .rating:not(:checked) > label:hover,
    /* hover current star */
    /*.rating:not(:checked) > label:hover ~ label {
        color: #FFD700;
    }*/
      
     
    .rating > label.full {
    }

    .rating > label.half {
    }

/*-------- RELATED LISTING -----------*/
.list-det-rel-pre {
    float: left;
    width: 100%;
    padding: 20px 0px 0px 0px;
}

    .list-det-rel-pre h2 {
        font-weight: 600;
        font-size: 20px;
        padding-bottom: 10px;
    }

    .list-det-rel-pre ul {
    }

        .list-det-rel-pre ul li {
            float: left;
            width: 33.333%;
            padding: 10px 10px;
        }

            .list-det-rel-pre ul li .land-pack-grid {
                margin: 0px;
                box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.10);
            }

                .list-det-rel-pre ul li .land-pack-grid .land-pack-grid-img {
                    position: relative;
                }

                    .list-det-rel-pre ul li .land-pack-grid .land-pack-grid-img:before {
                        content: '';
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        background: #2432405e;
                        left: 0px;
                        transition: all ease 0.5s;
                        background: linear-gradient(to bottom, #ffffff00, #0b253aba);
                    }

                .list-det-rel-pre ul li .land-pack-grid .list-rat-all {
                    padding: 0px 15px 7px 15px;
                    position: absolute;
                    top: -33px;
                }

                    .list-det-rel-pre ul li .land-pack-grid .list-rat-all b {
                        font-size: 12px;
                        padding: 0px 4px;
                        /* filter: drop-shadow(0px 0px 1px black); */
                    }

                .list-det-rel-pre ul li .land-pack-grid .rat {
                    padding: 1px 0px 0px 5px;
                }

                    .list-det-rel-pre ul li .land-pack-grid .rat i {
                        font-size: 12px;
                        color: #FF9800;
                        font-size: 16px;
                        width: 10px;
                        filter: drop-shadow(0px 0px 1px black);
                        /* box-shadow: 0px 0px 1px black; */
                    }

                        .list-det-rel-pre ul li .land-pack-grid .rat i.ratstar {
                            color: #fff;
                        }

                .list-det-rel-pre ul li .land-pack-grid .list-rat-all span {
                }

/*-------------------------------------------------*/
/* = MOBILE FOOTER QUICK LINK
/*-------------------------------------------------*/
.fqui-menu {
    position: fixed;
    left: 0px;
    right: 0px;
    width: 100%;
    background: #191919;
    z-index: 20;
    box-shadow: 0px 9px 19px 6px rgb(42 42 42 / 34%);
    display: none;
    bottom: 0px;
}

    .fqui-menu ul {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .fqui-menu ul li {
            /* float: left; */
            width: 20%;
            text-align: center;
            color: #fff;
            display: inline-block;
        }

            .fqui-menu ul li a {
                color: #fff;
                font-size: 11px;
                font-weight: 500;
                padding: 8px 4px 6px 4px;
                display: block;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }

            .fqui-menu ul li img {
                width: 20px;
                margin: 0 auto;
                display: table;
                padding-bottom: 4px;
            }

        .fqui-menu ul li {
        }

            .fqui-menu ul li span {
                color: #fff;
                font-size: 11px;
                font-weight: 500;
                padding: 8px 4px 6px 4px;
                display: block;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }

                .fqui-menu ul li span:hover, .fqui-menu ul li span:active, .fqui-menu ul li span:focus {
                    background: #334a5a;
                }

                .fqui-menu ul li span.btn-ser-need-ani {
                    background: none;
                    border-radius: 0px;
                    position: relative;
                    animation: none;
                    bottom: initial;
                    right: initial;
                    border: 0px;
                    box-shadow: none;
                    font-family: 'Poppins';
                }

                    .fqui-menu ul li span.btn-ser-need-ani:before {
                        display: none;
                    }


/*-------------------------------------------------*/
/* = PRICING
/*-------------------------------------------------*/
.tit {
    text-align: center;
    width: 100%;
    margin: 0px 0px 40px 0px;
}

    .tit h2 {
        font-size: 17px;
        font-weight: 400;
    }

        .tit h2 span {
            font-size: 30px;
            font-weight: 700;
            display: block;
        }

    .tit p {
        font-size: 16px;
        line-height: 26px;
        color: #424c59;
        font-weight: 400;
    }

.pri {
    padding: 130px 0 80px 0;
    background: #f7fcff;
    background: linear-gradient(to bottom,#f1f8fd75,#edf6fd 100%);
}

    .pri ul {
    }

        .pri ul li {
            float: left;
            width: 25%;
            border-radius: 4px;
            transition: all 0.4s;
        }

            .pri ul li div {
                text-align: center;
                border-radius: 10px;
            }

.pri-box {
    background: #ffffff;
    /* padding: 20px;
     */
    margin: 0px 3% 30px 3%;
    /* border-radius: 4px;
     */
    border: 1px solid rgb(232, 237, 241);
    transition: all 0.4s;
}

    .pri-box:hover .c3 a {
        color: #ffffff;
        border: 1px solid #1977f3;
        background: #1977f3;
    }

    .pri-box .c2 {
        background: #1977f3;
        color: #ffffff;
        padding: 20px;
        width: 100%;
        border-radius: 10px 10px 0 0;
        background: linear-gradient(to right, #a2b4c3, #89a5b9)
    }

.pri ul li:nth-child(2) .pri-box .c2, .pri ul li:nth-child(3) .pri-box .c2, .pri ul li:nth-child(4) .pri-box .c2 {
    background: #1977f3;
}

.pri ul li:nth-child(4) .pri-box .c2 {
    background: #FF512F;
    background: -webkit-linear-gradient(to right, #F09819, #FF512F);
    background: linear-gradient(to right, #F09819, #FF512F);
}

.pri-box .c2 h4 {
    color: #ffffff;
    padding-bottom: 0px;
    font-size: 15px;
    font-weight: 600;
}

.pri-box .c2 p {
    margin: 0px;
    font-weight: 300;
    font-size: 14px;
}

.pri-box .c3 {
    padding: 20px 20px;
    width: 100%;
}

    .pri-box .c3 h2 {
        font-size: 28px;
        font-weight: 700;
    }

        .pri-box .c3 h2 span {
        }

    .pri-box .c3 p {
        margin: 0px;
        font-weight: 500;
        margin-top: 15px;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 20px;
        font-size: 15px;
    }

    .pri-box .c3 a {
        background: #eef4fd;
        /* color: #fff; */
        padding: 10px 30px;
        border-radius: 5px;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        color: #1a2a38;
        border: 1px solid #d6e7fd42;
        letter-spacing: 1px;
        display: inline-block
    }

.pri ul li:nth-child(3) .pri-box {
    box-shadow: -1px 0px 17px -10px rgba(31, 62, 77, 0.45);
    transition: all 0.4s;
    z-index: 99;
    border: 1px solid rgb(227, 227, 227);
}

    .pri ul li:nth-child(3) .pri-box .c3 a {
        color: #ffffff;
        border: 1px solid #1977f3;
        background: #1977f3;
    }

.pri-box .c4 {
    padding: 7px 20px 20px 20px;
    width: 100%;
}

    .pri-box .c4 ol {
        padding: 0px;
        border-top: 1px solid #25c16f1a;
        padding-top: 20px;
        /* position: relative;
     */
    }

        .pri-box .c4 ol li {
            width: 100%;
            text-align: left;
            padding-bottom: 12px;
            font-size: 15px;
            color: #334e59;
            font-weight: 500;
            padding-left: 35px;
            box-sizing: border-box;
            border: 0px;
            background: none;
            position: relative;
        }

            .pri-box .c4 ol li:before {
                content: "check";
                font-size: 12px;
                padding: 1px;
                width: 15px;
                height: 15px;
                color: #ffffff;
                font-weight: 500;
                left: 8px;
                top: 0px;
                background: #329df4;
                border-radius: 50px;
                box-sizing: border-box;
                line-height: 14px;
            }

            .pri-box .c4 ol li.no:before {
                content: "close";
                color: #ffffff;
                background: #f87f95;
            }

            .pri-box .c4 ol li.co:before {
                background: #f8d37f;
            }

.pri-box .c5 {
    padding: 0px 20px 30px 20px;
    width: 100%;
}

    .pri-box .c5 a {
        width: 100%;
        text-align: center;
        background: #ffffff;
        color: #1977f3;
        border: 1px solid #1977f3;
        padding: 8px 20px;
        border-radius: 2px;
        display: inline-block;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        font-size: 12px;
    }

        .pri-box .c5 a:hover {
            background: #1977f3;
            color: #ffffff;
        }

.login-reg {
    padding: 130px 0 50px 0;
    background-color: aliceblue;
    /* background: url(../images/face.jpg) #edf6fd;*/
    position: relative;
    background-size: 380px;
}

.login-main {
    -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    box-shadow: 0px 40px 80px 0px rgb(2 2 26 / 14%);
    background: #fff;
    width: 460px;
    margin: 0 auto;
    display: table;
    position: relative;
    border-radius: 5px;
}

    .login-main.verify-otp {
        margin-top: 100px;
    }

.log {
}

    .log h4 {
        text-align: center;
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .log p {
        font-size: 14px;
        text-align: center;
        color: #81898d;
    }

    .log div input, .log div select {
        height: 50px;
        border: 1px solid #f1eae5;
        font-size: 15px;
        font-weight: 500;
    }

.form-control option {
    font-size: 13px;
    font-weight: 500;
}

.login-reg {
}

    .login-reg .tit {
    }

        .login-reg .tit h2 {
        }

        .login-reg .tit p {
        }

.log div button.btn {
    width: 100%;
    background: #1977f3;
    border: 0px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 0px;
    border-radius: 50px;
}

.log div a.btn {
    width: 100%;
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 0px;
    border-radius: 50px;
}

.login {
    padding: 40px 40px 0px;
    position: relative;
    float: left;
    width: 100%;
}

.log-bot {
    background: #f9faff;
    border-radius: 0 0 8px 8px;
    padding: 15px 0px;
    float: left;
    width: 100%;
}

    .log-bot ul {
        margin: 0 auto;
        display: table;
    }

        .log-bot ul li {
            float: left;
            padding: 0px 8px;
        }

            .log-bot ul li span {
                color: #47b5ff;
                font-size: 14px;
                font-weight: 500;
                cursor: pointer;
            }

.log-bor {
    background: #4c7af1;
    height: 10px;
}

.pop-ups .log-bor {
    height: 6px;
}

.pop-ups .form-control {
    font-size: 14px;
    font-weight: 500;
}

.pop-ups .udb-inst {
    font-size: 11px;
}

.ud-cen .log-bor {
    height: 6px;
    border-radius: 3px 3px 0 0;
}

.ud-cen .rat i {
    color: #51c0ff;
    font-size: 16px;
    width: 15px;
}

.ud-cen .rat {
}

.log-2, .log-3 {
    display: none;
}

.login-main.add-list {
    width: 100%;
}

.add-list .log div input, .add-list .log div select {
    font-size: 14px;
}

.add-list textarea {
    height: 120px;
    border: 1px solid #f1eae5;
    font-size: 13px
}

.add-list label {
    font-size: 14px;
}

.add-list .chbox input[type="checkbox"] {
    height: auto;
}

.add-list .steps, .udb-inst {
    position: relative;
    /* margin: 0 auto;*/
    display: table;
    background: #f37c20;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 2px 10px;
    line-height: 20px;
    border-radius: 4px;
    margin-top: -16px;
    letter-spacing: 2px;
}

.foot-supp {
}

    .foot-supp h2 {
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 10px;
    }

        .foot-supp h2 span {
            font-weight: 300;
            padding-right: 5px;
        }

.foot-count {
    border-top: 1px dashed #5d5b5b;
    padding: 35px 0px 0px 0px;
    margin-top: 20px;
}

    .foot-count ul {
        margin: 0 auto;
        display: table;
    }

        .foot-count ul li {
            float: left;
            font-size: 14px;
            padding: 0px 15px;
            border-right: 1px dashed #5d5b5b;
            line-height: 15px;
            text-align: center;
            font-weight: 500;
            color: #7a6a5c;
            line-height: 18px;
        }

.cr {
    background: #040404;
    float: left;
    width: 100%;
}

    .cr p {
        width: 100%;
        text-align: center;
        margin: 0px;
        font-size: 12px;
        font-weight: 500;
        padding: 10px 0px;
        color: #676565;
    }

        .cr p a {
            color: #676565;
            text-decoration: underline;
        }
/*-------------------------------------------------------*/
/* ADD LISTING STEPS
/*-------------------------------------------------------*/
.add-list-ste {
    width: 100%;
    margin-bottom: 30px;
}

.add-list-ste-inn {
}

    .add-list-ste-inn ul {
        margin: 0 auto;
        display: table;
        position: relative;
    }

        .add-list-ste-inn ul:after {
            content: '';
            position: absolute;
            width: 90%;
            height: 2px;
            background: #ededed;
            left: 5%;
            top: 41px;
            z-index: 1;
        }

        .add-list-ste-inn ul li {
            float: left;
            text-align: center;
            margin: 0px 10px;
            z-index: 2;
            position: relative;
        }

            .add-list-ste-inn ul li a {
                text-align: center;
                background: #ededed;
                float: left;
                border-radius: 50px;
                color: #333;
                width: 80px;
                height: 80px;
                padding: 16px 0px 0px 0px;
            }

                .add-list-ste-inn ul li a:hover {
                    background: #a5b6af;
                    color: #fff;
                }

                .add-list-ste-inn ul li a span {
                    font-size: 12px;
                    text-transform: uppercase;
                }

                .add-list-ste-inn ul li a b {
                    display: block;
                    font-size: 12px;
                    font-weight: 600;
                    text-transform: capitalize;
                }

                .add-list-ste-inn ul li a.act {
                    background: #21d78d;
                    color: #fff;
                }

.add-list .skip {
    text-align: center;
    display: block;
    padding-top: 20px;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3px;
    border-top: 1px solid #e1dede;
    margin-top: 30px;
}

.add-list button.btn {
    margin-top: 25px;
}

.add-list .img-name {
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0;
}

.add-list-off {
}

    .add-list-off ul li {
        border: 1px solid #f1eae5;
        margin-bottom: 40px;
        padding: 30px;
        border-radius: 2px;
        background: #fefaf7;
    }

.add-prod-high-oth {
    padding: 0px;
    margin-top: 25px;
}

    .add-prod-high-oth ul li {
        margin-bottom: 15px;
        padding: 20px;
    }

    .add-prod-high-oth .form-group, .add-prod-oth .form-group {
        margin: 0px;
    }

.add-prod-oth {
    padding: 25px 25px 0px 25px;
    margin-top: 35px;
    background: #fff;
    margin-bottom: 25px;
    border: 1px solid #f4eeea;
}

    .add-prod-oth ul {
    }

        .add-prod-oth ul li {
            background: none;
            border: 0px;
            padding: 0px;
        }

            .add-prod-oth ul li input {
            }

            .add-prod-oth ul li i {
                width: 32px;
                height: 32px;
                text-align: center;
                margin: 0 auto;
                display: table;
                margin-top: 12px;
                color: #21d78d;
            }

.add-list-add-btn {
    position: absolute;
    right: 64px;
    top: 0px;
    font-size: 30px;
    border: 1px solid #1470cc;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50px;
    line-height: 30px;
    cursor: pointer;
    color: #1470cc;
    /* padding-left: 2px; */
}

.add-list-rem-btn {
    position: absolute;
    right: 23px;
    top: 0px;
    font-size: 30px;
    border: 1px solid #1470cc;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50px;
    line-height: 30px;
    cursor: pointer;
    color: #1470cc;
    padding-left: 5px;
}

.pt30 {
    padding-top: 30px;
}

.add-lis-oth {
}

    .add-lis-oth i {
        width: 32px;
        height: 32px;
        text-align: center;
        margin: 0 auto;
        display: table;
        margin-top: 18px;
        color: #21d78d;
    }

.log .add-lis-oth input {
    border: 0px;
    border-bottom: 1px solid #e4e6f2;
    padding-left: 0px;
    text-transform: capitalize;
}

.add-lis-done {
}

    .add-lis-done h4 {
        font-size: 42px;
        margin-bottom: 5px;
        color: #000;
    }

    .add-lis-done .succ {
        background: #21d78d;
        color: #fff;
        margin: 0 auto;
        display: table;
        width: 140px;
        height: 140px;
        border-radius: 50%;
        font-size: 90px;
        font-weight: 700;
        padding: 25px;
        box-shadow: 0px 3px 13px -4px rgba(0, 0, 0, 0.4);
        margin-bottom: 20px;
    }

    .add-lis-done p {
        margin-bottom: 30px;
        font-weight: 400;
        font-size: 15px;
    }
/*-------------------------------------------------------*/
/* DASHBOARD
/*-------------------------------------------------------*/
.ud {
    padding: 56px 0px 50px 0px;
    transition: all 0.5s ease;
    background: #f5f6fa;
}

    .ud.op1 {
        opacity: 0.1;
        transition: all 0.5s ease;
    }

.ud-inn {
    width: 100%;
    margin: 0 auto;
    display: table;
}

.ud-enqu .ud-cen {
    width: 82%;
    margin: 0px 0% 0px 2%;
}

.ud-enqu .ud-rhs {
    display: none;
}

.db-open .bl {
    display: none;
}

.db-open .al {
    display: block;
}

.db-menu {
    position: absolute;
    background: #fff;
    width: 225px;
    padding: 15px 20px;
    box-shadow: 0px 10px 7px 2px rgba(157, 152, 152, 0.21);
    margin: -1px 0px 0px 0px;
    display: none;
}

    .db-menu ul {
    }

        .db-menu ul li {
        }

            .db-menu ul li a {
                color: #000;
                font-weight: 500;
                font-size: 13px;
                display: block;
                padding: 12px 0px;
                border-bottom: 1px solid #f1efec;
            }

                .db-menu ul li a img {
                    width: 20px;
                    margin-right: 15px;
                }

                .db-menu ul li a:before {
                    content: '';
                    position: absolute;
                    width: 4px;
                    height: 22px;
                    background: #fff;
                    margin: 0px 0px 0px -18px;
                    transition: all 0.5s ease;
                }

                .db-menu ul li a:hover {
                    padding-left: 18px;
                    color: #2783d1;
                    background: linear-gradient(to left,#fff,#e4f1fc 70%);
                }

                    .db-menu ul li a:hover:before {
                        content: '';
                        position: absolute;
                        width: 4px;
                        height: 22px;
                        background: #03A9F4;
                        margin: 0px 0px 0px -18px;
                        transition: all 0.5s ease;
                    }

            .db-menu ul li:last-child a {
                border-bottom: 0px;
            }

.ud-lhs {
    float: left;
    width: 20%;
    /* border-right: 1px solid #d9dde0; */
    /* background: #ffffff; */
    /* box-shadow: 0px 1px 30px -16px #000000ab; */
    position: sticky;
    /* left: 0px; */
    top: 57px;
    /* bottom: 0px; */
    /* height: 100%; */
    /* z-index: 9; */
    padding: 40px 0px 0px 30px;
}

.ud-lhs-s1 {
    position: relative;
    overflow: hidden;
    background: #fff;
    float: left;
    text-align: center;
    box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
    border-radius: 4px;
    margin-bottom: 15px;
    width: 100%;
    padding-bottom: 15px;
}

    .ud-lhs-s1:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100px;
        background: url(../images/face.jpg) #053050;
        background-size: 101px;
        filter: brightness(0.3);
        left: 0px;
    }

    .ud-lhs-s1 img {
        width: 120px;
        height: auto;
        border-radius: 50%;
        object-fit: cover;
        /* float: left; */
        /* margin-right: 10px; */
        height: 120px;
        position: relative;
        margin-top: 30px;
    }

    .ud-lhs-s1 h4 {
        font-size: 18px;
        line-height: 15px;
        font-weight: 700;
        padding-top: 15px;
        text-align: center;
        display: block;
        float: left;
        width: 100%;
        color: #03A9F4;
    }

    .ud-lhs-s1 b {
        padding: 0px;
        font-size: 11px;
        font-weight: 400;
        color: #6b7884;
        line-height: 15px;
        float: left;
        width: 100%;
        padding-bottom: 10px;
    }

    .ud-lhs-s1 .ud-lhs-view-pro {
        display: table;
        margin: 0 auto;
        background: #1977f3;
        color: #fff;
        font-size: 12px;
        padding: 5px 20px;
        border-radius: 2px;
        font-family: 'Quicksand', sans-serif;
        font-weight: 600;
    }

.ud-lhs-s2 {
    float: left;
    width: 100%; /* background: #fff; */ /* border: 1px solid #e6e6e6; */ /* box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8); */ /* padding: 12px; */
    overflow: hidden;
    overflow-y: auto;
}

    .ud-lhs-s2 ul {
    }

        .ud-lhs-s2 ul li {
        }

            .ud-lhs-s2 ul li a {
                color: #738196;
                font-weight: 700;
                font-size: 14px;
                display: block;
                padding: 7px 17px;
                /* border-bottom: 1px solid #d9dde0; */
                font-family: 'Quicksand', sans-serif;
            }

.ud-rhs-sec-3 {
    display: none;
}

.cre-dup-form {
    display: none;
}

.cre-dup {
    margin-bottom: 25px;
}

    .cre-dup a {
        width: 100%;
        background: #51c0ff;
        border: 0px;
        font-weight: 600;
        font-size: 15px;
        padding: 10px 0px;
        border-radius: 50px;
        display: inline-block;
        color: #fff;
        text-align: center;
    }

    .cre-dup span {
        width: 100%;
        background: #7fccbb;
        border: 0px;
        font-weight: 600;
        font-size: 15px;
        padding: 10px 0px;
        border-radius: 50px;
        display: inline-block;
        color: #fff;
        text-align: center;
        cursor: pointer;
    }

.ud-lhs-s2 ul li a.db-lact {
    padding-left: 18px;
    color: #03A9F4;
    background: #e4f1fc;
    background: linear-gradient(to left,#f5f6fa,#e4f1fc 70%);
}

    .ud-lhs-s2 ul li a.db-lact:before {
        content: '';
        position: absolute;
        width: 4px;
        height: 22px;
        background: #03A9F4;
        margin: 0px 0px 0px -18px;
        transition: all 0.5s ease;
    }

.ud-lhs-s2 ul li a:hover {
    padding-left: 18px;
    color: #03A9F4;
    /* background: #cbe7ff; */
}

    .ud-lhs-s2 ul li a.db-lact:before, .ud-lhs-s2 ul li a:hover:before {
        /* content:''; */
        /* position:absolute; */
        /* width:4px; */
        /* height: 22px; */
        /* background: #ffb100; */
        /* margin: 0px 0px 0px -18px; */
        /* transition: all 0.5s ease; */
    }

.ud-lhs-s2 ul li a img {
    width: 28px;
    margin-right: 15px;
    /* filter: drop-shadow(2px 4px 6px black); */
    /* background: #bce0ff; */
    padding: 3px;
    border-radius: 2px;
    margin-top: -2px;
}

.ud-cen {
    float: left;
    width: 50%;
    margin: 40px 2% 0px 2%;
    background: #fff;
    box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
    /* padding: 30px;
     */
}

.ud-rhs {
    float: right;
    width: 26%;
    padding: 40px 20px 0px 0px;
}

.cd-cen-intr {
    padding: 42px 14px 0 14px;
}

.cd-cen-intr-inn {
    padding: 30px 30px 30px 230px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
    color: #fff;
    border-radius: 5px;
    position: relative;
    background: #5433FF; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #A5FECB, #429dde, #7b4ffc); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #A5FECB, #429dde, #7b4ffc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

    .cd-cen-intr-inn:before {
        left: 0px;
        content: '';
        position: absolute;
        width: 215px;
        height: 171px;
        background: url(../images/quote.png) no-repeat;
        z-index: 9;
        bottom: 0px;
        background-size: cover;
    }

.cd-cen-intr h2 {
    /* color: #e26363; */
    font-size: 20px;
}

.cd-cen-intr p {
    margin: 0px;
    /* color: #4994d6; */
    font-size: 13px;
}


.ud-cen-s1 {
    float: left;
    width: 100%;
    /* margin-bottom: 50px;
     */
    padding: 14px;
}

    .ud-cen-s1 h2 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .ud-cen-s1 ul li {
        float: left;
        width: 33.3333%;
        /* text-align: center; */
    }

        .ud-cen-s1 ul li div {
            border-radius: 5px;
            padding: 12px;
            background: #e6f7ff;
            background-size: cover;
            position: relative;
            color: #333;
            transition: all 0.5s ease;
            /* border: 1px solid #deeaf0; */
            /* box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05); */
            /* margin: 5px; */
        }

            .ud-cen-s1 ul li div:hover {
                background: #d0f6f1;
                /* color: #fff; */
            }

                .ud-cen-s1 ul li div:hover b {
                    background: #06d7bb;
                    color: #fff;
                }

        .ud-cen-s1 ul li:nth-child(2) div {
            margin: 0px 7px;
            /* background: url(../images/listings/bike1.jpg) no-repeat; */
            /* background-size:cover; */
        }

        .ud-cen-s1 ul li:nth-child(3) div {
            /* background: url(../images/listings/re7.jpg) no-repeat; */
            /* background-size:cover; */
        }

        .ud-cen-s1 ul li div:before {
            /* content:''; */
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            background: #ffeee5;
            background: linear-gradient(to bottom,#ff8d8dc9,#00000057 70%);
            border-radius: 4px;
        }

        .ud-cen-s1 ul li div h4 {
            font-size: 15px;
            font-weight: 700;
            position: relative;
            text-overflow: ellipsis;
            white-space: pre;
            overflow: hidden;
            /* margin-top: 20px; */
            padding: 0px 0px 0px 54px;
            margin-bottom: 4px;
        }

        .ud-cen-s1 ul li div p {
            font-weight: 400;
            position: relative;
            font-size: 11px;
            text-overflow: ellipsis;
            white-space: pre;
            overflow: hidden;
            padding: 0px 0px 0px 54px;
            margin: 0px;
        }

        .ud-cen-s1 ul li div b {
            font-size: 26px;
            font-weight: 600;
            line-height: 47px;
            position: absolute;
            background: #03A9F4;
            width: 45px;
            height: 45px;
            border-radius: 8px;
            color: #fff;
            top: 8px;
            text-align: center;
            transition: all 0.5s ease;
        }

        .ud-cen-s1 ul li div a {
            position: absolute;
            cursor: pointer;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            z-index: 5;
        }

.ud-cen-s2 {
    overflow: hidden;
    overflow-x: auto;
}

.ud-cen-s2, .ud-cen-s3 {
    float: left;
    width: 100%;
    position: relative;
    padding: 15px;
}

.ud-cen-s3 {
    padding-bottom: 0px;
    /* display: none; */
}

.ud-cen-s4 {
    padding-bottom: 15px;
    background: white;
    /* display: none; */
}

.nav-tabs .nav-link {
    font-size: 12px;
    font-weight: 600;
}

.ud-cen-s2 h2, .ud-cen-s3 h2 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
}

.ud-cen-s2 a.db-tit-btn, .ud-cen-s3 a.db-tit-btn {
    position: absolute;
    right: 14px;
    top: 15px;
    color: #fff;
    font-size: 10px !Important;
    font-weight: 600;
    border-radius: 3px;
    padding: 6px 10px;
    color: #fff;
    font-size: 12px;
    /* border: 1px solid #7e7f84; */
    background: #00b2a9;
    background: -webkit-linear-gradient(to top, #697480, #9ba3ab);
    /* background: linear-gradient(to top, #697480, #9ba3ab);*/;
}

.ud-cen-s2 a.db-tit-btn-1 {
    right: 160px;
}

.ud-cen-s2 a.db-tit-btn-2-ads {
    right: 215px;
}

.ud-cen-s2 table {
    width: 100%;
}

.responsive-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
}

.form-group {
    float: left;
    width: 100%;
}

.ud-cen-s3 ul {
}

    .ud-cen-s3 ul li {
        float: left;
        width: 33.333%;
        margin-bottom: 15px;
    }

        .ud-cen-s3 ul li .db-eve {
            background: #fff;
            padding: 0px;
            position: relative;
            overflow: hidden;
            transition: all 0.5s ease;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
        }

            .ud-cen-s3 ul li .db-eve:hover {
                transform: scale(1.02);
                box-shadow: 0px 12px 9px -7px rgba(150, 150, 150, 0.59);
            }

            .ud-cen-s3 ul li .db-eve a {
            }

                .ud-cen-s3 ul li .db-eve a img {
                    width: 100%;
                    float: left;
                    object-fit: cover;
                    height: 135px;
                    transition: all 0.5s ease;
                }

                .ud-cen-s3 ul li .db-eve a h5 {
                    margin-bottom: 0px;
                    color: #000;
                    font-size: 13px;
                    font-weight: 700;
                    padding: 15px 15px;
                    float: left;
                    display: inline-block;
                    width: 100%;
                    text-overflow: ellipsis;
                    white-space: pre;
                    overflow: hidden;
                }

                .ud-cen-s3 ul li .db-eve a span {
                    font-size: 8px;
                    color: #ffffff;
                    padding: 2px 6px;
                    display: inline-block;
                    /* width: 100%;
     */
                    font-weight: 500;
                    position: absolute;
                    left: 10px;
                    top: 10px;
                    background: #3f57e0;
                    border-radius: 10px;
                }

.ud-rhs {
}

    .ud-rhs ul li:last-child {
        padding-bottom: 0px;
        margin-bottom: 0px;
        border: 0px;
    }

    .ud-rhs h4 {
        font-size: 16px;
        margin-bottom: 20px;
    }

.ud-rhs-sec-1 ul {
    min-height: 100px;
    max-height: 265px;
    overflow-y: hidden;
}

    .ud-rhs-sec-1 ul:hover {
        overflow-y: auto;
    }

.ud-rhs-sec-1 h4 {
}

.ud-rhs-sec-1, .ud-rhs-sec-2, .ud-rhs-sec-3, .ud-rhs-sec-4 {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f2f3f3;
    /* margin-bottom: 40px; */
    /* box-shadow: 0px 0px 11px -1px rgba(224, 224, 224, 0.69);
     */
    border-radius: 8px;
    /* padding: 25px;
     */
    /* border-top: 4px solid #7fccbb;
     */
    /* background: #fff; */
    border: 1px solid #e6e6e6;
    /* box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8); */
}

    .ud-rhs-sec-1 ul, .ud-rhs-sec-2 ul, .ud-rhs-sec-3 ul, .ud-rhs-sec-4 ul {
        padding: 25px;
    }

.ud-rhs-sec-1 {
    padding: 0px;
}

    .ud-rhs-sec-1 ul {
    }

        .ud-rhs-sec-1 ul li {
            border-bottom: 1px solid #ebebeb;
            margin-bottom: 15px;
            padding-bottom: 12px;
            transition: all 0.5s ease;
        }

            .ud-rhs-sec-1 ul li:hover {
                padding-left: 6px;
                transition: all 0.5s ease;
            }

                .ud-rhs-sec-1 ul li:hover h5 {
                    color: #297bbb;
                    transition: all 0.5s ease;
                }

            .ud-rhs-sec-1 ul li a {
                color: #333;
            }

                .ud-rhs-sec-1 ul li a h5 {
                    font-size: 12.5px;
                    font-weight: 700;
                    margin-bottom: 5px;
                    text-overflow: ellipsis;
                    white-space: pre;
                    overflow: hidden;
                    color: #000;
                }

                .ud-rhs-sec-1 ul li a p {
                    font-size: 11px;
                    text-overflow: ellipsis;
                    white-space: pre;
                    overflow: hidden;
                    margin: 0px;
                    font-weight: 400;
                }

    .ud-rhs-sec-1 h4, .ud-rhs-sec-2 h4, .ud-rhs-sec-3 h4, .ud-rhs-sec-4 h4 {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0px;
        background: #253d52;
        padding: 15px 25px;
        color: #fff;
        font-weight: 700;
    }

.ud-rhs-sec-2 {
    padding: 0 0 15px 0;
    /* display: none; */
    margin-bottom: 20px;
}

    .ud-rhs-sec-2 ul {
        float: left;
        width: 100%;
        padding: 0px;
    }

        .ud-rhs-sec-2 ul li {
            padding: 15px 15px 5px 15px;
        }

            .ud-rhs-sec-2 ul li a {
            }

                .ud-rhs-sec-2 ul li a img {
                    width: 36px;
                    height: 36px;
                    border-radius: 50%;
                    object-fit: cover;
                    float: left;
                    margin-right: 10px;
                }

                .ud-rhs-sec-2 ul li a h5 {
                    font-size: 13px;
                    /* float: left;
     */
                    line-height: 15px;
                    text-overflow: ellipsis;
                    white-space: pre;
                    overflow: hidden;
                    font-weight: 600;
                    color: #333;
                    margin-bottom: 3px;
                }

                .ud-rhs-sec-2 ul li a p {
                    font-size: 10px;
                    line-height: 15px;
                    white-space: pre;
                    overflow: hidden;
                    font-weight: 400;
                    color: #8d8a8a;
                    margin-bottom: 0px;
                }

                    .ud-rhs-sec-2 ul li a p b {
                        font-weight: 600;
                        color: #505658;
                    }

.ud-rhs-sec-3 .list-ri-peo-like ul li {
    margin-left: 0px;
    padding: 3px;
    float: left;
    width: 20%;
}

.ud-rhs-sec-3 .list-ri-peo-like ul {
    padding: 0px;
}

.ud-rhs-sec-3 ul li .eve-box-list {
    border: 0px;
    padding: 0px;
    box-shadow: none;
}

    .ud-rhs-sec-3 ul li .eve-box-list img {
        width: 49px;
        height: 49px;
    }

    .ud-rhs-sec-3 ul li .eve-box-list h4 {
        margin: 5px 0px 4px 0px;
        font-size: 13px;
        padding: 0px;
        background: none;
    }

.ud-cen-s3 ul li:nth-child(2n+2) div {
    margin: 0px 10px;
}

.ud-rhs-sec-3 ul li .eve-box-list p {
    font-size: 11px;
}

.ud-rhs-sec-3 ul li .eve-box-list span {
    font-size: 10px;
    padding: 0px 8.5px;
    bottom: 0px;
}

    .ud-rhs-sec-3 ul li .eve-box-list span b {
    }

.ud-rhs-sec-3 ul li .eve-box-list a {
}

.ud-rhs-promo {
    background: url(../images/promo.jpg) no-repeat;
    background-size: cover;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative;
    color: #fff;
    float: left;
    width: 100%;
}

    .ud-rhs-promo img {
        width: 100%;
    }

    .ud-rhs-promo:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        /*   background: #cac42680;*/
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        border-radius: 10px;
    }

    .ud-rhs-promo:hover a {
        background: #FF9800;
        color: #fff;
    }

    .ud-rhs-promo h3 {
        font-size: 26px;
        /* font-weight: 600; */
    }

    .ud-rhs-promo p {
        font-size: 13px;
        color: #ffffff;
    }

    .ud-rhs-promo a {
        background: #FF9800;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 6px 15px;
        line-height: 20px;
        border-radius: 4px;
        /* margin-top: -16px; */
        letter-spacing: 2px;
    }

    .ud-rhs-promo h3, .ud-rhs-promo p, .ud-rhs-promo a {
        position: relative;
    }

.ud-rhs-promo-1 {
    background: url(../images/face.jpg);
    background-size: 190px;
    margin-top: 20px;
}

    .ud-rhs-promo-1:before {
        background: #3f51b5d9;
    }

    .ud-rhs-promo-1 a {
        background: #03A9F4;
        color: #fff;
    }

.ud-rhs-sec-4 {
}

    .ud-rhs-sec-4 ul li {
        padding-bottom: 20px;
    }

.blog-box-list {
    position: relative;
}

    .blog-box-list h5 {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 5px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }

    .blog-box-list p {
        font-size: 12px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
        margin-bottom: 0px;
    }

    .blog-box-list span b {
    }

    .blog-box-list span {
        font-size: 12px;
    }

    .blog-box-list a {
    }

.tz-db-table {
}

.ud-cen-s2 table {
}

    .ud-cen-s2 table tr {
        color: #969595;
        border-bottom: 1px solid #e9e9e9;
    }

        .ud-cen-s2 table tr td {
            font-size: 13px;
            color: #000;
            padding: 14px 14px 14px 0px;
        }

            .ud-cen-s2 table tr td:nth-child(2) img {
                width: 36px;
                height: 36px;
                border-radius: 50%;
                object-fit: cover;
                float: left;
                margin-right: 15px;
            }

.lead-tab table tr td:nth-child(2) {
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    width: 120px;
    float: left;
}

.lead-tab table tr td:nth-child(8) {
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    width: 200px;
    float: left;
}

.ud-cen-s2 table tr td:nth-child(2) span {
    display: block;
    font-size: 11px;
    font-weight: 400;
}

.ud-cen-s2 table tr th {
    font-size: 12px;
    color: #333;
    padding: 14px 14px 14px 0px;
    font-weight: 600;
}

.ca-sh-plan {
    display: none;
    position: relative;
}

.ca-sh-user {
    position: relative;
}

.frmtip {
    float: right;
    color: #0d78d7;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 13px;
}

.db-pro-bot-btn {
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 50px;
    margin: 10px 0px;
    display: inline-block;
    color: #fff;
}

    .db-pro-bot-btn:hover {
        color: #fff;
        background: #f18b54;
    }

.ud-cen-s2.ud-pro-edit table tr td:nth-child(2) {
    display: flex;
}

.ud-pro-edit .form-group {
    margin: 0px;
    display: grid;
    width: 100%;
}

    .ud-pro-edit .form-group input {
        width: 100%;
        font-size: 14px;
        font-weight: 500;
    }

.ud-pro-edit table tr:last-child {
    border-bottom: 0px;
}


.ud-rhs-pay {
    /* position: relative; */
    /* overflow: hidden; */
    background: #fff;
    float: left;
    /* text-align: center; */
    box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
    /* padding: 20px; */
    /* color: #fff; */
    padding-bottom: 20px;
}

.ud-rhs-pay-inn {
}

    .ud-rhs-pay-inn h3 {
        font-size: 15px;
        font-weight: 700;
        background: #03A9F4;
        color: #fff;
        padding: 15px 20px;
        margin-bottom: 0px;
        border-radius: 10px 10px 0px 0px;
    }

    .ud-rhs-pay-inn ul {
        padding: 20px;
    }

        .ud-rhs-pay-inn ul li {
            font-size: 12px;
            padding: 8px 0px;
            border-bottom: 1px solid #e6ecee;
        }

            .ud-rhs-pay-inn ul li b {
                width: 105px;
                display: inline-block;
            }

    .ud-rhs-pay-inn .btn {
        background: #F44336;
        color: #fff !important;
        font-size: 12px;
        padding: 7px 18px;
        border-radius: 2px;
        font-family: 'Quicksand', sans-serif;
        font-weight: 600;
        margin-top: 10px;
        cursor: pointer;
        float: left;
        /* margin-left: 20px; */
    }

    .ud-rhs-pay-inn .btn1 {
        margin-left: 20px;
    }

    .ud-rhs-pay-inn .btn2 {
        margin-left: 10px;
        background: #4CAF50;
    }

.ud-rhs-repo {
}

    .ud-rhs-repo h3 {
    }

    .ud-rhs-repo ul {
    }

        .ud-rhs-repo ul li {
            float: left;
            width: 33.333%;
            text-align: center;
            height: 100px;
            position: relative;
        }

            .ud-rhs-repo ul li span {
                display: block;
            }

            .ud-rhs-repo ul li .view {
                font-size: 9px;
                color: #8b8787;
                text-transform: uppercase;
                letter-spacing: 1px;
                position: absolute;
                left: 29%;
                top: 14px;
            }

            .ud-rhs-repo ul li .cout {
                font-size: 24px;
                font-weight: 600;
                line-height: 42px;
                padding-top: 20px;
            }

            .ud-rhs-repo ul li .name {
                font-size: 12px;
                font-weight: 500;
                color: #8b8787;
            }

            .ud-rhs-repo ul li:nth-child(1) {
                border-right: 1px solid #e6ecee;
            }

            .ud-rhs-repo ul li:nth-child(2) {
                border-right: 1px solid #e6ecee;
            }

            .ud-rhs-repo ul li:nth-child(3) {
                /* border-right: 1px solid #e6ecee; */
                border-bottom: 1px solid #e6ecee;
            }

            .ud-rhs-repo ul li:nth-child(4) {
                border-right: 1px solid #e6ecee;
                border-bottom: 0px;
            }

            .ud-rhs-repo ul li:nth-child(5) {
                border-right: 1px solid #e6ecee;
                border-bottom: 0px;
            }

            .ud-rhs-repo ul li:nth-child(6) {
            }

            .ud-rhs-repo ul li:nth-child(7) {
            }

            .ud-rhs-repo ul li:nth-child(7) {
                border-right: 1px solid #e6ecee;
            }

.ud-rhs-status {
    padding-bottom: 0px;
}

    .ud-rhs-status ul li {
        padding: 12px 0px 4px 0px;
    }

        .ud-rhs-status ul li span {
            float: left;
            width: 80%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: pre;
            font-size: 12px;
            font-weight: 500;
        }

        .ud-rhs-status ul li .custom-control {
            padding: 0px;
            display: inline-block;
            right: -50px;
            top: -4px;
        }

            .ud-rhs-status ul li .custom-control input {
            }

            .ud-rhs-status ul li .custom-control label {
            }

.db-list-com {
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.db-list-rat {
    background: #f7ed94;
    padding: 4px 8px;
    font-weight: 600;
    color: #000;
    right: 15px;
    top: 0px;
    font-size: 10px;
    border-radius: 2px;
    text-align: center;
}

.db-list-ststus {
    background: #579edc;
    padding: 4px 8px;
    font-weight: 600;
    color: #ffffff;
    font-size: 10px;
    border-radius: 2px;
    border: 0px solid #d3d3d3;
}

.db-list-ststus-na {
    background: #fd8478;
    padding: 4px 8px;
    font-weight: 600;
    color: #fff;
    right: 15px;
    top: 0px;
    font-size: 12px;
    border-radius: 2px;
}

.db-list-edit {
    padding: 3px 5px;
    font-weight: 600;
    color: #595b64;
    font-size: 10px;
    border-radius: 2px;
    border: 1px solid #d3d3d3;
    cursor: pointer;
}

    .db-list-edit:hover {
        background: #2196F3;
        color: #fff;
        border: 1px solid #2093ef;
    }

.db-invo-dwn {
    padding: 6px 10px 6px 35px;
    font-weight: 600;
    color: #39708b;
    font-size: 11px;
    border-radius: 2px;
    border: 1px solid #becdd5;
    cursor: pointer;
}

    .db-invo-dwn:before {
        content: 'file_download';
        margin: -3px 0 0 -23px;
        color: #39708b;
    }

.udb-sugg {
    padding: 0px 0px 80px 0px;
    background: #ffeee5;
    background: linear-gradient(to top,#fff,#ffeee5 70%);
}

    .udb-sugg .container {
        border-top: 1px solid #ebebeb;
        padding-top: 60px;
    }

    .udb-sugg .home-tit {
        padding-top: 0px;
    }

    .udb-sugg .hot-page2-hom-pre-head h4 {
        color: #ffffff;
    }

    .udb-sugg .hot-page2-hom-pre-head {
        background: #303f4a;
    }

        .udb-sugg .hot-page2-hom-pre-head:after {
            border-top-color: #31404b;
        }

    .udb-sugg .hot-page2-hom-pre ul li a {
        position: absolute;
        cursor: pointer;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 5;
    }

    .udb-sugg .hot-page2-hom-pre-2 span {
        font-size: 12px;
    }

        .udb-sugg .hot-page2-hom-pre-2 span b {
            color: #8cb8bb;
            font-weight: 600;
        }

.ud-notes {
    background: #e5f7ff;
    border: 1px solid #d0e9f4;
    padding: 25px;
    margin-top: 50px;
    float: left;
    width: 100%;
    border-radius: 10px;
}

    .ud-notes p {
        font-size: 12px;
        line-height: 24px;
        margin: 0px;
        color: #668796;
    }

        .ud-notes p b {
        }

.ad-table-inn {
}

    .ad-table-inn img {
        width: 100px;
        transition: all 0.5s ease;
    }

        .ad-table-inn img:hover {
            transform: scale(3);
            box-shadow: 0px 1px 12px 0px rgba(150,150,150,0.8);
        }

    .ad-table-inn .db-list-rat:hover {
        background: #51c0ff;
        color: #fff;
    }

.ud-payment {
    background: #1977f317;
    border-radius: 21px;
    padding: 7%;
    border-bottom: 4px solid #f37e24;
    /* box-shadow: 0px 2px 22px 3px rgb(157 152 152 / 21%); */
    /* padding: 23px; */
    float: left;
    margin-bottom: 4%;
    width: 100%;
    padding-bottom: 3%;
    color: black;
}

.pay-lhs {
    float: left;
    width: 30%;
}

    .pay-lhs img {
        width: 100%;
        float: left;
        border-radius: 2px;
    }

.pay-rhs {
    float: left;
    width: 70%;
    padding-left: 17px;
}

    .pay-rhs ul {
    }

        .pay-rhs ul li {
            font-size: 14px;
            margin-bottom: 10px;
            float: left; /*
    width: 50%;*/
            font-weight: 400;
        }

            .pay-rhs ul li:nth-child(1) {
                width: 100%;
            }

            .pay-rhs ul li b {
            }

            .pay-rhs ul li .ud-stat-pay-btn {
                font-size: 12px;
                font-weight: 600;
                color: #ffffff;
                display: inline-block;
                background: #06d7bb;
                padding: 5px 15px;
                border-radius: 40px;
            }

.ud-pay-op {
    float: left;
    width: 100%;
    margin-top: 50px;
}

    .ud-pay-op h4 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .ud-pay-op ul {
    }

        .ud-pay-op ul li {
        }

.pay-full {
    background: #fffbf1;
    border: 1px solid #f3ead1;
    padding: 25px;
    margin-bottom: 15px;
}

    .pay-full .rbbox {
    }

        .pay-full .rbbox label {
            font-weight: 600;
            margin-bottom: 0px;
        }

.pay-note {
    margin-top: 0px;
    /* display: none;
     */
    opacity: 0;
    transition: all 0.5s ease;
    height: 0px;
}

    .pay-note span {
        font-size: 14px;
        display: block;
        margin-bottom: 8px;
        color: #7e5d3a;
        font-weight: 500;
    }

        .pay-note span i {
            font-size: 12px;
        }

    .pay-note button {
        background: #51c0ff;
        border: 0px;
        font-weight: 600;
        padding: 10px 40px;
        border-radius: 2px;
        display: inline-block;
        color: #fff;
        font-size: 14px;
        margin-top: 15px;
    }

    .pay-note form {
    }

        .pay-note form h4 {
            margin-top: 40px;
        }

        .pay-note form ul li {
        }

            .pay-note form ul li input {
                background-color: #fff;
                border: 1px solid #d9d0b8;
                font-size: 14px;
                font-weight: 500;
            }

.pay-full .rbbox input[type="radio"]:checked ~ .pay-note {
    /* display:block;
     */
    opacity: 1;
    transition: all 0.5s ease;
    height: auto;
    margin-top: 20px;
}

.posr .form-group {
    position: relative;
}


.ud-rhs-poin {
    background: #fff;
    box-shadow: 0px 2px 15px -4px rgb(224 224 224 / 80%);
    margin-bottom: 20px;
    border-radius: 10px;
    float: left;
    width: 100%;
}

.ud-rhs-poin1 {
    background: url(../images/points.png) no-repeat;
    background-size: 100%;
    padding: 105px 40px 40px 40px;
    text-align: center;
    border-radius: 10px;
}

    .ud-rhs-poin1 h4 {
        margin: 0px;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 700;
    }

    .ud-rhs-poin1 span {
        font-size: 60px;
        font-weight: 700;
        line-height: 60px;
    }

.ud-rhs-poin2 {
    padding: 20px;
    text-align: center;
}

    .ud-rhs-poin2 h3 {
        font-size: 13px;
    }

    .ud-rhs-poin2 p {
        font-size: 11px;
        font-family: 'Quicksand';
    }

    .ud-rhs-poin2 a {
    }

        .ud-rhs-poin2 a.cta {
            background: #e75772;
            color: #fff;
            font-size: 11px;
            padding: 8px 25px;
            border-radius: 20px;
            font-weight: 400;
            text-transform: uppercase;
            display: inline-block;
        }


.how-to-coll {
    /* text-align: left;
     */
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

    .how-to-coll ul {
    }

    .how-to-coll li {
        text-align: left;
        border-bottom: 1px solid #ebebeb;
        padding: 20px;
    }

        .how-to-coll li:last-child {
            border-bottom: 0px;
        }

        .how-to-coll li h4.colact {
        }

        .how-to-coll li h4 {
            text-align: left;
            font-size: 15px;
            margin-bottom: 0px;
            cursor: pointer;
            text-overflow: ellipsis;
            white-space: pre;
            overflow: hidden;
            /* padding-right: 50px;
     */
        }

        .how-to-coll li h5 {
            font-size: 14px;
            font-weight: 600;
            margin-top: 10px;
        }

        .how-to-coll li h4:after {
            content: 'expand_more';
            color: #212529;
            right: 30px;
            font-size: 25px;
            line-height: 17px;
            transition: all 0.5s ease;
        }

        .how-to-coll li h4.colact:after {
            transform: rotate(180deg);
            transition: all 0.5s ease;
        }

        .how-to-coll li div {
            display: none;
            padding-top: 15px;
        }

            .how-to-coll li div p {
                text-align: left;
                font-size: 13px;
                line-height: 22px;
                margin: 0px;
            }

            .how-to-coll li div ol {
                padding: 15px 0px 0px 0px;
            }

                .how-to-coll li div ol li {
                    border: 0px;
                    padding: 0px;
                    font-size: 13px;
                    font-size: 13px;
                    line-height: 22px;
                    margin: 0px;
                    color: #81878d;
                    list-style-type: disc;
                    margin-left: 18px;
                }

.use-act-err {
    position: fixed;
    left: 0px;
    background: #fffaba;
    background: linear-gradient(to bottom,#ffea31,#ffbe5e 100%);
    right: 0px;
    width: 100%;
    z-index: 12;
    bottom: 0px;
    padding: 5px 10px;
    border-top: 1px solid #ece9b5;
}

    .use-act-err p {
        margin: 0px;
        font-size: 13px;
        color: #000;
        text-align: center;
        border: 0px;
        background: none;
        padding: 4px;
        font-weight: 500;
    }

.ud-sett {
}

    .ud-sett table tr {
    }

        .ud-sett table tr td {
            font-size: 14px;
            font-weight: 500;
        }

            .ud-sett table tr td select {
                font-size: 14px;
                font-weight: 500;
                border: 0px;
                background: #f6f6f6;
                cursor: pointer;
            }

            .ud-sett table tr td .form-group {
                margin-bottom: 0px;
            }

.sub-btn {
    background: #51c0ff;
    border: 0px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 40px;
    font-size: 15px;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ud-sett table tr:last-child {
    border-bottom: 0px;
}

    .ud-sett table tr:last-child td {
        padding-bottom: 0px;
    }

.all-noti {
}

.com-noti {
    background: #21d78d;
    padding: 10px 40px;
    border-radius: 0 0 20px 20px;
    display: table;
    margin: 0 auto;
    box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease;
    position: fixed;
    top: -100px;
    z-index: 22;
    left: 0px;
    width: 100%;
    text-align: center;
    background: linear-gradient(to top,#0cc87c,#21d78d 70%);
}

    .com-noti.cnoti-show {
        top: 0px;
        transition: all 0.5s ease;
    }

    .com-noti p {
        color: #fff;
        font-size: 13.5px;
        margin: 0px;
    }

        .com-noti p span {
        }

    .com-noti .yes {
        border: 1px solid;
        padding: 0px 10px;
        border-radius: 50px;
        cursor: pointer;
        margin-left: 20px;
        background: none;
        color: #fff;
    }

    .com-noti .no {
        border: 1px solid;
        padding: 0px 10px;
        border-radius: 50px;
        cursor: pointer;
        margin-left: 20px;
        background: none;
        color: #fff;
        margin-left: 10px;
    }

.c-not-sure {
}

.ud-payment.ud-pro-link {
    background: #f5f6fa;
    box-shadow: none;
    padding: 25px;
    border: 1px solid #eeeff1;
    border-radius: 10px;
    position: relative;
}

    .ud-payment.ud-pro-link.bus-pg {
        background: #f5f6fa;
        border: 0px solid #dbeae4;
        position: relative;
    }

.bus-pg .lis-pro-badg:before {
    background: #cac426b8;
}

.ud-payment.ud-pro-link .lis-pro-badg {
    padding-top: 25px;
}

.ud-pro-link .pay-rhs {
}

    .ud-pro-link .pay-rhs ul li input {
        border: 1px solid #e4e4e4;
        background: #fffdfd;
        padding: 5px 10px;
        border-radius: 5px;
        width: 100%;
        font-size: 12px;
        font-weight: 500;
        color: #767879;
    }

    .ud-pro-link .pay-rhs ul li.pro {
        width: 100%;
        margin: 12px 0 15px 0;
    }

    .ud-pro-link .pay-rhs ul li.pre {
        margin-bottom: 0px;
        width: 100%;
    }

        .ud-pro-link .pay-rhs ul li.pre a {
            border: 0px;
            font-weight: 600;
            padding: 5px 20px;
            font-size: 9px;
            border-radius: 5px;
            color: #fff;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            background: #1877de;
            background: -webkit-linear-gradient(to top, #2d6eb5, #1877de);
            background: linear-gradient(to top, #2d6eb5, #1877de);
        }

    .ud-pro-link .pay-rhs ul li:nth-child(2) span {
        margin-right: 25px;
    }

.us-pro-main { /* background-size: 250px; */
    margin-top: 52px;
    margin-bottom: 180px;
}

    .us-pro-main .container {
        position: relative;
        z-index: 9;
    }

    .us-pro-main:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 402px;
        background: #142a52e6;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 9;
        box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.27);
    }

    .us-pro-main:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 400px;
        background: url(../images/face.jpg) #edf6fd;
        background-size: 100px;
        left: 0px;
        top: 0px;
    }

.us-pro {
    float: left;
    width: 100%;
    position: relative;
    border-radius: 5px;
}

.us-pro-sec-1 {
    /* float: left;
     */
    /* width: 60%; */
    margin: 0 auto;
    display: table;
    box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.27);
    background: #ccd1d6;
}

.us-pro-sec-1-lhs {
    float: left;
    width: 30%;
    text-align: center;
    padding: 30.5px 0px 21px 0px;
    /* border-radius: 0px 0px 10px 0px; */
    background: #fff;
}

    .us-pro-sec-1-lhs .pro {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        object-fit: cover;
        /* border: 5px solid #ffffff; */
        box-shadow: 0px 6px 12px -3px rgba(0, 0, 0, 0.27);
        margin: 0 auto;
        display: table;
    }

.us-pro-sec-1-rhs .pro-bg {
    /* position: absolute; */
    /* left: 0px; */
    /* top: 0px; */
    width: 100%;
    height: 350px;
    object-fit: cover;
    z-index: 0;
    /* border-radius: 0px 0px 5px 0px; */
}

.us-pro-sec-1-lhs h1 {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 600;
}

.us-pro-sec-1-lhs p {
}

.us-pro-sec-1-rhs {
    float: left;
    width: 70%;
    /* padding-left: 50px; */
    overflow: hidden;
}

    .us-pro-sec-1-rhs h1 {
        font-size: 28px;
        font-weight: 700;
        display: inline-block;
        margin: 0px;
        padding-right: 15px;
    }

.us-pro-sec-1-lhs button {
    background: #0a77ff;
    border: 0px;
    font-weight: 600;
    font-size: 16px;
    padding: 4px 21px;
    border-radius: 30px;
    display: inline-block;
    color: #fff;
    text-align: center;
    top: -7px;
    position: relative;
    text-transform: lowercase;
}

.us-pro-main .pro-listing-box div:nth-child(1) p {
    font-weight: 500;
    color: #949494;
    text-overflow: ellipsis;
    height: auto;
    white-space: nowrap;
    font-size: 13px;
}

.us-pro-main .log p {
    border: 1px solid #f1e5e0;
    background: #fdf9f7;
}

.us-pro-sec-1-lhs ul.lis-cou {
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #dee5ea;
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
    /* display: none; */
}

    .us-pro-sec-1-lhs ul.lis-cou li {
        float: left;
        font-size: 12px;
        padding-right: 8px;
        font-weight: 600;
        font-family: 'Quicksand', sans-serif;
    }

        .us-pro-sec-1-lhs ul.lis-cou li b {
        }

.us-pro-sec-1-lhs p {
    float: left;
    font-size: 13px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    width: 100%;
}

.us-pro-sec-1-rhs p b {
}

.us-pro-sec-1-lhs ul.pro-soci {
    /* float: left; */
    /* width: 100%; */
    margin: 0 auto;
    display: table;
    /* padding-top: 20px; */
}

    .us-pro-sec-1-lhs ul.pro-soci li {
        float: left;
        margin-right: 8px;
    }

.us-pro-sec-1-rhs ul.pro-soci li a {
}

.us-pro-sec-1-lhs ul.pro-soci li a img {
    width: 28px;
}

.us-pro-sec-2 {
    margin-top: 50px;
}

.us-pro-nav {
    border-bottom: 1px solid #dee5ea;
}

    .us-pro-nav ul {
        margin: 0 auto;
        display: table;
    }

        .us-pro-nav ul li {
            float: left;
            /* padding: 0px 10px;
     */
        }

            .us-pro-nav ul li span {
                font-size: 16px;
                font-weight: 700;
                padding: 16px 10px;
                cursor: pointer;
                display: inline-block;
                font-family: 'Quicksand', sans-serif;
            }

                .us-pro-nav ul li span.act {
                    border-bottom: 2px solid #0a77ff;
                    color: #0a77ff;
                }

.us-propg-main {
    /* padding-top: 50px;
     */
}

    .us-propg-main h2 {
        font-size: 20px;
        padding: 0px 15px;
        font-weight: 600;
    }

.us-ppg-listings {
}

    .us-ppg-listings label.rat {
        display: none;
    }

.pro-rel-posts .us-ppg-blog {
    padding-top: 10px;
    padding-bottom: 130px;
}

.us-ppg-event {
}

.us-ppg-follow {
}

.us-pro-sec-3 {
}

.us-pro-sec-4 {
}

.us-ppg-com ul {
}

    .us-ppg-com ul li {
        float: left;
        width: 33.3333%;
    }

.pro-rel-events .us-ppg-com {
    padding-top: 15px;
}

.pro-listing-box {
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0px 2px 27px rgb(102 95 95 / 11%);
    margin: 6px;
}

    .pro-listing-box:hover div:nth-child(2) span {
        background: #2da2ff;
        transition: all 0.5s ease;
    }

    .pro-listing-box div:nth-child(1) {
        position: relative;
    }

        .pro-listing-box div:nth-child(1) img {
            width: 100%;
            transition: all .5s ease;
            height: 185px;
            object-fit: cover;
            border-radius: 2px;
            /* float: left;
     */
        }

        .pro-listing-box div:nth-child(1) h2 {
            font-size: 17px;
            font-weight: 700;
            padding: 25px 25px 0px 25px;
            text-overflow: ellipsis;
            white-space: pre;
            overflow: hidden;
        }

        .pro-listing-box div:nth-child(1) p {
            padding: 0px 25px;
            font-size: 14px;
            height: 40px;
            overflow: hidden;
        }

        .pro-listing-box div:nth-child(1) label.rat {
            /* position: absolute;
     */
            padding-left: 25px;
        }

            .pro-listing-box div:nth-child(1) label.rat i {
                color: #51c0ff;
                font-size: 20px;
                width: 14px;
            }

    .pro-listing-box div:nth-child(2) {
    }

        .pro-listing-box div:nth-child(2) span {
            display: block;
            width: 100%;
            background: #0b253a;
            color: #fff;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 600;
            text-align: center;
            letter-spacing: 1px;
            padding: 8px 5px;
            cursor: pointer;
        }

.us-ppg-com {
    float: left;
    width: 100%;
    padding-top: 40px;
}

    .us-ppg-com .fclk {
    }

.pro-eve-box {
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
    margin: 15px;
    border: 8px solid #fff;
    border-radius: 5px;
    border-bottom: 0px;
}

    .pro-eve-box:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom,#14171e4a 23%,#000000bf 96%);
        z-index: 2;
        border-radius: 5px;
        transition: all 0.5s ease;
    }

.us-ppg-blog .pro-eve-box:before {
    display: none;
}

.us-ppg-blog .pro-eve-box h2 {
    color: #000;
    font-size: 14px;
    margin-bottom: 0px;
}

.us-ppg-blog .pro-eve-box p {
    margin-bottom: 0px;
    color: #6a6a6a;
}

.pro-eve-box:hover {
    box-shadow: 0px 16px 11px -7px rgba(0, 0, 0, 0.68);
    transition: all 0.5s ease;
    transform: scale(1.01);
}

.pro-eve-box div img {
    width: 100%;
    transition: all .5s ease;
    height: 200px;
    object-fit: cover;
    border-radius: 2px;
}

.pro-eve-box div:nth-child(2) {
    z-index: 2;
    position: absolute;
    margin-top: -135px;
    color: #fff;
    width: 100%;
    padding-left: 15px;
    padding-right: 10px;
}

.us-ppg-blog div:nth-child(2) {
    margin-top: 0px;
    position: relative;
    background: #fff;
    padding: 15px;
}

    .us-ppg-blog div:nth-child(2) span {
        position: absolute;
        right: 25px;
        top: -182px;
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        background: #cad721;
        padding: 1px 10px;
        border-radius: 12px;
    }

.pro-eve-box span {
    padding-left: 15px;
    font-size: 38px;
    font-weight: 700;
    color: #e1ba26;
}

    .pro-eve-box span b {
    }

.pro-eve-box h2 {
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    font-size: 20px;
}

.pro-eve-box p {
    font-size: 13px;
    padding: 0px 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    color: #dddcdc;
}

.pro-sm-box {
    background: #fff;
    padding: 10px;
    border-radius: 50px;
    position: relative;
    display: inline-block;
    width: 100%;
    transition: all 0.5s ease;
}

    .pro-sm-box:hover {
        background: #fffaea;
        box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.68);
        transition: all 0.5s ease;
        transform: scale(1.01);
    }

.us-ppg-follow ul li {
    padding: 10px;
    width: 25%;
}

.pro-sm-box:hover p {
    color: #333;
    transition: all 0.5s ease;
}

.pro-sm-box img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin-right: 10px;
}

.pro-sm-box h5 {
    font-size: 14px;
    /* float: left;
     */
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
    font-weight: 600;
    color: #333;
    margin-bottom: 3px;
    padding-top: 4px;
}

.pro-sm-box p {
    font-size: 12px;
    line-height: 15px;
    white-space: pre;
    overflow: hidden;
    font-weight: 400;
    color: #919ca1;
    margin-bottom: 0px;
    transition: all 0.5s ease;
}

    .pro-sm-box p b {
        font-weight: 500;
        color: #333;
    }

.pro-sm-box a {
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5;
}

.us-ppg-follow .ud-rhs-sec-2 {
    border: 0px;
    margin-bottom: 0px;
}

.pro-bot-shar {
    float: left;
    width: 100%;
    border-top: 1px solid #efd0d0;
    padding-top: 45px;
}

    .pro-bot-shar h4 {
        font-size: 20px;
        padding: 0px 15px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 10px;
    }

    .pro-bot-shar ul {
        margin: 0 auto;
        display: table;
    }

        .pro-bot-shar ul li {
            float: left;
            margin-right: 10px;
            margin-bottom: 15px;
        }

.sh-pro-face {
    background: #3b5998;
}

.sh-pro-shar {
    color: #fff;
    border-radius: 50px;
    /* padding: 8px 20px;
     */
}

    .sh-pro-shar a {
        color: #fff;
        font-weight: 500;
        font-size: 11px;
        padding: 8px 14px 8px 14px;
        display: inline-block;
    }

        .sh-pro-shar a img {
            margin-right: 8px;
            width: 20px;
        }

.sh-pro-twi {
    background: #55acee;
}

.sh-pro-link {
    background: #0e76a8;
}

.sh-pro-what {
    background: #55cd6c;
}

.blog-head {
    margin-top: 50px;
    padding: 65px 0px 0px 0px;
    position: relative;
    float: left;
    width: 100%;
    background-color: #5200dd;
    background: -webkit-linear-gradient(to right, #00e0a2, #0074db);
    background: linear-gradient(to right, #00e0a2, #0074db);
    height: 200px;
}

    .blog-head:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        background-image: url(../images/new/bgIcons.png);
        background-repeat: repeat;
        opacity: 0.3;
        background-size: 400px;
        animation: blogbgani 300s linear 0s infinite both;
    }

.eve-head {
    background: url(../images/event-bg.jpg) no-repeat center;
    background-size: cover;
}

    .eve-head:before {
        background: #ffeee5;
        background: linear-gradient(to top,#fff,#ffc39fa6 100%);
    }

.blog-head-inn {
    text-align: center;
    /* color: #212529;
     */
    position: relative;
}

    .blog-head-inn h1 {
        font-weight: 700;
        font-size: 36px;
        padding-bottom: 5px;
        color: #ffffff;
    }

    .blog-head-inn p {
        font-size: 18px;
        font-weight: 300;
        margin: 6px 0px 20px 0px;
        color: #ffffff;
    }

.blog-body .us-ppg-com ul li {
    width: 33.3333%;
}

.blog-body .pro-eve-box p {
    padding: 0px;
}

.blog-body .pro-eve-box div img {
    height: 175px;
}

.blog-body .us-ppg-blog div:nth-child(2) span {
}

.blog-body .us-ppg-blog .pro-eve-box h2 {
    font-size: 15px;
    font-weight: 700;
}

.blog-body .us-ppg-blog .pro-eve-box p {
    font-size: 12px;
    /* margin: 0px;
     */
    line-height: 14px;
    margin-bottom: 6px;
    position: absolute;
    margin-top: -47px;
    background: #1977f3;
    color: #fff;
    padding: 3px 8px;
    font-weight: 500;
    border-radius: 50px;
}

.blog-head .ban-search {
    position: relative;
    width: 58%;
    background: none;
    padding: 0px;
}

    .blog-head .ban-search .sr-sea {
        width: 100%;
    }

    .blog-head .ban-search .sr-btn {
        width: 28%;
    }

.event-body, .blog-body {
    float: left;
    width: 100%;
    padding-bottom: 60px;
    padding-top: 40px;
    background: #eef5ff;
}

    .event-body .us-ppg-com ul li {
    }

        .event-body .us-ppg-com ul li .eve-box {
            margin: 10px;
        }

    .event-body .eve-box div:nth-child(3) .auth {
        padding-left: 0px;
    }

    .event-body .eve-box div:nth-child(1) a img {
        height: 210px;
    }

    .event-body .us-ppg-com ul li .eve-box .addr {
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }

.eve-deta-pg {
    margin-top: 52px;
    float: left;
    width: 100%;
    background: #e4f4ff;
    background: linear-gradient(to top,#fff,#e4f4ff 70%);
}

    .eve-deta-pg .eve-deta-pg-main {
        position: relative;
        float: left;
        width: 100%;
    }

    .eve-deta-pg .lhs {
        float: left;
        width: 65%;
        position: relative;
    }

        .eve-deta-pg .lhs .img {
            position: relative;
            overflow: hidden;
        }

            .eve-deta-pg .lhs .img:before {
                content: '';
                width: 100%;
                height: 100%;
                background: linear-gradient(to bottom,#ffffff00 23%,#282f3f 96%);
                border-radius: 5px;
                transition: all 0.5s ease;
                left: 0px;
                top: 0px;
            }

            .eve-deta-pg .lhs .img img {
                width: 100%;
                float: left;
                object-fit: cover;
                height: 425px;
                transition: all 0.5s ease;
            }

    .eve-deta-pg .head {
        margin-top: -120px;
        position: relative;
        z-index: 5;
        padding-left: 35px;
        color: #fff;
    }

        .eve-deta-pg .head .dat {
            font-size: 18px;
            font-weight: 500;
            color: #000000;
            background: #f6ff7f;
            padding: 5px 17px;
            border-radius: 25px;
            top: -20px;
            display: inline-block;
            position: relative;
        }

        .eve-deta-pg .head h1 {
            font-size: 28px;
            font-weight: 600;
            text-overflow: ellipsis;
            white-space: pre;
            overflow: hidden;
            padding-right: 20px;
        }

        .eve-deta-pg .head .addr {
            display: block;
        }

        .eve-deta-pg .head .pho {
        }

    .eve-deta-pg .rhs {
        float: left;
        width: 35%;
    }

        .eve-deta-pg .rhs .pglist-p-com {
            margin-bottom: 0px;
            border-radius: 0px;
            background: #fff;
        }

        .eve-deta-pg .rhs .quote-pop {
            padding: 25px 30px 0px 30px;
        }

            .eve-deta-pg .rhs .quote-pop h3 {
            }

            .eve-deta-pg .rhs .quote-pop form {
            }

.eve-deta-body {
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px 0 50px 0;
}

.log .post-box h4 {
    text-align: left;
    font-size: 18px;
}

.log .post-box p {
    text-align: left;
}

.eve-deta-body .eve-deta-body-main {
}

    .eve-deta-body .eve-deta-body-main .lhs {
        float: left;
        width: 65%;
        padding-right: 50px;
        border-right: 1px solid #e7e7e7;
    }

        .eve-deta-body .eve-deta-body-main .lhs p {
            font-size: 14px;
            line-height: 24px;
        }

.list-pg-inn-abo h1, .list-pg-inn-abo h2, .list-pg-inn-abo h3, .list-pg-inn-abo h4, .list-pg-inn-abo h5, .list-pg-inn-abo h6 {
    font-weight: 600;
}

.list-pg-inn-abo h6 {
    font-size: 12px;
}

.list-pg-inn-abo h5 {
    font-size: 14px;
}

.list-pg-inn-abo h4 {
    font-size: 16px;
}

.list-pg-inn-abo h3 {
    font-size: 18px;
}

.list-pg-inn-abo h2 {
    font-size: 20px;
}

.list-pg-inn-abo h1 {
    font-size: 22px;
}

.list-pg-inn-abo p img, .list-pg-inn-abo img {
    width: 32px !important;
    height: auto !important;
    border-radius: 2px;
    padding: 4px;
}


.pro-pbox-4 h1, .pro-pbox-4 h2, .pro-pbox-4 h3, .pro-pbox-4 h4, .pro-pbox-4 h5, .pro-pbox-4 h6 {
    font-weight: 600;
}

.pro-pbox-4 h6 {
    font-size: 12px;
}

.pro-pbox-4 h5 {
    font-size: 14px;
}

.pro-pbox-4 h4 {
    font-size: 16px;
}

.pro-pbox-4 h3 {
    font-size: 18px;
}

.pro-pbox-4 h2 {
    font-size: 20px;
}

.pro-pbox-4 h1 {
    font-size: 22px;
}

.pro-pbox-4 p img, .pro-pbox-4 img {
    width: 100% !important;
    height: auto !important;
    border-radius: 2px;
}


.eve-deta-body .eve-deta-body-main .lhs h1, .eve-deta-body .eve-deta-body-main .lhs h2, .eve-deta-body .eve-deta-body-main .lhs h3, .eve-deta-body .eve-deta-body-main .lhs h4, .eve-deta-body .eve-deta-body-main .lhs h5, .eve-deta-body .eve-deta-body-main .lhs h6 {
    font-weight: 600;
}

.eve-deta-body .eve-deta-body-main .lhs h6 {
    font-size: 14px;
}

.eve-deta-body .eve-deta-body-main .lhs h5 {
    font-size: 16px;
}

.eve-deta-body .eve-deta-body-main .lhs h4 {
    font-size: 18px;
}

.eve-deta-body .eve-deta-body-main .lhs h3 {
    font-size: 20px;
}

.eve-deta-body .eve-deta-body-main .lhs h2 {
    font-size: 22px;
}

.eve-deta-body .eve-deta-body-main .lhs h1 {
    font-size: 24px;
}

.eve-deta-body .eve-deta-body-main .lhs p img, .eve-deta-body .eve-deta-body-main .lhs img {
    width: 100% !important;
    height: auto !important;
    border-radius: 2px;
}

.eve-deta-body .eve-deta-body-main .rhs {
    float: left;
    width: 35%;
    padding-left: 50px;
}

.eve-deta-body .pro-bot-shar {
    margin-bottom: 0px;
}

.eve-deta-body .rhs h4 {
    font-size: 18px;
    font-weight: 600;
}

.eve-deta-body .rhs .sec-1 {
    margin-bottom: 40px;
}

    .eve-deta-body .rhs .sec-1 ul {
    }

        .eve-deta-body .rhs .sec-1 ul li {
            font-size: 14px;
            margin-bottom: 10px;
            padding-left: 15px;
        }

            .eve-deta-body .rhs .sec-1 ul li:before {
                content: 'radio_button_checked';
                position: absolute;
                /* width: 6px; */
                /* height: 6px; */
                /* background: #d0d1c3; */
                border-radius: 50%;
                margin: 1px 0px 0px -20px;
                font-weight: 900;
                font-size: 12px;
                color: #47b83f;
            }

            .eve-deta-body .rhs .sec-1 ul li b {
            }

.eve-deta-body .rhs .sec-2 {
    margin-bottom: 40px;
}

    .eve-deta-body .rhs .sec-2 iframe {
        border: 0px;
        width: 100%;
        height: 150px;
        border: 5px solid #fff;
        box-shadow: 0px 3px 14px -8px rgba(42, 42, 42, 0.8);
    }

.eve-deta-body .rhs .sec-3 {
    border-top: 1px solid #e7e7e7;
    padding-top: 25px;
}

    .eve-deta-body .rhs .sec-3 .ud-lhs-s1 {
        padding-bottom: 0px;
    }

.pro-rel-events, .pro-rel-posts {
    float: left;
    width: 100%;
    /* border-top: 1px solid #efd0d0;
     */
    /* padding-top: 45px;
     */
    margin-top: 50px;
}

    .pro-rel-events h4, .pro-rel-posts h4 {
        font-size: 20px;
        padding: 0px 15px;
        font-weight: 600;
        text-align: center;
        padding-bottom: 0px;
        position: relative;
        /* color: #ff853c;
     */
    }

        .pro-rel-events h4:after {
        }

.eve-deta-body .auth h4 {
    text-align: left;
    font-size: 12px;
    padding-left: 0px;
}

.eve-deta-body .rhs .sec-4 {
    float: left;
    width: 100%;
}

    .eve-deta-body .rhs .sec-4 h4 {
        font-size: 16px;
    }

    .eve-deta-body .rhs .sec-4 ul {
        height: 320px;
        overflow: hidden;
    }

        .eve-deta-body .rhs .sec-4 ul:hover {
            overflow-y: auto;
        }

        .eve-deta-body .rhs .sec-4 ul li {
            padding-bottom: 8px;
        }

    .eve-deta-body .rhs .sec-4 input {
        border: 0px;
        border-bottom: 1px solid #e2e2e2;
        width: 100%;
        margin: 15px 0px 20px 0px;
        font-size: 14px;
    }

    .eve-deta-body .rhs .sec-4 ul li a {
        font-size: 13px;
        color: #333;
        font-weight: 400;
        padding-left: 25px;
    }

        .eve-deta-body .rhs .sec-4 ul li a:before {
            content: "keyboard_arrow_right";
            margin: 4px 0 0 -25px;
            position: relative;
            top: 3px;
            left: -6px;
        }

        .eve-deta-body .rhs .sec-4 ul li a:hover {
            color: #0989e7;
            font-weight: 600;
        }

.eve-deta-body.blog-deta-body .rhs .sec-3 {
    border-top: 0px solid #e7e7e7;
    padding-top: 0px;
    /* border-bottom: 1px solid #e7e7e7; */
    margin-bottom: 30px;
    padding-bottom: 0px;
    float: left;
    width: 100%;
}

    .eve-deta-body.blog-deta-body .rhs .sec-3 .ud-lhs-s1 {
        padding-bottom: 25px;
    }

.pro-rel-posts {
}

    .pro-rel-posts .pro-eve-box p {
        padding: 0px;
    }

.db-noti {
}

    .db-noti ul {
    }

        .db-noti ul li {
            color: #969595;
            border-bottom: 1px solid #e9e9e9;
            padding: 10px 0;
            transition: all 0.5s ease;
        }

            .db-noti ul li:hover {
                transition: all 0.5s ease;
                background: #fafafa;
                padding-left: 20px;
                box-shadow: 0px 0px 21px 2px rgba(157, 152, 152, 0.27);
            }

            .db-noti ul li div {
                font-size: 14px;
                color: #333;
                font-weight: 500;
            }

                .db-noti ul li div a {
                    font-weight: 600;
                    color: #128fcc;
                }

                    .db-noti ul li div a:hover {
                        text-decoration: underline;
                    }

            .db-noti ul li span {
                font-size: 12px;
            }

            .db-noti ul li p {
                font-size: 13px;
                margin-bottom: 0px;
                color: #646464;
            }

.add-list-ser {
}

    .add-list-ser ul li {
        border: 1px solid #f7eae3;
        margin-bottom: 25px;
        padding: 20px 15px 15px 15px;
        border-radius: 2px;
        background: #fff8f5;
    }

.ui-datepicker {
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 500;
        color: #aaaaaa;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }
/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }
/* Component containers ----------------------------------*/
.ui-widget {
    /* font-family: Arial, Helvetica, sans-serif; */
    font-size: 13px;
    font-weight: 500;
    color: #5f6165;
    line-height: 18px;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        /* font-family: Arial, Helvetica, sans-serif;
     */
        font-size: 1em;
        border: 0px;
        height: 25px;
        padding: 0px 10px;
        border-radius: 3px;
        margin: 0px 5px !important;
        font-family: 'Poppins', sans-serif;
        font-size: 14px !important;
        font-weight: 600;
    }

    .ui-widget.ui-widget-content {
        /* border: 0px solid #c5c5c5; */
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
        overflow: hidden;
        overflow-y: auto;
        max-height: 300px;
    }
/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button,
/* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0px solid #b4b4b4;
    background: #f6f6f6;
    font-weight: normal;
    color: #4f4f4f;
    text-align: center;
    width: 40px;
    height: 40px;
    padding: 10px;
}

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
        font-weight: normal;
        border: 0px solid #dad55e;
        background: #ffbd77;
        color: #ffffff;
        border-radius: 25px;
    }

        .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
            color: #2b2b2b;
            text-decoration: none;
        }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    display: none;
}

.ad-pri-cal {
    margin-top: 10px;
    display: none;
}

    .ad-pri-cal ul {
    }

        .ad-pri-cal ul li {
            float: left;
            width: 25%;
        }

            .ad-pri-cal ul li div {
                background: #fffce3;
                border: 1px solid #efebc8;
                padding: 20px;
                display: block;
                text-align: center;
                margin: 0px 10px;
            }

            .ad-pri-cal ul li:last-child div {
                border: 1px solid #16be7a;
                background: #21d78d;
                color: #fff;
            }

            .ad-pri-cal ul li span {
                font-size: 14px;
            }

            .ad-pri-cal ul li h5 {
                margin: 5px 0px 0px 0px;
                font-weight: 600;
                font-size: 22px;
            }

.db-fol-grid {
}

    .db-fol-grid ul {
    }

        .db-fol-grid ul li {
            float: left;
            width: 33.3333%;
        }

.pro-fol-gr {
    transition: all 0.5s ease;
    border: 1px solid #f9fcff;
    background: #fff;
    margin: 10px;
    /* height: 352px; */
    padding: 15px 15px;
    float: left;
    box-shadow: 0px 1px 11px -2px #9494945e;
    position: relative;
    width: 94%;
}

    .pro-fol-gr img {
        width: 100%;
        height: 150px;
        border-radius: 0%;
        object-fit: cover;
        float: left;
    }

    .pro-fol-gr h4 {
        font-size: 12px;
        font-weight: 400;
        /* margin: 15px 0px; */
        color: #a7a7a7;
        text-align: left;
        /* padding-left: 85px; */
        padding-top: 20px;
        float: left;
        display: inline-block;
        width: 100%;
    }

.comity-all-user .pro-fol-gr h4 {
    height: 55px;
}

.comity-all-user .pro-fol-gr img {
    border-radius: 5px;
}

.comity-all-user .pro-fol-gr .count-li {
    display: none;
}

.pro-fol-gr h4 b {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro-ful-img {
    position: relative;
    float: left;
    width: 100%;
}

.pro-fol-gr ol {
    float: left;
    width: 100%;
    padding: 0px;
    position: absolute;
    background: #fff;
    left: 0px;
    top: 0px;
    padding: 10px 10px;
    transition: all 0.2s ease;
    background: linear-gradient(to bottom,#fff,#fcf6f3 70%);
    opacity: 0;
    transform: translateY(-10px);
}

.pro-fol-gr:hover ol {
    opacity: 1;
    transition: all 0.2s ease;
    transform: translateY(0px);
    text-align: center;
    background: #e5f5fb;
    box-shadow: 0px 18px 4px -13px #3333338f;
}

.pro-fol-gr ol li {
    color: #919191;
    display: block;
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .pro-fol-gr ol li b {
        color: #333;
        display: block;
        font-size: 16px;
        font-weight: 600;
    }

.pro-fol-gr span {
    width: 33.333%;
    float: left;
    font-size: 11px;
    color: #8d98a3;
    font-weight: 500;
    text-align: center;
}

.pro-fol-gr:hover {
    box-shadow: 0px 16px 11px -7px rgba(55, 63, 67, 0.45);
    transition: all 0.5s ease;
    /* transform: scale(1.01);
     */
}

.pro-fol-gr span.userfollow {
    background: #c7e3ff;
    color: #0865d4;
    font-size: 12px;
    font-weight: 600;
    float: left;
    padding: 3px 10px;
    border-radius: 2px;
    display: block;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.enq-sav {
    position: absolute;
    top: 10px;
    right: 10px;
}

    .enq-sav i {
        cursor: pointer;
        border-radius: 50%;
        background: #fff;
        /* font-size: 16px; */
        padding: 1px 1px;
        text-align: center;
        /* line-height: 14px; */
        width: 22px;
        height: 22px;
        box-sizing: border-box;
        transition: all 0.5s ease;
        border: 1px solid #f1f0ed;
        color: #4173ea;
        display: inline-block;
    }

        .enq-sav i img {
            width: 14px;
            height: 14px;/*
            filter: contrast(0.2);
            opacity: 0.5;*/
            transition: all 0.5s ease;
            vertical-align: initial;
        }

        .enq-sav i.sav-act {
            /* box-shadow: 0 0 0 rgb(246 184 0); */
            animation: pulse 1.5s 1;
            border-radius: 50%;
            /* border: 1px solid #bfd2ff; */
            /* background: #bfd2ff; */
            border: 1px solid #ffffff;
            /* border: 1px solid #f6b800; */
            /* color: #f6b800; */
            background: #ffffff;
        }

.tooltip-inner {
    background-color: #00cc00;
}

.enq-sav i:hover img {
   /* opacity: 1;
    filter: contrast(1);*/
}

.ldelik.sav-act {
    background: #4274eb;
    color: #ffffff;
    border: 1px solid #4274eb;
    transition: all 0.5s ease;
}

    .ldelik.sav-act b {
        color: #ffffff;
    }

    .ldelik.sav-act:before {
        color: #ffffff;
    }

.list-pg-write-rev {
}

    .list-pg-write-rev .col {
        padding: 0px;
    }

    .list-pg-write-rev .row .col {
        padding: 0px 15px;
    }

span#Review_Disable, div#pop_enq_success, #pop_enq_same {
    display: block;
    text-align: center;
    padding: 20px 10px;
    border-radius: 2px;
    margin-bottom: 20px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}

span#Review_Disable {
    border: 1px solid #d2e0ef;
    background: #ecf5ff;
    color: #486b91;
}

div#pop_enq_success {
    border: 1px solid #8bf6bf;
    background: #d5ffea;
}

    div#pop_enq_success p {
        color: #106e43;
        margin: 0px;
    }

#pop_enq_same {
    border: 1px solid #ffd5d5;
    background: #ffd5d5;
    font-size: 12px;
}

    #pop_enq_same p {
        color: #ac6c6c;
        margin: 0px;
        font-size: 12px;
    }

/*-------------------------------------------------*/
/* TEMPLATE STYLES
/*-------------------------------------------------*/
.template-comm {
    margin-top: 52px;
    padding-bottom: 150px;
    padding-top: 40px;
    color: #5e6673;
}

.template-def .container {
    max-width: 750px;
}

.templ-def {
}

.template-def .templ-def-rhs {
    display: none;
}

.template-comm img {
    width: 100%;
    margin: 0px 0px 20px 0px;
    border-radius: 5px;
}

.template-comm h1, .template-comm h2, .template-comm h3, .template-comm h4, .template-comm h5, .template-comm h6 {
    margin: 5px 0px 20px 0px;
}

.template-comm h2 {
}

.template-comm h3 {
}

.template-comm h4 {
}

.template-comm h5 {
}

.template-comm h6 {
}

.template-comm p {
    font-size: 15px;
    line-height: 26px;
    color: #78808d;
}

.template-comm a {
}

.template-rhs {
}

    .template-rhs .templ-def-cent {
        float: left;
        width: 70%;
    }

    .template-rhs .templ-def-rhs {
        float: left;
        width: 30%;
        padding-left: 50px;
    }

.templ-def-rhs .box {
    padding-top: 25px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

    .templ-def-rhs .box h2 {
        font-size: 18px;
        font-weight: 600;
    }

    .templ-def-rhs .box ul {
    }

        .templ-def-rhs .box ul li {
        }

            .templ-def-rhs .box ul li .eve-box-list {
                margin-bottom: 5px;
            }

                .templ-def-rhs .box ul li .eve-box-list img {
                    width: 65px;
                    margin: 0px;
                    border-radius: 0px;
                    padding-right: 10px;
                }

                .templ-def-rhs .box ul li .eve-box-list h4 {
                    margin-bottom: 0px;
                    font-weight: 800;
                    font-size: 14px;
                    padding-top: 10px;
                }

                .templ-def-rhs .box ul li .eve-box-list p {
                    font-size: 12px;
                }

.templ-rhs-list {
}

    .templ-rhs-list ul li {
        margin-bottom: 10px;
    }

    .templ-rhs-list div {
        border: 1px solid #efefef;
        border-radius: 5px;
        position: relative;
        padding-bottom: 10px;
    }

        .templ-rhs-list div img {
            border-radius: 5px 5px 0px 0px;
            height: 130px;
            object-fit: cover;
        }

        .templ-rhs-list div h3 {
            color: #000;
            font-weight: 600;
            font-size: 16px;
            padding: 0px 15px;
            margin-bottom: 5px;
            text-overflow: ellipsis;
            white-space: pre;
            overflow: hidden;
        }

        .templ-rhs-list div p {
            font-size: 13px;
            padding: 0px 15px;
            margin-bottom: 0px;
            text-overflow: ellipsis;
            white-space: pre;
            overflow: hidden;
            /* text-transform: lowercase; */
        }

        .templ-rhs-list div a {
            position: absolute;
            right: 0px;
            top: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
        }

    .templ-rhs-list .pri {
        padding: 0px 15px;
        background: none;
        font-size: 14px;
    }

        .templ-rhs-list .pri b {
            color: #000;
            padding-right: 10px;
        }

.template-rhs .hot-page2-hom-pre-1 {
    width: 15%;
}

    .template-rhs .hot-page2-hom-pre-1 img {
        height: 40px;
        border-radius: 50px;
        object-fit: cover;
        margin: 0px;
    }

.template-rhs .hot-page2-hom-pre-2 {
    padding-right: 0px;
}

.template-rhs .hot-page2-hom-pre-head h4 {
    margin: 0px;
}

.template-rhs .hot-page2-hom-pre-2 h5 {
    margin-bottom: 0px;
}

.template-rhs .hot-page2-hom-pre-2 p {
}

.template-rhs .hot-page2-hom-pre ul li {
    /* padding: 0px; */
}

.templ-def-rhs .hot-page2-hom-pre {
    padding-top: 5px;
}

    .templ-def-rhs .hot-page2-hom-pre ul li:hover {
        box-shadow: none;
    }

.templ-rhs-form {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 30px;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
    border-radius: 0px 0px 10px 10px;
}

    .templ-rhs-form form {
    }

    .templ-rhs-form .form-group {
    }

        .templ-rhs-form .form-group input, .templ-rhs-form .form-group select, .templ-rhs-form .form-group textarea {
            border: 1px solid #e8e8e8;
            background: #fff;
            font-size: 13px;
            line-height: 20px;
            color: #7a7b7f;
            border-radius: 5px;
        }

        .templ-rhs-form .form-group input {
            padding: 0px 0px 0px 40px;
        }

        .templ-rhs-form .form-group select {
        }

        .templ-rhs-form .form-group textarea {
        }

    .templ-rhs-form .btn-primary {
        background: #21d78d;
        border: 1px solid #21d78d;
        border-radius: 20px;
        font-size: 14px;
        font-weight: 500;
        padding: 7px 0px;
        transition: all ease 0.5s;
        display: block;
        width: 100%;
    }

    .templ-rhs-form .form-group:before {
        margin: 7px 0px 0px 15px;
        color: #2196F3;
    }

/*-------------------------------------------------*/
/* ALL LISTING GRID VIEW
/*-------------------------------------------------*/
.f2 {
    margin: -45px 0px 10px 0px;
    float: left;
    display: inline-block;
    width: 100%;
    padding: 0px 15px;
    position: absolute;
}

.vfilter {
    display: inline-block;
    float: right;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 2px 0px 9px 0px #33333321;
}

    .vfilter i {
        vertical-align: sub;
        cursor: pointer;
        color: #93999b;
        font-size: 20px;
        padding: 0px 5px;
    }

        .vfilter i.act {
            color: #02acd2;
        }

        .vfilter i.ic1 {
            display: none;
        }

.all-list-sh.cview1 .eve-box div:nth-child(1) {
    width: 100%
}

.all-list-sh.cview1 ul li {
    float: left;
    width: 50%;
}

.all-list-sh.cview1 .eve-box div .auth {
    width: 50%;
}

.all-list-sh.cview1 .eve-box div .links {
    width: 50%;
}

.all-list-sh.cview1 .links a, .all-list-sh.cview1 .links span {
    display: none;
}

    .all-list-sh.cview1 .links a:first-child {
        display: block;
    }

.all-list-sh.cview1 .addr {
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.all-list-sh.cview3 .eve-box div:nth-child(1) {
    width: 100%
}

.all-list-sh.cview3 ul li {
    float: left;
    width: 50%;
}

.all-list-sh.cview3 .eve-box div .auth {
    width: 50%;
}

.all-list-sh.cview3 .eve-box div .links {
    width: 50%;
}

.all-list-sh.cview3 .links a, .all-list-sh.cview3 .links span {
    display: none;
}

    .all-list-sh.cview3 .links a:first-child {
        display: block;
    }

.all-list-sh.cview3 .addr {
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.all-list-sh.cview3 .eve-box div:nth-child(3), .all-list-sh.cview3 .addr, .all-list-sh.cview3 .pho, .all-list-sh.cview3 .mail {
    display: none;
}

.all-list-sh.cview3 .eve-box div:nth-child(2) {
    padding: 25px 25px 5px 25px;
}

.all-list-sh.cview3 .eve-box div:nth-child(1) img {
    height: 235px;
}


/*========== ALL SERVICES PAGE - SLIDER ===========*/
.cate-sli .carousel-inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cate-sli .carousel-control-prev-icon, .cate-sli .carousel-control-next-icon {
    background-image: none;
    background: #fff;
    padding: 25px;
    border-radius: 50px;
    position: relative
}

    .cate-sli .carousel-control-prev-icon:before, .cate-sli .carousel-control-next-icon:before {
        content: "";
        font-size: 42px;
        line-height: 0;
        text-align: center;
        left: 4px;
        color: #333;
        background: url('../images/icon/next.png') no-repeat;
        width: 24px;
        height: 24px;
        background-size: cover;
    }

    .cate-sli .carousel-control-next-icon:before {
        margin: -10px 0px 0px 10px;
    }

    .cate-sli .carousel-control-prev-icon:before {
        transform: rotate(180deg);
        margin: -12px 0px 0px 8px;
    }

/*========== PRODUCT - SLIDER ===========*/
.bpro-sli .carousel-inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bpro-sli .carousel-control-prev-icon, .bpro-sli .carousel-control-next-icon {
    background-image: none;
    background: #fff;
    padding: 25px;
    border-radius: 50px;
    position: relative
}

    .bpro-sli .carousel-control-prev-icon:before, .bpro-sli .carousel-control-next-icon:before {
        content: "";
        font-size: 42px;
        line-height: 0;
        text-align: center;
        left: 14px;
        top: 15px;
        color: #333;
        background: url('../images/icon/next.png') no-repeat;
        width: 24px;
        height: 24px;
        background-size: cover;
    }

.bpro-sli .cate-sli .carousel-control-next-icon:before {
    margin: -10px 0px 0px 10px;
}

.bpro-sli .cate-sli .carousel-control-prev-icon:before {
    transform: rotate(180deg);
    margin: -12px 0px 0px 8px;
}

.bpro-sli .carousel-control-prev-icon:before {
    transform: rotate(180deg);
    left: 11px;
}


/*========== LISTING DETAIL - SLIDER ===========*/
.list-pg-inn-sp .carousel-inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.list-pg-inn-sp .carousel-control-prev-icon, .list-pg-inn-sp .carousel-control-next-icon {
    background-image: none;
    background: #fff;
    padding: 25px;
    border-radius: 50px;
    position: relative
}

    .list-pg-inn-sp .carousel-control-prev-icon:before, .list-pg-inn-sp .carousel-control-next-icon:before {
        content: "";
        font-size: 42px;
        line-height: 0;
        text-align: center;
        left: 13px;
        top: 13px;
        color: #333;
        background: url('../images/icon/next.png') no-repeat;
        width: 24px;
        height: 24px;
        background-size: cover;
    }

.list-pg-inn-sp .bpro-sli .cate-sli .carousel-control-next-icon:before {
    margin: -10px 0px 0px 10px;
}

.list-pg-inn-sp .bpro-sli .cate-sli .carousel-control-prev-icon:before {
    transform: rotate(180deg);
    margin: -12px 0px 0px 8px;
}

.list-pg-inn-sp .carousel-control-prev-icon:before {
    transform: rotate(180deg);
}


.ani-quo {
    position: fixed;
    bottom: -10px;
    right: -400px;
    z-index: 10;
    transition: all 2s ease;
    cursor: pointer;
}

    .ani-quo.ani-quo-act {
        right: 0px;
        transition: all 2s ease;
    }

.ani-q1 {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #fff3e2;
    transition: all .5s ease;
    box-shadow: 0 7px 23px -13px rgb(37, 39, 42);
    margin-right: 65px;
    position: relative;
    margin-bottom: 18px;
}

    .ani-q1:after {
        content: ' ';
        position: absolute;
        width: 0;
        height: 0;
        left: auto;
        right: -1px;
        bottom: -20px;
        border: 12px solid;
        border-color: #ffffff #fec9a3 transparent transparent;
    }

    .ani-q1 h4 {
        font-size: 22px;
        color: #000;
        font-weight: 600;
    }

    .ani-q1 p {
        margin: 0px;
        font-size: 14px;
        font-weight: 400;
        padding-bottom: 12px;
    }

    .ani-q1 span {
        background: #149f5c;
        color: #fff;
        padding: 10px 30px;
        border-radius: 3px;
        border: 0px solid #333;
        display: inline-block;
        font-weight: 400;
        text-transform: capitalize;
    }

.ani-q2 {
}

    .ani-q2 img {
        width: 150px;
        float: right;
    }

.ani-quo-form {
    position: fixed;
    right: -400px;
    width: 375px;
    bottom: 15px;
    border-radius: 15px;
    z-index: 33;
    background: #13324c;
    overflow-y: auto;
    transition: all 0.5s ease-in-out;
    box-shadow: -22px 0px 73px -22px rgba(42, 42, 42, 0.48);
    border: 1px solid #f9fcff;
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0px 1px 11px -2px #737373c9;
    background: url(../images/city-bg.png) no-repeat #fff;
    background-position: right bottom;
    background-size: 100%;
}

    .ani-quo-form.ani-quo-form-act {
        transition: all 0.5s ease-in-out;
        right: 20px;
    }

    .ani-quo-form .tit {
        margin: 0px;
        padding-top: 20px;
    }

        .ani-quo-form .tit h3 {
            font-size: 15px;
            line-height: 28px;
            color: #000;
        }

            .ani-quo-form .tit h3 span {
                display: block;
                font-weight: 700;
                font-size: 20px;
            }

    .ani-quo-form .hom-col-req {
        box-shadow: none;
        margin: 0px;
        background: none;
    }

        .ani-quo-form .hom-col-req form {
            padding: 25px;
        }

            .ani-quo-form .hom-col-req form input, .all-list-filt-form input {
                /* border: 0px; */
                /* border-radius: 0px; */
                border: 1px solid #e8e8e8;
                background: #fff;
                font-size: 13px;
                line-height: 20px;
                color: #7a7b7f;
                border-radius: 5px;
            }

            .ani-quo-form .hom-col-req form select, .all-list-filt-form select {
                font-size: 13px;
                line-height: 20px;
                color: #7a7b7f;
                border-radius: 5px;
            }

            .ani-quo-form .hom-col-req form button, .all-list-filt-form .hom-col-req form button {
                /* background: #006cc7; */
                /* border: 1px solid #006cc7; */
                font-size: 13px;
                letter-spacing: 0.3px;
                border-radius: 5px;
            }

.ani-req-clo {
    color: #333;
    font-size: 25px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}

.all-list-filt-form {
    float: left;
    width: 100%;
    background: #f5f7fb;
    padding-top: 30px;
    position: sticky;
    top: 50px;
}

    .all-list-filt-form .tit {
        margin-bottom: 0px;
    }

        .all-list-filt-form .tit h3 {
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            margin-bottom: 0px;
        }

            .all-list-filt-form .tit h3 span {
                display: block;
                font-weight: 700;
            }

    .all-list-filt-form form {
        padding: 20px 30px 30px 30px;
    }

    .all-list-filt-form .hom-col-req {
        background: #f5f7fb;
        margin: 0px;
        box-shadow: none;
    }

    .all-list-filt-form input, .all-list-filt-form select, .all-list-filt-form textarea {
        background: #fff;
        font-size: 12px;
    }

    .all-list-filt-form .form-group {
        margin-bottom: 10px;
    }

#home_slide_enq_success {
    background: #fff; /* position: fixed; */ /* right: 20px; */ /* top: 60px; */ /* z-index: 1; */ /* border-radius: 3px; */
    padding: 10px 20px;
}

    #home_slide_enq_success p {
        color: #27b347;
        margin: 0px;
        font-size: 12px;
        font-weight: 500;
    }

    #home_slide_enq_success ~ .all-list-filt-form {
        position: inherit;
    }

.soc-log .g-signin2 .abcRioButtonLightBlue {
    width: 100% !important;
    margin-bottom: 10px;
    color: #666;
    background: #fff;
    border: 1px solid #dadada;
    box-shadow: none;
}

.soc-log .abcRioButtonIcon {
    left: 32%;
    position: absolute;
}

.how-wrks {
    float: left;
    width: 100%;
    position: relative;
    /* display: none; */
}

.how-wrks-2 {
    padding-bottom: 180px;
}

.how-wrks .home-tit {
    margin-bottom: 40px;
}

    .how-wrks .home-tit h2 {
    }

        .how-wrks .home-tit h2 span {
        }

    .how-wrks .home-tit p {
    }

.how-wrks-inn {
}

    .how-wrks-inn ul {
        display: flex;
        justify-content: center;
    }

        .how-wrks-inn ul li {
            float: left;
            width: 25%;
        }

            .how-wrks-inn ul li div {
                text-align: center;
                border: 1px solid #f1f1f1;
                border-radius: 5px;
                padding: 30px;
                margin: 0px 10px;
                position: relative;
                transition: all 0.5s ease;
                height: 290px;
            }

                .how-wrks-inn ul li div:hover {
                    background: #fff;
                    transform: translateY(-8px);
                    box-shadow: 0 19px 46px -39px rgb(37, 39, 42);
                }

                .how-wrks-inn ul li div span {
                    position: relative;
                    width: 30px;
                    height: 30px;
                    border-radius: 50px;
                    background: #548aff;
                    color: #fff;
                    font-size: 16px;
                    padding: 3px 0px;
                    display: table;
                    margin: 0 auto;
                    margin-top: -44px;
                }

                .how-wrks-inn ul li div img {
                    width: 72px;
                    margin-top: 25px;
                }

                .how-wrks-inn ul li div h4 {
                    font-weight: 600;
                    font-size: 22px;
                    padding: 20px 0px 2px 0px;
                }

                .how-wrks-inn ul li div p {
                    margin: 0px;
                    font-size: 13px;
                    color: #636363;
                }


.mob-app {
    float: left;
    width: 100%;
    padding-top: 100px;
    position: relative;
    z-index: 5;
}

    .mob-app .lhs {
        float: left;
        width: 50%;
    }

        .mob-app .lhs img {
            width: 80%;
        }

    .mob-app .rhs {
        float: left;
        width: 50%;
    }

        .mob-app .rhs h2 {
            font-size: 32px;
            padding-bottom: 20px;
        }

            .mob-app .rhs h2 span {
            }

        .mob-app .rhs ul {
            padding-bottom: 20px;
        }

            .mob-app .rhs ul li {
                font-size: 15px;
                padding-bottom: 10px;
                padding-left: 30px;
            }

                .mob-app .rhs ul li:before {
                    content: 'chevron_right';
                    margin: -2px 0px 0px -27px;
                    color: #0291d2;
                }

            .mob-app .rhs ul ~ span {
                font-size: 14px;
                float: left;
                padding-bottom: 25px;
            }

        .mob-app .rhs form {
            position: relative;
            overflow: hidden;
            background: #fff;
            padding: 20px;
            margin: 25px 0px 0px 0px;
            box-shadow: 0px 1px 20px -13px rgba(42, 42, 42, 0.86);
            width: 80%;
        }

            .mob-app .rhs form ul {
                padding: 0px;
                margin: 0px;
            }

                .mob-app .rhs form ul li {
                    list-style-type: none;
                    display: inline-block;
                    float: left;
                    padding: 0px;
                }

                    .mob-app .rhs form ul li:before {
                        display: none;
                    }

                    .mob-app .rhs form ul li input {
                        width: 100%;
                        background: #FFF;
                        border: 1px solid #f1f3f5;
                        padding: 8px;
                        font-size: 15px;
                        font-weight: 500;
                        font-family: 'Quicksand', sans-serif;
                    }

                        .mob-app .rhs form ul li input[type="submit"] {
                            color: #fff;
                            border: 1px solid #1ebef0;
                            font-weight: 600;
                            border-radius: 2px;
                            box-sizing: border-box;
                            -moz-box-sizing: border-box;
                            -webkit-box-sizing: border-box;
                            background: #0291d2;
                            /* background: linear-gradient(to bottom, #01a0d8, #0485b3); */
                        }

                    .mob-app .rhs form ul li:nth-child(1) {
                        width: 65%;
                    }

                    .mob-app .rhs form ul li:nth-child(2) {
                        width: 35%;
                    }

        .mob-app .rhs a img {
            width: 150px;
            float: left;
            margin: 0px 5px 5px 0px;
        }


/*---======================---*/
.soc-log {
    float: left;
    width: 100%;
    padding: 15px 30px 0px 30px;
    margin-left: 25%;
}

    .soc-log ul {
    }

        .soc-log ul li {
            float: left;
            margin-bottom: 18px;
            margin-right: 15px;
        }

            .soc-log ul li a {
                float: left;
                width: 100%;
                display: block;
                border-radius: 0;
                font-size: 18px;
                font-weight: 500;
                vertical-align: middle;
                padding: 10px 5px 10px 15px;
                box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 17%);
            }

                .soc-log ul li a span {
                    margin-right: 10px;
                    color: #ffffff;
                }

                .soc-log ul li a img {
                    width: 22px;
                    padding-right: 5px;
                }

                .soc-log ul li a.login-goog {
                    margin-bottom: 10px;
                    color: #4f7083;
                    background: #fff;
                    border: 1px solid #ccc;
                }

                .soc-log ul li a.login-fb {
                    color: #666;
                }

/*--========================================--*/
.filt-alist-near {
}

    .filt-alist-near .tit {
        background: #20344c;
        color: #fff;
        padding: 18px;
        margin-bottom: 0px;
        border-radius: 5px 0 0 0;
    }

        .filt-alist-near .tit h4 {
            font-size: 15px;
            margin: 0px;
            text-align: left;
            font-weight: 600;
        }

.near-ser-list {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 0px 17px;
    min-height: auto;
    max-height: 300px;
    overflow: hidden;
}

    .near-ser-list:hover {
        overflow-y: auto;
    }

    .near-ser-list ul {
    }

        .near-ser-list ul li {
            position: relative;
            overflow: hidden;
            padding: 10px 0px;
            border-bottom: 1px solid #e4e4e4;
            width: 100%;
        }

            .near-ser-list ul li .near-bx {
                position: relative;
                float: left;
                width: 100%;
            }

                .near-ser-list ul li .near-bx a {
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    width: 100%;
                    height: 100%;
                }

                .near-ser-list ul li .near-bx .ne-1 {
                    width: 10%;
                    float: left;
                }

                    .near-ser-list ul li .near-bx .ne-1 img {
                        width: 32px;
                        height: 32px;
                        border-radius: 28px;
                        border: 1px solid #fff;
                    }

                .near-ser-list ul li .near-bx .ne-2 {
                    width: 80%;
                    padding: 0px 15px;
                    float: left;
                }

                    .near-ser-list ul li .near-bx .ne-2 h5 {
                        color: #20344c;
                        font-size: 14px;
                        text-overflow: ellipsis;
                        white-space: pre;
                        overflow: hidden;
                        margin-bottom: 4px;
                        font-weight: 600;
                    }

                    .near-ser-list ul li .near-bx .ne-2 p {
                        color: #7b868f;
                        font-size: 12px;
                        text-overflow: ellipsis;
                        white-space: pre;
                        overflow: hidden;
                        display: block;
                        margin: 0px;
                        font-family: 'Quicksand', sans-serif;
                        font-weight: 600;
                        letter-spacing: 0px;
                        text-transform: unset;
                    }

.all-pro-pg .near-ser-list ul li .near-bx .ne-2 {
    width: 90%;
}

.near-ser-list ul li .near-bx .ne-3 {
    float: left;
    width: 10%;
}

    .near-ser-list ul li .near-bx .ne-3 span {
        width: 24px;
        height: 24px;
        background: #7dc34a;
        padding: 2px 3px;
        text-align: center;
        color: #fff;
        border-radius: 2px;
        font-weight: 400;
        font-size: 12px;
    }

/*---======================---*/
.all-list-bre {
    margin-top: 150px;
    /* background: url('../images/all-list-bg.jpg') no-repeat #5085f7; */
    padding: 40px 0px 35px 0px;
    position: relative;
    /* background-size: cover; */
}

.all-pro-bre {
    background: url('../images/all-product-bg.jpg') no-repeat #5085f7;
    background-size: cover;
    background-position: center center;
    margin-top: 50px;
    padding-bottom: 80px;
}

.all-list-bre:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #0d598d05;
}

.map-error-box {
    margin: 0 auto;
    background: #ffddd2;
    border: 1px solid #ffc1bc;
    font-size: 13px;
    padding: 10px 20px;
    border-radius: 2px;
    color: #bb4c4c;
    position: absolute;
    box-shadow: 0px 2px 10px -2px #686868;
    font-weight: 500;
    width: 100%;
    text-align: center;
    z-index: 13;
}

.all-pro-bre:before {
    background: linear-gradient(to right,#866a05d6,#00000038);
}

.all-list-bre .sec-all-list-bre {
    opacity: 1 !important;
}

.all-list-bre h1, .all-list-bre h2 {
    font-weight: 600;
    margin: 0px;
    font-size: 32px;
    line-height: 34px;
    width: 100%;
    color: #fff;
    padding-bottom: 10px;
    position: relative;
    text-transform: capitalize;
}

.all-list-bre ul {
    float: left;
    position: relative;
}

    .all-list-bre ul li {
        float: left;
        margin-right: 25px;
    }

        .all-list-bre ul li:after {
            content: 'keyboard_arrow_right';
            color: #fff;
            font-size: 16px;
            padding: 2px;
        }

        .all-list-bre ul li:last-child:after {
            display: none;
        }

        .all-list-bre ul li a {
            color: #fff;
            font-size: 12px;
            text-transform: capitalize;
        }

/*---======================================================---*/
.biz-pro {
    margin-top: -100px;
    position: relative;
}

    .biz-pro .row {
        box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);
        background: #fff;
        z-index: 9;
        padding-top: 17px;
        border-radius: 5px;
    }

.biz-pro-bre:before {
    background: #4274ebde;
}

.biz-pro .lhs {
    position: relative;
    padding-bottom: 65px;
}

.bpro-sli {
    position: sticky;
    top: 84px;
    margin-bottom: 20px;
    border: 1px solid #f0f0f0;
    padding: 25px 0px;
}

    .bpro-sli .carousel-item:before {
        background: none;
    }

    .bpro-sli .carousel-item img {
        width: 100%;
        /* height: 125px; */
        object-fit: contain;
    }

.biz-pro-btn {
    position: sticky;
    top: 455px;
}

    .biz-pro-btn .btn {
        color: #fff;
        padding: 12px 20px;
        border-radius: 1px;
        width: 50%;
        display: block;
        text-align: center;
        float: left;
        font-weight: 500;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
    }

    .biz-pro-btn .btn1 {
        background: #425d75;
        color: #fff !important;
        cursor: pointer;
    }

    .biz-pro-btn .btn2 {
        background: #fb641b;
    }

.biz-pro .rhs {
}

.pro-pri-box {
}

.pro-pbox-1 {
    margin-top: 0px;
    background: none;
    padding: 0px;
    float: left;
    width: 100%;
}

    .pro-pbox-1:before {
        background: none;
    }

    .pro-pbox-1 ul {
    }

        .pro-pbox-1 ul li {
        }

            .pro-pbox-1 ul li:after {
                color: #333;
            }

            .pro-pbox-1 ul li a {
                color: #333;
            }

.pro-pbox-2 {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

    .pro-pbox-2 h1 {
        font-size: 26px;
        font-weight: 600;
        padding: 12px 0 8px 0;
        margin-bottom: 0px;
    }

    .pro-pbox-2 .rat {
        background: #4caf50;
        padding: 4px;
        font-weight: 600;
        color: #fff;
        font-size: 12px;
        border-radius: 2px;
        display: none;
    }

    .pro-pbox-2 .veri {
        background: #43a463;
        color: #fff;
        font-weight: 500;
        font-size: 11px;
        padding: 2px 10px;
        border-radius: 2px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

        .pro-pbox-2 .veri:before {
        }

    .pro-pbox-2 .pro-cost {
        float: left;
        width: 100%;
        padding-top: 0px;
        font-size: 34px;
        font-weight: 700;
    }

    .pro-pbox-2 .pro-off {
        font-size: 18px;
        color: #4caf50;
        font-weight: 500;
    }

.pro-pbox-com {
    margin-top: 24px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    padding: 24px;
    color: #212121;
    float: left;
    width: 100%;
}

    .pro-pbox-com h4 {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 25px;
    }

    .pro-pbox-com .ud-lhs-s1 h4 {
        margin: 0px;
        font-size: 16px;
        font-weight: 600;
    }

    .pro-pbox-com .ud-lhs-s1 {
        padding-bottom: 0px;
    }

    .pro-pbox-com p {
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        padding-bottom: 12px;
        color: #333;
    }

.pro-pbox-3 {
}

    .pro-pbox-3 h4 {
    }

    .pro-pbox-3 ul li {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        padding-bottom: 12px;
        color: #333;
        padding-left: 30px;
    }

        .pro-pbox-3 ul li:before {
            content: 'arrow_drop_up';
            cursor: pointer;
            color: #3567d6;
            border-radius: 50%;
            background: #d2e0ff;
            font-size: 20px;
            padding: 0px 0px;
            text-align: center;
            width: 21px;
            height: 21px;
            box-sizing: border-box;
            transition: all 0.5s ease;
            transform: rotate(90deg);
            line-height: 20px;
            margin: 0px 0px 0px -28px;
        }

.pro-pbox-5 {
}

    .pro-pbox-5 ul li {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        padding-bottom: 12px;
        color: #0b253a;
    }

        .pro-pbox-5 ul li .pro-spe-li {
            width: 35%;
            display: inline-block;
            color: #909090;
            vertical-align: top;
        }

        .pro-pbox-5 ul li .pro-spe-po {
            width: 60%;
            display: inline-block;
        }

.pro-pbox-7 a {
    background: #ebf7fd;
    color: #345361;
    font-weight: 500;
    font-size: 13px;
    margin: 0px 10px 10px 0px;
    padding: 3px 10px;
    border-radius: 3px;
}

/*--================================================--*/
.list-det-fix {
    position: fixed;
    top: -100px;
    left: 0px;
    right: 0px;
    background: #fff;
    z-index: 99;
    padding: 0px 0px;
    box-shadow: 0px 11px 18px -8px rgba(42, 42, 42, 0.14);
    transition: all 0.5s ease;
    display: none;
}

    .list-det-fix.list-det-fix-act {
        top: 0px;
        transition: all 0.5s ease;
    }

.list-det-fix-inn {
    float: left;
    width: 100%;
}

.list-fix-pro {
    float: left;
    width: 5%;
}

    .list-fix-pro img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin-top: 4px;
        object-fit: cover;
    }

.list-fix-tit {
    float: left;
    width: 72%;
    padding: 4px 0px 0px 12px;
}

    .list-fix-tit h3 {
        margin: 0px;
        font-weight: 700;
        font-size: 19px;
        padding-bottom: 3px;
    }

    .list-fix-tit p {
        margin: 0px;
        font-size: 13px;
        font-weight: 500;
        color: #3f4040;
    }

        .list-fix-tit p b {
            color: #333;
        }

.list-fix-btn {
    float: left;
    width: 22%;
}

    .list-fix-btn span {
        background: #f44336;
        color: #ffffff;
        border: 1px solid #f44336;
        transition: all 0.5s ease;
        box-shadow: 0 0 0 rgb(244, 67, 54);
        padding: 7px 25px;
        font-size: 15px;
        font-weight: 700;
        display: inline-block;
        cursor: pointer;
        border-radius: 2px;
        margin-top: 6px;
        animation: none;
        font-family: 'Quicksand', sans-serif;
        /* text-transform: uppercase; */
        float: right;
    }

/*-------------------------------------------------*/
/* =  CONTACT US & ABOUT US & FEEDBACK
/*-------------------------------------------------*/
.con-us-map {
    margin-top: 53px
}

    .con-us-map iframe {
        width: 100%;
        height: 250px;
        border: 0
    }

.con-us-loc {
    padding-top: 40px;
    padding-bottom: 150px;
}

    .con-us-loc .tit h2 {
        font-weight: 600;
        font-size: 24px
    }

    .con-us-loc .tit p {
        font-size: 14px
    }

    .con-us-loc h4 {
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 10px
    }

    .con-us-loc h5 {
        font-size: 15px;
        font-weight: 600;
        padding-bottom: 10px
    }

    .con-us-loc p {
        font-size: 13px
    }

    .con-us-loc ul li {
        font-size: 13px; /* padding-left:30px; */
        padding-bottom: 10px;
        line-height: 22px;
    }

        .con-us-loc ul li:before {
            margin-left: -30px;
            display: none;
        }

        .con-us-loc ul li a {
            color: #000
        }

.fedback {
    margin-bottom: 160px
}

    .fedback img.fed {
        width: 100%;
        height: 280px;
        object-fit: cover;
        z-index: 0
    }

.fed-box {
    width: 60%;
    background: #fff;
    margin: 0 auto;
    display: table;
    margin-top: -100px;
    z-index: 2;
    position: relative;
    box-shadow: 0 0 38px -21px #333;
    border-radius: 5px
}

    .fed-box:before {
        content: '';
        position: absolute;
        background: #dcefff;
        width: 40%;
        height: 100%;
        right: 0
    }

    .fed-box .lhs {
        float: left;
        width: 60%;
        padding: 50px;
        position: relative
    }

        .fed-box .lhs h3 {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 18px;
            padding-bottom: 20px;
            color: #106ebd
        }

        .fed-box .lhs form .form-group input {
            font-weight: 500;
            font-size: 14px;
            border: 1px solid #ececec
        }

        .fed-box .lhs form .form-group textarea {
            height: 90px;
            padding: 15px;
            border: 1px solid #ececec
        }

        .fed-box .lhs form button {
            background: #04b1ff;
            border: 0 solid #0291d2;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 12px
        }

    .fed-box .rhs {
        float: left;
        width: 40%;
        padding: 50px;
        position: relative
    }

        .fed-box .rhs h2 {
            font-size: 32px
        }

        .fed-box .rhs p {
            font-size: 13px
        }

        .fed-box .rhs ul li {
            float: left;
            padding: 0 10px 10px 0
        }

            .fed-box .rhs ul li a img {
                width: 30px;
                border-radius: 50%;
                padding: 4px;
                border: 1px solid #b7c8d6
            }

        .fed-box .rhs h4 {
            display: inline-block;
            width: 100%;
            font-size: 16px;
            font-weight: 700;
            padding-top: 30px;
            padding-bottom: 6px
        }

            .fed-box .rhs h4 ~ p {
                margin-bottom: 4px;
                font-size: 12px
            }

.commun-pg-main {
    background: #fff;
}

.comunity-ban:before {
    background: linear-gradient(to top,#fff,#a6abb79e 100%);
}

.about-ban h1, .about-ban input {
    position: relative;
    font-weight: 600;
}

.comunity-ban {
    padding-bottom: 0px;
}

.commun-pg-main input {
    border-radius: 30px;
    box-shadow: 0 5px 41px -14px rgb(60 63 66 / 32%);
    color: #40454a;
    max-width: 100%;
    width: 384px;
    border: 1px solid #e9e9ef;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
    display: block;
    line-height: 40px;
    font-size: 15px;
    outline: none;
    height: 58px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 0px 25px 0px 45px;
    margin: 0 auto;
    margin-top: 20px;
}

.about-ban p {
    position: relative;
    margin: 0;
    font-weight: 300;
    font-size: 18px
}

.about-us {
    text-align: center;
    padding-top: 40px;
    width: 80%;
    margin: 0 auto
}

    .about-us h2 {
        font-size: 32px;
        font-weight: 700;
        padding-bottom: 25px
    }

    .about-us p {
        font-size: 14px
    }

.abou-pg .home-tit {
    padding-top: 0px
}

    .abou-pg .home-tit h2 span {
        font-size: 32px;
    }

.abou-pg .how-wrks-inn ul li {
    margin-bottom: 6%;
}

.abou-pg .home-tit p {
    font-size: 14px;
    padding-bottom: 15px;
}

.abou-pg .abo-memb {
}

    .abou-pg .abo-memb ul li div {
        padding: 0px;
        padding-bottom: 20px;
    }

        .abou-pg .abo-memb ul li div img {
            width: 100%;
            margin: 0px;
        }

        .abou-pg .abo-memb ul li div h4 {
            font-size: 16px;
            font-weight: 700;
            padding-top: 20px;
        }

        .abou-pg .abo-memb ul li div p {
            padding: 0px 15px;
            font-size: 12px;
        }

.abou-pg .about-ban {
    color: #fff;
    margin-bottom: -68px;
}

.abou-pg {
    text-align: center;
    padding: 50px;
    padding: 50px 0px 40px 0px;
    position: relative;
    background-color: #5200dd;
    background: -webkit-linear-gradient(to right, #1977f3, #ef5e94);
    background: linear-gradient(to right, #1977f3, #ef5e94)
}

    .ser-head:before, .abou-pg:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        background-image: url(../images/new/bgIcons.png);
        background-repeat: repeat;
        opacity: 0.3;
        background-size: 400px;
        animation: blogbgani 300s linear 0s infinite both;
    }

@keyframes blogbgani {
    0% {
        background-position: 0px 0px;
    }

    100% {
        background-position: 0px 5000px;
    }
}
/*-------------------------------------------------*/
/* =  V2 HOME PAGE
/*-------------------------------------------------*/
.h2-ban-ql {
    display: none;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding-top: 0px;
    margin-top: 50px;
}

    .h2-ban-ql ul {
        margin: 0 auto;
        display: table;
    }

        .h2-ban-ql ul li {
            float: left;
            text-align: center;
        }

            .h2-ban-ql ul li div {
                border: 1px solid #485565;
                border-radius: 5px;
                position: relative;
                padding: 10px;
                width: 115px;
                margin: 0px 5px;
                transition: all 0.5s ease;
                background: #20344c80;
            }

                .h2-ban-ql ul li div:hover {
                    background: #20344c;
                    /* border: 1px solid #122338; */
                    box-shadow: 0px 6px 21px -6px #0b1017;
                }

                .h2-ban-ql ul li div img {
                    width: 32px;
                }

                .h2-ban-ql ul li div h5 {
                    color: #fff;
                    font-size: 11px;
                    padding: 7px 0px 0px 0px;
                    margin: 0px;
                    font-weight: 700;
                    text-transform: uppercase;
                    letter-spacing: 0.5px;
                }

                    .h2-ban-ql ul li div h5 span {
                        display: block;
                        font-size: 30px;
                        font-weight: 300;
                    }

                .h2-ban-ql ul li div a {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0px;
                    top: 0px;
                    right: 0px;
                    bottom: 0px;
                }

.hom-h2-pri {
    background: #fff;
    padding: 70px 0 0px 0px;
    float: left;
    width: 100%;
}

    .hom-h2-pri .tit h2 {
    }

    .hom-h2-pri .tit p {
    }

    .hom-h2-pri .pri-box {
        background: #fafcfd;
        border-radius: 10px;
        box-shadow: 0px 1px 10px 4px #68769229;
    }

        .hom-h2-pri .pri-box .c2 {
            background: #2140d7;
            border-radius: 10px 10px 0px 0px;
        }

            .hom-h2-pri .pri-box .c2 h4 {
                color: #fff;
                text-transform: capitalize;
                font-weight: 700;
            }

            .hom-h2-pri .pri-box .c2 p {
                color: #fff;
                font-size: 12px;
            }

    .hom-h2-pri ul li:nth-child(3) .pri-box {
        background: #445dd8;
        color: #fff;
        box-shadow: 0px 1px 10px 4px #68769229;
    }

        .hom-h2-pri ul li:nth-child(3) .pri-box .c4 ol li {
            color: #fff;
        }

    .hom-h2-pri .c4 ol li {
        font-size: 12px;
    }

        .hom-h2-pri .c4 ol li:before {
        }

    .hom-h2-pri:hover .c3 a {
    }

    .hom-h2-pri ul li:nth-child(3) .pri-box .c3 a {
    }

/*--==================================================--*/
.all-products {
    margin-top: -50px;
    padding-bottom: 150px;
}

    .all-products .col-md-3 {
        padding-top: 30px;
    }

.all-product-total {
}

    .all-product-total ul {
    }

        .all-product-total ul li {
            float: left;
            width: 33.3333%;
        }

.all-pro-box {
    border: 1px solid #002f3433;
    float: left;
    width: 100%;
    position: relative;
    background: #fff;
    transition: all 0.5s ease;
}

    .all-pro-box:hover {
        box-shadow: 0px 9px 27px -16px #33333387;
        transform: translateY(-3px);
    }

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

    .all-pro-img img {
        width: 100%;
        height: 125px;
        object-fit: contain;
    }

.all-product-total .all-pro-aut {
    display: none;
}

    .all-product-total .all-pro-aut .auth {
        position: absolute;
        margin: -20px 0px 0px 12px;
    }

.all-pro-txt {
    padding: 15px 15px 15px 15px;
    float: left;
    width: 100%;
    position: relative;
}

    .all-pro-txt h4 {
        font-weight: 600;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
        float: left;
        width: 100%;
        color: #5c6369;
        padding-bottom: 0px;
    }

    .all-pro-txt .pri {
        padding: 0px;
        background: none;
        font-family: 'Quicksand', sans-serif;
        line-height: 32px;
        color: #5c6369;
        font-size: 14px;
    }

        .all-pro-txt .pri b {
            font-size: 21px;
            font-weight: 700;
            color: #000;
        }

    .all-pro-txt .links {
        z-index: 9;
        right: 94px;
        position: absolute;
        bottom: 44px;
    }

        .all-pro-txt .links a {
            float: left;
            font-size: 12px;
            font-weight: 600;
            padding: 4px 12px;
            border-radius: 50px;
            cursor: pointer;
            background: #ffd500;
            color: #000;
            display: inline-block;
            z-index: 2;
            position: absolute;
            width: 86px;
            text-align: center;
        }

.all-pro-box .pro-view-full {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    /* background: #333; */
    z-index: 1;
}

.pro-rel-pro-box {
    float: left;
    width: 100%;
}

    .pro-rel-pro-box h4 {
        color: #000;
        text-align: center;
        margin-top: 50px;
    }

    .pro-rel-pro-box .pro-eve-box {
        border: 1px solid rgba(0, 47, 52, 0.2);
        box-shadow: none;
    }

        .pro-rel-pro-box .pro-eve-box img {
            object-fit: contain;
            padding: 15px;
        }

        .pro-rel-pro-box .pro-eve-box span {
        }

        .pro-rel-pro-box .pro-eve-box h2 {
            color: #000;
            font-weight: 600;
            font-size: 15px;
        }

    .pro-rel-pro-box .us-ppg-com {
        padding-top: 0px;
    }

.btn-ser-need-ani {
    background: #1977f3;
    color: #fff;
    padding: 10px 20px 10px 35px;
    border-radius: 33px;
    border: 0px solid #333;
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 9;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    box-shadow: 0 0 0 rgb(0 178 169);
    animation: pulse 1.5s infinite;
}

    .btn-ser-need-ani:before {
        content: 'phone';
        color: #fff;
        margin: -1px 0px 0px -20px;
        font-size: 15px
    }

.comity-all-user {
    padding: 60px 0px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

    .comity-all-user ul {
    }

        .comity-all-user ul li {
            float: left;
            width: 16.5%;
        }

            .comity-all-user ul li .pro-fol-gr {
                /* border: 1px solid #f9fcff; */
                /* background: #fff; */
                /* margin: 10px; */
                /* height: 221px; */
                /* padding: 15px 15px; */
                /* float: left; */
            }

                .comity-all-user ul li .pro-fol-gr:hover {
                    box-shadow: none;
                    background: #ebf8ff;
                    border: 1px solid #ebf8ff;
                    /* transform: translateY(-6px); */
                    box-shadow: 0px 5px 28px -5px rgba(55, 63, 67, 0.45);
                }

                    .comity-all-user ul li .pro-fol-gr:hover ol {
                        transform: translateY(-10px);
                    }

.pro-fol-gr .count-li {
    opacity: 1;
    position: relative;
    background: none;
    padding: 0px 0px 15px 0px;
    display: table;
    /* border-top: 1px solid #dee4ea; */
    transform: translateY(0px);
    margin: 15px 0px 15px 0px;
    border-bottom: 1px solid #eaeef3;
    float: left;
    width: 100%;
}

    .pro-fol-gr .count-li span {
    }

        .pro-fol-gr .count-li span b {
            color: #333;
            display: block;
            font-size: 16px;
            font-weight: 600;
        }

.pro-fol-gr h4 {
    text-align: center;
    /* padding-left: 85px; */
}

    .pro-fol-gr h4 b {
    }

.pro-fol-gr ol li {
    width: 33.3333%;
    /* text-transform: capitalize; */
    letter-spacing: 1px;
}

.comity-all-user ul li .pro-fol-gr ol li b {
}

.comity-all-user ul li .pro-fol-gr span {
    cursor: pointer;
}

.pro-fol-gr .comm-viw-pro-btn { /* background: #008dff; */ /* color: #fff; */ /* font-weight: 600; */
    font-size: 10px; /* border-radius: 2px; */ /* text-align: center; */ /* cursor: pointer; */ /* text-transform: uppercase; */ /* display: inline-block; */ /* letter-spacing: 0.5px; */
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.pro-fol-gr .pro-pg-msg {
    float: left;
    width: 100%;
}

    .pro-fol-gr .pro-pg-msg span {
        float: left;
        color: #2196F3;
        font-size: 12px;
        font-weight: 600;
        padding: 3px 10px;
        border-radius: 2px;
        text-transform: uppercase;
        width: auto;
        display: none;
    }

        .pro-fol-gr .pro-pg-msg span i {
            color: #2196F3;
            font-size: 14px;
            font-weight: 600;
            vertical-align: sub;
        }

    .pro-fol-gr .pro-pg-msg a, .pro-fol-gr .pro-pg-msg .userfollow {
        background: #c7e3ff;
        color: #0865d4;
        font-size: 12px;
        font-weight: 600;
        float: left;
        padding: 3px 10px;
        border-radius: 2px;
        display: block;
        width: 100%;
        text-align: center;
    }

/*---================ LISTING MAP VIEW =================---*/

.list-map {
    display: none;
}

.list-map {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 52px;
}

    .list-map .list-map-resu {
        float: left;
        width: 78%;
        height: 200px;
        margin-left: 22%;
    }

        .list-map .list-map-resu iframe {
            height: 100%;
            width: 100%;
        }

#list-map-resu-view {
}

.list-map-filt .map-fi-view {
    padding: 0 11px 0 0;
    margin-bottom: 15px;
}

    .list-map-filt .map-fi-view .ic-map-3 {
        color: #4274eb;
    }

.list-map .list-map-filt {
    position: absolute;
    bottom: 0px;
    top: 0px;
    background: #0b253a;
    z-index: 12;
    width: 22%;
    left: 0px;
    right: 0px;
    padding: 50px 15px 15px 15px;
    box-shadow: 0px -5px 25px -8px rgba(42, 42, 42, 0.24);
    transition: all 0.5s ease;
}

    .list-map .list-map-filt:before {
        content: 'filter_list';
        margin: 0px 0px 0px 10px;
        font-size: 24px;
        color: #fff;
        background: #4274eb;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 33px;
        border-radius: 2px;
        left: 15px;
    }

.mob-map-filt {
    position: fixed;
    left: 24px;
    top: 70px;
    z-index: 15;
    display: none;
}

    .mob-map-filt i {
        font-size: 24px;
        color: #fff;
        background: #4274eb;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 33px;
        border-radius: 2px;
    }

.map-fi-com {
    float: left;
}

    .map-fi-com select {
        font-size: 13px;
        height: 44px;
        color: #333;
        padding: 0px 8px;
        border: 1px solid #d1d1d1;
        width: 100%;
        border-radius: 2px;
        font-weight: 600;
        cursor: pointer;
    }

        .map-fi-com select option {
        }

.map-fi-com {
    width: 100%;
    padding: 10px;
}

    .map-fi-com .ic3 {
        color: #4274eb;
    }

/*---================ NOTIFICATION POPUP =================---*/
.pop-noti {
    width: 300px;
    position: fixed;
    z-index: 34;
    top: 68px;
    background: #fff;
    padding: 15px;
    border-radius: 3px;
    right: 1%;
    box-shadow: 0px 0px 16px 0px rgba(42, 42, 42, 0.16);
    transition: all 0.5s ease;
}

    .pop-noti.act {
        right: 1%;
    }

    .pop-noti:hover span {
        background: #FFC107;
        color: #000;
    }

    .pop-noti img {
        width: 36px;
        height: 36px;
        object-fit: cover;
        border-radius: 50%;
        float: left;
    }

    .pop-noti h4 {
        font-size: 14.5px;
        font-weight: 600;
        margin: 0px;
        padding: 0px 0px 2px 50px;
    }

    .pop-noti p {
        font-size: 12px;
        color: #a4a4a4;
        margin: 0px;
        padding: 0px 0px 0px 50px;
    }

    .pop-noti span {
        position: absolute;
        right: 15px;
        top: 15px;
        background: #F44336;
        color: #fff;
        font-size: 11px;
        padding: 2px 10px;
        border-radius: 2px;
        text-transform: uppercase;
        transition: all 0.5s ease;
        letter-spacing: 1px;
    }

    .pop-noti a {
        position: absolute;
        left: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        top: 0px;
    }

/*--============ MAP VIEW ============--*/
.list-map-resu .gm-style-iw {
    padding: 0px;
    width: 260px;
    border: 2px solid #fff;
    border-radius: 15px;
}

.list-map-resu .gm-style-iw-d {
    float: left;
    width: 100%;
    overflow: hidden !important;
}

.list-map-resu .gm-ui-hover-effect {
}

    .list-map-resu .gm-ui-hover-effect img {
        background: #fff;
        opacity: 1;
        border-radius: 50%;
        padding: 2px;
        width: 20px !important;
        height: 20px !important;
        margin: 6px !important;
    }

.list-map-resu .gm-style-iw-d div {
}

    .list-map-resu .gm-style-iw-d div br {
        display: none;
    }

    .list-map-resu .gm-style-iw-d div a {
    }

        .list-map-resu .gm-style-iw-d div a img {
            width: 100%;
            height: 130px;
            object-fit: cover;
        }

        .list-map-resu .gm-style-iw-d div a strong {
            display: block;
            color: #000;
            font-weight: 600;
            padding: 13px 13px 2px 13px;
            font-size: 15px;
            /* font-family: 'Quicksand', sans-serif; */
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: pre;
        }

    .list-map-resu .gm-style-iw-d div text {
        display: block;
        padding: 0px 13px 8px 13px;
        color: #566064;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: pre;
        font-size: 12px;
        /* text-transform: lowercase; */
    }

.list-map-resu .gm-style img {
}

    .list-map-resu .gm-style img:has {
    }

    .list-map-resu .gm-style img:parent {
    }

.list-map-filt .chosen-container.chosen-with-drop .chosen-drop {
    top: initial;
    bottom: 100%;
    border: 0px;
    border-radius: 5px 5px 2px 2px;
    padding: 6px;
}

.list-map-filt .chosen-container {
    height: auto;
    border: 1px solid #d1d1d1;
    width: 100% !important;
}

.list-map-filt .chosen-container-single .chosen-single span {
    margin-right: 0px;
    padding: 2px 0px 0px 10px;
    font-size: 13px;
    font-weight: 500;
    box-sizing: border-box;
    height: 33px
}

.list-map-filt .chosen-container-single .chosen-single {
    height: 33px;
    padding: 0px;
    line-height: 32px;
    border: 0px;
}

.list-map-filt .chosen-container-active .chosen-single {
}

.list-map-filt .chosen-container-single .chosen-drop {
}

.list-map-filt .chosen-container-single .chosen-search {
}

.list-map-filt .chosen-container-single .chosen-search-input {
}

.list-map-filt .chosen-container-single .chosen-results {
    padding: 0px;
}

    .list-map-filt .chosen-container-single .chosen-results li {
        font-size: 13px;
        color: #2e3439;
    }

.form-tip {
    opacity: 0;
    transition: all 0.5s ease;
}

    .form-tip a {
        font-size: 11px;
        text-decoration: underline;
        right: 21px;
        top: 4px;
        position: absolute;
    }

.form-group:hover .form-tip {
    opacity: 1;
}

.ui-menu .ui-menu-item-wrapper {
    display: block;
    font-size: 12px;
    color: #5f6871;
    border-bottom: 1px solid #f3f4f6;
    padding: 7px 14px;
    font-weight: 500;
}

    .ui-menu .ui-menu-item-wrapper.ui-state-active {
        border: 0px solid #ededed;
        margin: 0px;
        background: #e5f3ff;
        color: #008eff;
    }

    .ui-menu .ui-menu-item-wrapper:hover {
        background: #e5f3ff;
        color: #008eff;
    }

.str-full {
    float: left;
    width: 100%;
    /* display: none; */
}


/*--============ JOB ============--*/
.all-jobs-ban {
    float: left;
    width: 100%;
    background: url('../images/all-job-bg.jpg') no-repeat;
    background-size: cover;
    padding: 100px 0px 175px 0px;
    margin-top: 55px;
    position: relative;
}

    .all-jobs-ban:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        background: #364250b0;
        /* background: linear-gradient(to top,#0b4d8fc7,#125dbbbd 100%); */
    }

    .all-jobs-ban .ban-search {
        float: left;
        display: block;
        margin: initial;
        width: 65%;
        background: #0000007a;
        /* padding: 0px; */
        box-shadow: none;
    }

    .all-jobs-ban h1 {
        font-size: 50px;
        font-weight: 700;
        margin: 0px 0px 40px 0px;
        color: #fff;
        position: relative;
    }

    .all-jobs-ban .ban-search ul li.sr-sea {
        width: 50%;
        margin: 0px 1% 0px 0%;
    }

    .all-jobs-ban .ban-search ul li.sr-cit {
        display: block;
        margin: 0px 1% 0px 0%;
    }

    .all-jobs-ban .ban-search ul li.sr-btn {
    }

        .all-jobs-ban .ban-search ul li.sr-btn input {
            background: #1637f0;
        }

.job-pop-tag {
    position: relative;
    float: left;
    width: 100%;
    padding: 25px 0px 45px 0px;
}

    .job-pop-tag h4 {
        color: #fff;
        font-size: 18px;
        float: left;
        font-weight: 600;
        margin: 0px 10px 0px 0px;
        line-height: 28px;
    }

    .job-pop-tag a {
        background: #3503f494;
        color: #fff;
        font-size: 12.5px;
        padding: 2px 8px;
        border-radius: 3px;
        font-weight: 500;
    }

.job-counts {
    position: relative;
    float: left;
    width: 100%;
}

    .job-counts ul {
    }

        .job-counts ul li {
            float: left;
            padding: 0px 20px 0px 25px;
            border-right: 1px solid #ffffff2b;
        }

            .job-counts ul li:first-child {
                padding-left: 0px;
            }

            .job-counts ul li:last-child {
                border-right: 0px;
            }

            .job-counts ul li span {
                font-size: 47px;
                color: #fff;
                font-weight: 300;
                font-family: 'Quicksand', sans-serif;
            }

            .job-counts ul li h4 {
                font-size: 16px;
                color: #fff;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 2px;
            }

.all-jobs { /* background: #fff; */
    float: left;
    width: 100%; /* margin-top: -50px; */
}

    .all-jobs .row { /* box-shadow: none; */
        border-radius: 10px;
        background: #fff;
        position: relative;
    }

    .all-jobs .col-md-3 {
        background: #fff;
        border-radius: 10px 0 0 0;
        padding: 20px 0px 30px 25px;
    }

    .all-jobs .col-md-9 {
        background: #fff;
        border-radius: 0 10px 0 0;
    }

    .all-jobs .all-list-sh {
        background: #fff;
    }

.job-list {
    padding-top: 25px;
}

    .job-list ul {
    }

        .job-list ul li {
            margin-bottom: 15px;
            float: left;
            width: 100%;
        }

.job-box {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 10px;
    position: relative;
}

    .job-box:hover .job-box-cta {
        background: #1bc96a;
    }

.job-full-cta {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.job-box-img {
    float: left;
    /* width: 20%;;width: calc(20% - 65px);
    /* width: 20%; */
    background: #e4e4e4;
    border-radius: 5px;
    width: 90px;
    position: relative;
    height: 123px;
    padding-top: 18px;
}

    .job-box-img img {
        width: 90px;
        /* height: 125px; */
        padding: 12px;
        object-fit: contain;
    }

.job-box-con {
    float: left;
    width: calc(100% - 90px);
    padding: 15px 5px 15px 25px;
}

    .job-box-con h4 {
        font-weight: 600;
        font-size: 16px;
        color: #000;
    }

    .job-box-con span {
        font-size: 13px;
        color: #7187a2;
        padding-left: 20px;
        padding-right: 10px;
        font-weight: 500;
        float: left;
        line-height: 22px;
    }

        .job-box-con span:before {
            margin-left: -20px;
            color: #7187a2;
        }

.job-ic-city:before {
    content: 'location_on';
}

.job-ic-type:before {
    content: 'timer';
}

.job-ic-open:before {
    content: 'supervisor_account';
}

.job-box-con .job-box-cta {
    background: #673AB7;
    color: #fff;
    font-size: 13px;
    padding: 7px 20px;
    border-radius: 3px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    display: inline-block;
    margin-top: 10px;
    transition: all 0.5s ease;
    float: left;
}

.job-det-desc .job-box-con .job-box-cta {
    background: #246df8;
    padding: 7px 30px;
    cursor: pointer;
}

.job-top {
    padding-right: 25px;
    /* border-left: 1px solid#e4e4e4; */
    /* padding-left: 25px; */
}

    .job-top h3 {
        font-size: 14px;
        color: #677b89;
        /* padding-left: 25px; */
        margin-bottom: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .job-top ul {
    }

        .job-top ul li {
            padding-bottom: 10px;
            border-bottom: 1px solid #ededed;
            margin-bottom: 10px;
        }

.job-top-box {
    position: relative;
    transition: all ease 0.5s
}

    .job-top-box:hover {
        padding-left: 10px;
    }

        .job-top-box:hover h4 {
            color: #0961ea;
            text-decoration: underline;
        }

    .job-top-box img {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        object-fit: cover;
        float: left;
    }

    .job-top-box h4 {
        font-size: 13px;
        font-weight: 600;
        padding-left: 15px;
        margin-bottom: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: pre;
    }

    .job-top-box .compny {
        padding-left: 16px;
        font-size: 11px;
        color: #333;
        font-weight: 500;
        display: table;
    }

    .job-top-box .city {
        font-size: 11px;
        color: #7187a2;
        padding-left: 5px;
    }

.job-det-pg {
    background: #f5f5f5;
}

.job-det-desc {
    margin-top: -100px;
    background: #fff;
    position: relative;
    padding: 20px;
    border-radius: 5px 5px 0 0;
    color: #5d6781;
    box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);
}

    .job-det-desc .lhs {
        float: left;
        width: 100%;
        padding: 0 2px;
    }

    .job-det-desc .tit {
    }

        .job-det-desc .tit .job-box {
            margin-bottom: 25px;
            /* padding: 0px; */
            /* border: 0px; */
            /* border-bottom: 1px solid #f0f0f0; */
            padding-bottom: 25px;
        }

        .job-det-desc .tit .job-box-img {
        }

        .job-det-desc .tit .job-box-con {
            width: 100%;
            padding-bottom: 0px;
            text-align: left;
            /* padding: 0px; */
        }

    .job-det-desc .alpply {
        float: left;
        width: 100%;
        padding: 15px 0px;
    }

        .job-det-desc .alpply .cta-app {
            padding: 12px 35px;
            border-radius: 3px;
            background: #246df8;
            color: #ffffff;
            font-size: 16px;
            border: 1px solid rgba(36, 109, 248, 0.15);
            font-weight: 600;
            display: inline-block;
            cursor: pointer;
        }

    .job-det-desc .desc {
    }

        .job-det-desc .desc p {
            font-size: 13px;
            line-height: 25px;
        }

        .job-det-desc .desc ul {
        }

            .job-det-desc .desc ul li {
            }

        .job-det-desc .desc span {
        }

    .job-det-desc .lhs h4 {
        font-size: 18px;
        font-weight: 700;
        /* padding-bottom: 8px; */
    }

    .job-det-desc .skills {
        padding-bottom: 25px;
    }

        .job-det-desc .skills h4 {
            padding-bottom: 8px;
        }

        .job-det-desc .skills ul li {
            color: #5d6781;
            font-size: 14px;
            padding-left: 20px;
            padding-bottom: 8px;
        }

            .job-det-desc .skills ul li:before {
                content: 'check';
                margin-left: -20px;
                background: #4CAF50;
                width: 15px;
                height: 15px;
                color: #fff;
                line-height: 15px;
                font-size: 10px;
                border-radius: 50%;
                font-weight: 600;
                padding: 1px 0px 0px 3px;
            }

    .job-det-desc .quali {
    }

    .job-det-desc .rhs {
        float: left;
        width: 100%;
        padding: 0px 25px 25px 25px;
        /* border: 1px solid #f0f0f0; */
        -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
        box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
        background: #fff;
    }

        .job-det-desc .rhs h4 {
            font-size: 14px;
            color: #677b89;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            padding-bottom: 10px;
        }

    .job-det-desc .job-summ {
        margin-bottom: 25px;
        padding-top: 25px;
        /* background: #fafafa; */
        /* padding: 25px 25px 15px 25px; */
        /* border: 1px solid #f0f0f0; */
        /* -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22); */
        /* box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22); */
        /* background: #fff; */
    }

        .job-det-desc .job-summ .cta-app {
            padding: 7px 30px;
            border-radius: 3px;
            background: #246df8;
            color: #ffffff;
            font-size: 13px;
            border: 1px solid rgba(36, 109, 248, 0.15);
            font-weight: 600;
            display: inline-block;
            margin-top: 10px;
            cursor: pointer;
            /* text-transform: uppercase; */
            /* letter-spacing: 1px; */
        }

        .job-det-desc .job-summ ul {
        }

            .job-det-desc .job-summ ul li {
                font-size: 12px;
                color: #696d71;
                padding-bottom: 8px;
            }

                .job-det-desc .job-summ ul li span {
                    font-weight: 600;
                    width: 118px;
                    display: inline-block;
                    color: #333;
                }

    .job-det-desc .map {
        margin-bottom: 25px;
    }

        .job-det-desc .map iframe {
            border: 0px;
            width: 100%;
            height: 150px;
        }

    .job-det-desc .shar {
    }

        .job-det-desc .shar ul {
        }

            .job-det-desc .shar ul li {
                float: left;
            }

                .job-det-desc .shar ul li a {
                }

                    .job-det-desc .shar ul li a img {
                        width: 26px;
                        margin-right: 5px;
                    }

.job-det-pg-ban {
    float: left;
    width: 100%;
    background: url(../images/all-job-bg.jpg) no-repeat;
    padding: 40px 0px 130px 0px;
    margin-top: 55px;
    position: relative;
}

    .job-det-pg-ban:before {
        background: #364250b0;
    }

.job-comp-pro {
}

.job-comp-img {
}

    .job-comp-img img {
    }

.job-det-desc .s1, .job-det-desc .s2, .job-det-desc .s3 {
    float: left;
}

.job-det-desc .s1 {
    width: 25%;
    padding-right: 30px;
}

.job-det-desc .s3 .job-top {
    float: left;
    width: 100%;
    padding: 25px;
    margin-top: 25px;
}

.job-det-desc .s1 .job-lhs-tit {
    font-size: 14px;
    color: #677b89;
    /* padding-left: 25px; */
    margin-bottom: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.job-det-desc .s1 .job-comp-pro {
    border: 1px solid #f4f4f4;
    /* background: #f0f0f0; */
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.job-det-desc .s1 .job-comp-img {
}

    .job-det-desc .s1 .job-comp-img img {
        width: 100%;
    }

.job-det-desc .s2 {
    width: 50%;
    padding-right: 30px;
}

.job-det-desc .s3 {
    width: 25%;
}

.job-comp-soc {
}

    .job-comp-soc ul {
    }

        .job-comp-soc ul li {
            font-size: 12px;
            font-weight: 500;
            color: #000;
            padding-left: 25px;
            margin-bottom: 8px;
        }

            .job-comp-soc ul li a {
            }

            .job-comp-soc ul li:before {
                margin: -4px 0px 0px -25px;
            }

.job-comp-abo {
    border-top: 1px solid #f4f4f4;
    padding: 15px 0px;
    margin: 20px 0;
    border-bottom: 1px solid #f4f4f4;
}

    .job-comp-abo p {
        font-size: 12px;
        line-height: 22px;
        margin: 0px;
    }

.dir-hide {
    display: none;
}

/*--===== MESSAGE WINDOW =====--*/
.pop-mess {
    transition: all 0.5s ease;
    border: 1px solid #f9fcff;
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0px 1px 11px -2px #737373c9;
    position: fixed;
    bottom: 15px;
    right: -500px;
    z-index: 12;
    border-radius: 10px;
    width: 350px;
}

    .pop-mess.comm-msg-show {
        right: 20px;
    }

    .pop-mess .con {
    }

    .pop-mess .s1 {
        float: left;
        width: 100%;
    }

        .pop-mess .s1 img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
            float: left;
        }

        .pop-mess .s1 h4 {
            font-size: 12px;
            float: left;
            padding: 0px 0px 0px 12px;
            color: #969696;
        }

            .pop-mess .s1 h4 b {
                display: block;
                font-size: 16px;
                text-transform: capitalize;
                color: #000;
            }

    .pop-mess .s2 {
        float: left;
        width: 100%;
    }

        .pop-mess .s2 h4 {
            font-size: 10px;
            text-transform: uppercase;
            padding: 10px 0px;
            margin-bottom: 0px;
        }

            .pop-mess .s2 h4 b {
            }

        .pop-mess .s2 .chosen-container {
            margin-bottom: 10px;
            border: 1px solid #f1eae5;
            height: 34px;
            border-radius: 5px;
        }

        .pop-mess .s2 .chosen-choices {
            height: 32px;
            padding-top: 0px;
            font-size: 13px;
            line-height: 20px;
            color: #7a7b7f;
            border-radius: 5px;
        }

    .pop-mess .s3 {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

        .pop-mess .s3 textarea {
            height: 120px;
            padding: 10px;
            font-size: 13px;
            line-height: 20px;
            color: #7a7b7f;
            border-radius: 5px;
        }

    .pop-mess .s4 {
    }

        .pop-mess .s4 button {
            color: #fff;
            font-size: 12px;
            font-weight: 600;
            padding: 6px 20px;
            border-radius: 2px;
            text-transform: uppercase;
            background: #2196F3;
            border: 0px;
            letter-spacing: 1px;
            /* float: right; */
        }

            .pop-mess .s4 button i {
                font-size: 13px;
                font-weight: 500;
                vertical-align: bottom;
                line-height: 18px;
            }

    .pop-mess .s5 {
    }

        .pop-mess .s5 .comm-msg-pop-clo, .comm-msg-pop-clo1, .comm-msg-pop-clo2 {
            position: absolute;
            right: 6px;
            top: 6px;
            cursor: pointer;
        }

            .pop-mess .s5 .comm-msg-pop-clo i, .comm-msg-pop-clo1 i, .comm-msg-pop-clo2 i {
                color: #a6a6a6;
                background: #ededed;
                padding: 2px;
                box-sizing: border-box;
                border-radius: 50px;
                font-size: 16px;
            }

/*--===== DASHBOARD MESSAGE =====--*/
.mess-dash {
}

.mess-tit {
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

    .mess-tit div {
        font-size: 13px;
        float: left;
        font-weight: 600;
    }

    .mess-tit .s1 {
        width: 3%;
        display: none;
    }

    .mess-tit .s2 {
        width: 20%;
    }

    .mess-tit .s3 {
        width: 63%;
    }

    .mess-tit .s4 {
        width: 8%;
    }

    .mess-tit .s5 {
        width: 6%;
    }

    .mess-tit .s6 {
        width: 6%;
    }

.mess-bd {
    float: left;
    width: 100%;
}

    .mess-bd .main {
        float: left;
        width: 100%;
        border-bottom: 1px solid #e9e9e9;
        padding: 10px 0px;
    }

    .mess-bd .se1 {
        font-size: 13px;
        float: left;
        width: 100%;
        cursor: pointer;
        z-index: 5;
        font-family: 'Poppins', sans-serif;
    }

        .mess-bd .se1 div {
            float: left;
        }

        .mess-bd .se1 .s1 {
            width: 3%;
            display: none;
        }

        .mess-bd .se1 .s2 {
            font-weight: 600;
            font-size: 13px;
            width: 20%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding-right: 15px;
            font-family: 'Poppins', sans-serif;
        }

            .mess-bd .se1 .s2 img {
                width: 42px;
                height: 42px;
                border-radius: 50%;
                object-fit: cover;
                float: left;
                margin-right: 15px;
                /* border: 2px solid #ffffff; */
                /* box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2); */
            }

            .mess-bd .se1 .s2 span {
                display: block;
                font-size: 10px;
                font-weight: 400;
            }

        .mess-bd .se1 .s3 {
            width: 80%;
            font-size: 12px;
            font-weight: 500;
            color: #4a4d54;
            padding-top: 5px;
        }

        .mess-bd .se1 .s4 {
            width: 8%;
        }

            .mess-bd .se1 .s4 a {
                background: #2196F3;
                color: #fff;
                border: 1px solid #2093ef;
            }

        .mess-bd .se1 .s5 {
            width: 6%;
        }

        .mess-bd .se1 .s6 {
            width: 6%;
        }

        .mess-bd .se1 .s5 a {
        }

    .mess-bd .se2 {
        float: left;
        width: 100%;
        padding: 15px 0px 7px 0px;
        display: none;
        position: relative;
    }

        .mess-bd .se2:before {
            content: '';
            position: absolute;
            width: 1px;
            height: 71%;
            background: #e0e0e0;
            left: 6.8%;
            top: 35px;
        }

        .mess-bd .se2 .mag-thrd {
            float: left;
            width: 100%;
            padding: 8px 0px 8px 5%;
            position: relative;
        }

            .mess-bd .se2 .mag-thrd .s1 {
                font-weight: 600;
                font-size: 12px;
                float: left;
                width: 17%;
            }

                .mess-bd .se2 .mag-thrd .s1 img {
                    width: 36px;
                    height: 36px;
                    border-radius: 50%;
                    object-fit: cover;
                    float: left;
                    margin-right: 15px;
                    border: 4px solid #ffffff;
                    box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2);
                }

                .mess-bd .se2 .mag-thrd .s1 span {
                    display: block;
                    font-size: 10px;
                    font-weight: 400;
                }

            .mess-bd .se2 .mag-thrd .s2 {
                font-size: 12px;
                float: left;
                width: 80%;
                padding-left: 6px;
            }

/*-- TOOL TIP --*/
.ttip-com {
    position: absolute;
    z-index: 9;
}

    .ttip-com i {
        width: 20px;
        height: 20px;
        background: #dde8fd;
        border-radius: 50px;
        color: #4d84ec;
        font-size: 15px;
        padding: 2px;
    }

    .ttip-com:hover div {
        opacity: 1;
    }

    .ttip-com div {
        background: #354558;
        color: #fff;
        font-size: 12px;
        padding: 10px;
        border-radius: 5px;
        opacity: 0;
        transition: all 0.5s ease;
        margin: -25px 0px 0px 28px;
        position: relative;
    }

        .ttip-com div:before {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            background: #354558;
            transform: rotateZ(45deg);
            left: -4px;
            top: 10px;
        }

.add-list-map .ttip-com {
    margin: -48px 0px 0px 402px;
}


.responsive-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
}

    .responsive-table td, .responsive-table th {
        padding: 8px;
    }



    .responsive-table td {
        font-size: 12px;
    }

    .responsive-table thead th {
        /* color: #ffffff; */
        /* background: #4FC3A1; */
    }


        .responsive-table thead th:nth-child(odd) {
            /* color: #ffffff; */
            /* background: #324960; */
        }


/*--====== COUPONS ========--*/
.coup-sec, .coup-sec1 {
    float: left;
    width: 100%;
}

    .coup-sec1 img {
        width: 100%;
        float: left;
    }

.coup-sec2 {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}

    .coup-sec2 h1 {
        font-size: 42px;
        font-weight: 700;
        line-height: 48px;
    }

    .coup-sec2 p {
        font-size: 14px;
        color: #787984;
    }

    .coup-sec2 span {
    }

        .coup-sec2 span:before {
            content: 'search';
            z-index: 1;
            margin: 13px 0px 0px 25px;
            font-size: 22px;
        }

    .coup-sec2 input {
        border-radius: 30px;
        box-shadow: 0 5px 41px -14px rgba(60,63,66,.32);
        color: #40454a;
        max-width: 100%;
        min-height: 56px;
        position: relative;
        top: 0;
        width: 384px;
        padding: 10px 10px 10px 60px;
        border: 1px solid #e9e9ef;
        font-weight: 600;
        font-family: 'Quicksand', sans-serif;
        transition: all 0.5s ease;
        background: #fff;
    }

        .coup-sec2 input:focus {
            border: 1px solid #c3c9d2;
            box-shadow: 0 14px 29px -9px rgb(60 63 66 / 32%);
            background: #ffffff;
        }

.coup-sec3 {
    float: left;
    width: 100%;
    margin-bottom: 150px;
}

    .coup-sec3 ul {
    }

        .coup-sec3 ul li {
            float: left;
            width: 33.333%;
            padding: 15px;
        }

.coup-sec-log {
    text-align: center;
    margin: 0 auto;
    display: table;
    width: 80%;
    border-radius: 5px;
    padding: 25px;
    transition: all 0.5s ease;
    border: 3px dashed #fba606;
    box-shadow: 0px 12px 18px -9px #33333394;
    margin-bottom: 180px;
}

    .coup-sec-log h4 {
        font-size: 28px;
        font-weight: 700;
        line-height: 48px;
    }

    .coup-sec-log p {
        font-size: 16px;
        line-height: 28px;
        color: #79797b;
    }

    .coup-sec-log a {
        background: #4634b5;
        background: linear-gradient(to right, #3b33b2, #aa35ce);
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        padding: 12px 45px;
        display: inline-block;
        border-radius: 50px;
        cursor: pointer;
    }

.coup-box {
    float: left;
    width: 100%;
    box-shadow: 0px 1px 14px -4px #33333352;
    border-radius: 5px;
    padding: 15px;
    border: 2px dashed #ededf1e0;
    transition: all 0.5s ease;
    height: 195px;
    position: relative;
    overflow: hidden;
}

.coup-box-1 {
    float: left;
    width: 90%;
    position: absolute;
    transition: all 0.5s ease;
}

.coup-box:hover {
    border: 2px dashed #4734b5;
    box-shadow: 0px 12px 18px -9px #33333394;
    transform: translateY(-3px);
}

.coup-box.act .coup-box-1 {
    transform: translateX(-110%);
}

.coup-box.act .coup-box-2 {
    transform: translateX(0%);
}

.coup-box:hover .coup-box-1 .s2 .rhs .get-coup-btn {
}

.coup-box-1 .s1 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .coup-box-1 .s1 .lhs {
        float: left;
        width: 75px;
    }

        .coup-box-1 .s1 .lhs img {
            width: 65px;
            border-radius: 5px;
            object-fit: cover;
        }

    .coup-box-1 .s1 .rhs {
        float: left;
        width: 70%;
        width: calc(100% - 75px);
    }

        .coup-box-1 .s1 .rhs h4 {
            font-size: 16px;
            font-weight: 700;
            padding: 10px 5px 5px 5px;
            line-height: 20px;
            height: 55px;
            overflow: hidden;
        }

.coup-box-1 .s2 {
    float: left;
    width: 100%;
}

    .coup-box-1 .s2 .lhs {
        float: left;
        width: 60%;
    }

        .coup-box-1 .s2 .lhs span {
            font-size: 11px;
            font-weight: 500;
            color: #474858;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .coup-box-1 .s2 .lhs h6 {
            color: #000;
            font-weight: 700;
            font-size: 14px;
            margin-bottom: 5px;
            line-height: 20px;
        }

        .coup-box-1 .s2 .lhs a {
            font-size: 10px;
            font-weight: 500;
            line-height: 12px;
            float: left;
        }

    .coup-box-1 .s2 .rhs {
        float: left;
        width: 40%;
        padding-top: 10px;
    }

        .coup-box-1 .s2 .rhs .get-coup-btn {
            background: #4634b5; /* fallback for old browsers */
            /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to right, #3b33b2, #aa35ce); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
            color: #fff;
            font-size: 14px;
            font-weight: 500;
            padding: 6px 15px;
            display: inline-block;
            float: right;
            border-radius: 50px;
            cursor: pointer;
        }

.coup-box-2 {
    float: left;
    width: 90%;
    position: absolute;
    transition: all 0.5s ease;
    transform: translateX(110%);
    text-align: center;
    padding: 10px 0px 0px;
    height: 85%;
}

    .coup-box-2 h4 {
        color: #4634b5;
        font-weight: 700;
        font-size: 18px;
    }

    .coup-box-2 p {
        font-size: 11.5px;
        margin-bottom: 0px;
        font-weight: 400;
        color: #28292b;
        line-height: 16px;
        padding-top: 5px;
        padding: 5px 30px 5px 30px;
    }

    .coup-box-2 span {
        font-size: 12px;
        font-weight: 500;
        color: #0056b3;
        cursor: pointer;
        padding-left: 20px;
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

        .coup-box-2 span:before {
            content: 'arrow_back';
            margin: -4px 0px 0px -20px;
            color: #0056b3;
            font-weight: 600;
        }

    .coup-box-2 i {
        font-size: 30px;
        font-weight: 800;
        display: block;
        font-style: normal;
        /* letter-spacing: 1px; */
    }

    .coup-box-2 a {
        background: #4634b5; /* fallback for old browsers */
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #3b33b2, #aa35ce); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        padding: 4px 15px;
        display: inline-block;
        /* float: right; */
        border-radius: 50px;
        cursor: pointer;
    }

.db-coupons {
    float: left;
    width: 100%;
    padding-top: 35px;
}

    .db-coupons ul {
    }

        .db-coupons ul li {
            float: left;
            width: 100%;
            border-bottom: 1px solid #e6e5e5;
            padding-bottom: 20px;
            margin-bottom: 25px;
        }

.db-coup-lhs {
    float: left;
    width: 50%;
}

.db-coup-rhs {
    float: left;
    width: 50%;
    padding: 0px 0px 0px 50px;
}

    .db-coup-rhs h5 {
        /* padding-bottom: 15px; */
        position: relative;
    }

        .db-coup-rhs h5 b {
            font-size: 50px;
            font-weight: 700;
            position: absolute;
        }

        .db-coup-rhs h5 span {
            font-size: 16px;
            padding: 6px 0px 0px 90px;
            display: block;
        }

    .db-coup-rhs ol {
        padding: 20px 0px 0px 0px;
        float: left;
        width: 100%;
    }

        .db-coup-rhs ol li {
            margin: 0px;
            padding: 3px 0px;
            border: 0px;
            font-size: 12.5px;
            font-weight: 500;
            color: #8b909e
        }

            .db-coup-rhs ol li b {
                color: #54575f;
            }

            .db-coup-rhs ol li a {
                border: 1px solid #007bff;
                padding: 1px 8px;
                border-radius: 3px;
                margin: 5px 5px 5px 0px;
                display: inline-block;
                font-size: 12px;
                font-weight: 500;
            }

.inp-ttip {
    position: absolute;
    background: #caffd3;
    width: 250px;
    padding: 10px;
    z-index: 9;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 0px 9px 10px -13px #333;
    border: 1px solid #adf3b9;
    margin-top: 10px;
    line-height: 18px;
    font-weight: 400;
    display: none;
}

    .inp-ttip b {
    }

    .inp-ttip:before {
        content: '';
        width: 9px;
        height: 9px;
        border: 1px solid #adf3b9;
        background: #caffd3;
        left: 10px;
        top: -5px;
        transform: rotate(45deg);
        border-bottom: 0px;
        border-right: 0px;
    }

/*--====== COMPANY PROFILE ========--*/
.comp-pro-pg {
}

.com-pro-pg-head {
    position: fixed;
    background: #fff;
    width: 100%;
    top: 0px;
    left: 0;
    right: 0px;
    box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
    z-index: 10;
}

.db-unfol-user {
    position: relative;
    float: left;
    width: 100%;
}

.comp-head {
    width: 100%;
    padding: 10px 0px;
}

.com-pro-pg-head img {
    max-width: 200px;
    float: left;
    object-fit: cover;
    height: 40px;
}

.com-pro-pg-head ul {
    float: right;
    margin-top: 2px;
}

    .com-pro-pg-head ul li {
        float: left;
        display: inline-block;
    }

        .com-pro-pg-head ul li a {
            color: #333;
            font-size: 14px;
            font-weight: 500;
            padding: 8px;
            line-height: 28px;
        }

        .com-pro-pg-head ul li:last-child a {
            background: #6a8cbf;
            color: #fff;
            padding: 5px 20px;
            border-radius: 2px;
            margin-left: 8px;
        }

.com-pro-pg-banner {
}

    .com-pro-pg-banner img {
        width: 100%;
        float: left;
        height: 400px;
        object-fit: cover;
    }

.com-pro-pg-bd {
    float: left;
    width: 100%;
    background: #f1f4f7;
}

    .com-pro-pg-bd .templ-rhs-form .form-group textarea {
        height: 110px;
    }

    .com-pro-pg-bd .templ-rhs-form form {
        margin-bottom: 0px;
    }

.comp-tax {
    float: left;
    width: 100%;
    margin-top: 15px;
}

    .comp-tax p {
        margin: 0px;
        border: 1px solid #c2def5;
        border-radius: 2px;
        padding: 10px;
        background: #ecf9ff;
        color: #0c6ab5;
        font-weight: 500;
        font-size: 18px;
    }

        .comp-tax p b {
            font-weight: 600;
            text-transform: uppercase;
        }

.box-s1 {
    float: left;
    width: 100%;
    box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
    background: #fff;
    border-radius: 2px;
    margin-top: -125px;
    margin-bottom: 50px;
}

.pro-pg-logo {
    float: left;
    width: 23%;
    padding: 20px;
}

    .pro-pg-logo img {
        width: 100%;
    }

.pro-pg-bio {
    float: left;
    width: 57%;
    padding: 30px;
}

    .pro-pg-bio h1 {
        font-size: 34px;
        font-weight: 600;
        padding-bottom: 10px;
    }

        .pro-pg-bio h1 i img {
            filter: hue-rotate(40deg);
            width: 32px;
            border: 1px solid #ededed;
            border-radius: 50px;
            height: 32px;
            padding: 5px;
            margin-top: -20px;
        }

    .pro-pg-bio .bio {
    }

        .pro-pg-bio .bio li {
            float: left;
            width: 50%;
            padding: 0px 10px 10px 0px;
        }

            .pro-pg-bio .bio li:first-child {
                width: 100%;
            }

            .pro-pg-bio .bio li span {
                font-size: 15px;
                color: #5f6673;
                font-weight: 500;
            }

                .pro-pg-bio .bio li span img, .pro-pg-bio .bio li a img, .pro-pg-bio .bio li img {
                    width: 16px;
                    margin-right: 5px;
                    opacity: 0.8;
                }

            .pro-pg-bio .bio li a, .pro-pg-bio .bio li {
                font-size: 15px;
                color: #5f6673;
                font-weight: 500;
            }

                .pro-pg-bio .bio li a:hover {
                    color: #0a77ff;
                }

                .pro-pg-bio .bio li a img {
                    /* margin-right: 5px; */
                }

    .pro-pg-bio .soc {
        padding-top: 10px;
        float: left;
        display: inline-block;
        width: 100%;
    }

        .pro-pg-bio .soc li {
            float: left;
            margin: 0px 5px 5px 0px;
        }

            .pro-pg-bio .soc li a {
            }

                .pro-pg-bio .soc li a img {
                    width: 28px;
                    background: #eceff3;
                    padding: 6px;
                    border-radius: 5px;
                    opacity: 0.7;
                    transition: all 0.5s ease;
                }

                .pro-pg-bio .soc li a:hover img {
                    opacity: 1;
                    background: #cee8f7;
                    /* filter: invert(1); */
                }

.pro-pg-cts {
    float: left;
    width: 20%;
    padding: 40px 25px 25px 0px;
}

    .pro-pg-cts a {
        color: #fff;
        padding: 10px 20px;
        border-radius: 2px;
        display: block;
        text-align: center;
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 13px;
    }

        .pro-pg-cts a.cta1 {
            background: #f44336;
        }

        .pro-pg-cts a.cta2 {
            background: #5a6a7b;
        }

        .pro-pg-cts a.cta3 {
            background: #37b30e;
        }



.box-s2 {
    padding-bottom: 50px;
    margin-bottom: 150px;
}

    .box-s2 .lhs {
        float: left;
        width: 68%;
        box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
        background: #fff;
        padding: 30px;
        margin-right: 4%;
    }

        .box-s2 .lhs .comp-abo {
            padding-bottom: 20px;
        }

            .box-s2 .lhs .comp-abo h2 {
                font-size: 22px;
                font-weight: 600;
                padding-bottom: 15px;
            }

            .box-s2 .lhs .comp-abo h1 {
                font-size: 24px;
            }

            .box-s2 .lhs .comp-abo h3 {
                font-size: 19px;
            }

            .box-s2 .lhs .comp-abo h4 {
                font-size: 16px;
            }

            .box-s2 .lhs .comp-abo h5 {
                font-size: 14px;
            }

            .box-s2 .lhs .comp-abo h6 {
                font-size: 12px;
            }

            .box-s2 .lhs .comp-abo p {
                font-size: 14px;
                color: #5f6673;
                line-height: 28px;
            }

        .box-s2 .lhs .comp-pro {
            float: left;
            width: 100%;
            padding-bottom: 35px;
        }

            .box-s2 .lhs .comp-pro h2 {
                font-size: 22px;
                font-weight: 600;
                padding-bottom: 15px;
            }

            .box-s2 .lhs .comp-pro .all-pro-box {
                width: 32.3%;
                margin: 0.5%;
            }

            .box-s2 .lhs .comp-pro .land-pack-grid {
                width: 32.3%;
                margin: 0.5%;
                float: left;
            }

            .box-s2 .lhs .comp-pro .eve-box div:nth-child(1) img {
                height: 180px;
            }

    .box-s2 .rhs {
        float: left;
        width: 28%;
        /* box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%); */
        /* background: #fff; */
        /* padding: 30px; */
        border-radius: 10px;
        position: relative;
    }

        .box-s2 .rhs .cpro-form {
            position: relative;
            /* width: 100%; */
            /* bottom: 0px; */
            /* top: 0px; */
            height: 100%;
        }

            .box-s2 .rhs .cpro-form .templ-rhs-eve {
                /* width: 100%; */
                position: sticky;
                top: 65px;
            }

.comp-pro-edit {
}

    .comp-pro-edit h6 {
        color: #333;
        font-weight: 700;
        padding: 0px 0px 5px 0px;
        font-size: 16px;
    }

.edit-comp-pro {
    background: #edf6fd;
}

    .edit-comp-pro:before {
        opacity: 0;
    }

    .edit-comp-pro .login-main {
        box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22);
    }

/*--  SEARCH --*/
.tser-res {
    position: absolute;
    background: #fff;
    box-shadow: 0px 10px 13px 1px #3333331a;
    width: 100%;
    border-radius: 4px;
    margin: 0px 0px 0px 0px;
    /* padding: 12px; */
    /* display: none; */
    max-height: 300px;
    overflow-y: auto !important;
    border: 1px solid #e1e3e8;
    border-top: 0px;
    padding: 4px 0px 0px 0px;
    transform: translateY(10px);
    transition: all 0.5s ease;
    visibility: hidden;
    opacity: 0;
}

    .tser-res.act {
        transform: translateY(0px);
        transition: all 0.5s ease;
        visibility: visible;
        opacity: 1;
        z-index: 1;
        width: 100%;
        border-radius: 0px 0px 4px 4px;
        margin-top: -2px;
    }

.top-ser .tser-res.act {
    width: 100%;
}

.tser-res li {
    list-style-type: none;
    /* padding-bottom: 5px; */
    width: 100%;
}

    .tser-res li:last-child {
        padding-bottom: 0px;
    }

    .tser-res li div {
        display: block;
        font-size: 12px;
        color: #5f6871;
        border-bottom: 1px solid #f3f4f6;
        padding: 7px 14px;
        font-weight: 500;
        position: relative;
    }

        .tser-res li div h4 {
            font-size: 13px;
            margin-bottom: 2px;
            font-weight: 600;
            color: #03a9f4;
        }

    .tser-res li a em {
        font-style: normal;
        color: #008eff;
    }

    .tser-res li div:hover {
        background: #e5f3ff;
        color: #008eff;
        cursor: pointer;
    }

    .tser-res li.selected a {
        background: #e5f3ff;
        color: #008eff;
    }

    .tser-res li div span {
        font-size: 10px;
        display: block;
        text-transform: lowercase;
        color: #818a94;
    }

    .tser-res li div a {
    }

    .tser-res li div.match h5, .tser-res li div.match span {
    }

/*-------------------------------------------------*/
/* =  EBOOK STYLES
/*-------------------------------------------------*/
.ebk-ban {
    background: url('../images/ebook-bg.jpg') no-repeat #ededed;
    background-size: cover;
    margin-top: 52px;
    padding: 50px 0px;
    position: relative;
}

    .ebk-ban:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        background: #4b90cc; /* fallback for old browsers */
        background: -webkit-linear-gradient(to top, #267ecfe6 14%, #1779d3ba 66%); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to top, #134b7d9c 14%, #0e65b473 66%); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

    .ebk-ban .container {
        position: relative;
    }

    .ebk-ban .lhs {
        float: left;
        width: 65%;
        padding: 50px 50px 50px 100px;
    }

        .ebk-ban .lhs h1 {
            color: #fff;
            font-size: 52px;
            font-weight: 700;
            line-height: 60px;
            padding-bottom: 20px;
        }

        .ebk-ban .lhs p {
            font-size: 18px;
            font-weight: 500;
            padding-bottom: 10px;
            color: #fff;
        }

        .ebk-ban .lhs a.btn {
            background: #ffc107;
            color: #000;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 700;
            padding: 12px 30px;
            line-height: 20px;
            border-radius: 4px;
            letter-spacing: 2px;
        }

            .ebk-ban .lhs a.btn:hover {
                background: #c6ec07;
                box-shadow: 0px 9px 15px -3px #333;
            }

    .ebk-ban .rhs {
        float: left;
        width: 35%;
        padding-right: 100px;
    }

        .ebk-ban .rhs img {
            width: 100%;
            filter: drop-shadow(0px 1px 19px #333);
        }

.ebk-con {
    padding: 50px 0px;
    margin-bottom: 100px;
}

    .ebk-con .lhs {
        float: left;
        width: 35%;
        padding: 0px 20px 50px 80px;
    }

        .ebk-con .lhs h4 {
            text-align: center;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 1px;
            padding-bottom: 15px;
        }

        .ebk-con .lhs form {
            background: #f5f7fb;
            padding: 30px;
            border-radius: 5px;
            position: sticky;
            top: 50px;
            box-shadow: 0px 1px 19px #383b402b;
            border: 1px solid #e0e2e4;
        }

            .ebk-con .lhs form input, .ebk-con .lhs form select, .ebk-con .lhs form textarea {
                border: 1px solid #e8e8e8;
                background: #fff;
                font-size: 13px;
                line-height: 20px;
                color: #7a7b7f;
                border-radius: 5px;
            }

            .ebk-con .lhs form input {
            }

            .ebk-con .lhs form select {
            }

            .ebk-con .lhs form textarea {
                height: 90px;
            }

            .ebk-con .lhs form .btn {
                width: 100%;
                background: #fb5a4e;
                border: 0px;
                font-weight: 500;
                font-size: 14px;
                padding: 10px;
            }

    .ebk-con .rhs {
        float: left;
        width: 65%;
        padding: 0px 100px 50px 50px;
    }

        .ebk-con .rhs h1 {
        }

        .ebk-con .rhs h2 {
        }

        .ebk-con .rhs h3 {
        }

        .ebk-con .rhs h4 {
            font-size: 24px;
            font-weight: 600;
            font-weight: 600;
        }

        .ebk-con .rhs h5 {
        }

        .ebk-con .rhs p, .ebk-con .rhs li {
            font-size: 15px;
            line-height: 26px;
            color: #5b5d61;
        }

        .ebk-con .rhs img {
            width: 100%;
            margin: 5px 0px;
            border-radius: 2px;
        }

        .ebk-con .rhs p a {
        }

        .ebk-con .rhs ul {
            position: relative;
            padding: 8px 0px 15px 30px;
        }

            .ebk-con .rhs ul li {
                padding: 0px 0px 15px 30px;
                /* font-size: 14px; */
                /* font-weight: 500; */
                /* line-height: 24px; */
            }

                .ebk-con .rhs ul li:before {
                    content: '';
                    position: absolute;
                    width: 15px;
                    height: 15px;
                    background: #3a4cb0;
                    margin-left: -34px;
                    z-index: 2;
                    border-radius: 50px;
                    border: 3px solid #fff;
                    box-sizing: border-box;
                    margin-top: 5px;
                    box-shadow: 0 0px 10px 0.6px rgba(40, 30, 20, 0.08);
                }

                .ebk-con .rhs ul li:nth-child(odd):before {
                    background: #76cef1;
                }

                .ebk-con .rhs ul li:nth-child(even):before {
                    background: #6ae697;
                }

            .ebk-con .rhs ul::after {
                content: '';
                background: #ececec;
                position: absolute;
                width: 1px;
                top: 15px;
                bottom: 0;
                height: 75%;
                left: 33px;
            }

/*--==========================--*/
.pg-404 {
    padding: 150px 0 170px;
    background: #090b52;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    /* background: linear-gradient(to right, #142b6b, #4c288e); */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

    .pg-404 .inn1 {
        text-align: center;
        color: #ffffff;
        width: 100%;
    }

        .pg-404 .inn1 b {
            font-size: 120px;
            line-height: 90px;
            color: #fff;
        }

        .pg-404 .inn1 h1 {
            font-size: 40px;
            color: #e3c009;
        }

        .pg-404 .inn1 p {
        }

        .pg-404 .inn1 a.btn1 {
            font-size: 12px;
            padding: 5px 10px;
            display: inline-block;
            border-radius: 3px;
            background: #186dd6;
            color: #fff;
        }

        .pg-404 .inn1 a.btn2 {
            font-size: 12px;
            padding: 5px 10px;
            display: inline-block;
            border-radius: 3px;
            background: #607D8B;
            color: #fff;
        }

/*--==========================--*/
.pg-install {
    background: #f0f2f5;
    padding: 30px;
}

    .pg-install .inn {
        width: 580px;
        margin: 0 auto;
        background: #fff;
        padding: 25px;
        box-sizing: border-box;
        box-shadow: 0 2px 4px rgba(126,142,177,.12);
        border-radius: 5px;
        /* margin-top: 50px; */
    }

    .pg-install .s1 {
        padding-bottom: 30px;
    }

        .pg-install .s1 img {
            margin: 0 auto;
            display: table;
            width: 160px;
        }

    .pg-install .s2 {
    }

        .pg-install .s2 h4 {
            font-weight: 400;
            font-size: 14px;
            text-align: center;
            color: #667d9a;
        }

            .pg-install .s2 h4 b {
                color: #4e6582;
            }

        .pg-install .s2 p {
            font-size: 10.5px;
            margin: 0px 0px 15px 0px;
            background: #ebfff4;
            border: 1px solid #ccf1dd;
            padding: 10px;
            float: left;
            width: 100%;
            border-radius: 5px;
            box-sizing: border-box;
            line-height: 16px;
            font-weight: 400;
        }

            .pg-install .s2 p a {
                text-decoration: underline;
                color: #09b155;
            }

        .pg-install .s2 table {
        }

            .pg-install .s2 table tr {
            }

                .pg-install .s2 table tr td {
                    font-size: 11px;
                    padding: 10px;
                    color: #4e6582;
                }

                    .pg-install .s2 table tr td h6 {
                        font-size: 14px;
                        margin: 0px;
                        font-weight: 500;
                        /* color: #333; */
                    }

                    .pg-install .s2 table tr td input, .pg-install .s2 table tr td select {
                        border: 1px solid #c6c8ca;
                        font-size: 13px;
                        padding: 5px;
                        background: #f0f2f570;
                        border-radius: 2px;
                        font-weight: 500;
                        width: 100%;
                    }

                    .pg-install .s2 table tr td b {
                    }

                    .pg-install .s2 table tr td button {
                        font-size: 12px;
                        padding: 10px;
                        display: inline-block;
                        border-radius: 2px;
                        background: #4CAF50;
                        color: #fff;
                        border: 0px;
                        width: 100%;
                        font-weight: 600;
                        cursor: pointer;
                        transition: all 0.4s ease;
                    }

                        .pg-install .s2 table tr td button:hover {
                            background: #3ca040;
                            box-shadow: 0px 6px 7px -2px #3333338c;
                        }

    .pg-install .s2-succ {
    }

        .pg-install .s2-succ h4 {
            font-size: 24px;
            margin-bottom: 10px;
            color: #0c9c4d;
            font-family: 'Roboto', sans-serif;
        }

        .pg-install .s2-succ p {
            text-align: center;
            color: #0c9c4d;
            font-size: 12.5px;
            line-height: 18px;
        }

.user-act-code .login {
    text-align: center;
}

    .user-act-code .login h4 {
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 5px;
        display: none;
    }

    .user-act-code .login p {
        font-size: 13px;
        font-weight: 500;
        color: #79797b;
        padding: 0px 30px;
    }

        .user-act-code .login p b {
            font-size: 22px;
            color: #0fb953;
        }

.user-act-code .ud-notes {
}

.user-act-code .templ-acti {
    background: none;
    padding: 0px;
    margin-top: 10px;
}

    .user-act-code .templ-acti ul {
        margin: 0 auto;
        width: 80%;
    }

        .user-act-code .templ-acti ul li {
        }

    .user-act-code .templ-acti input {
        font-size: 16px;
        font-weight: 500;
        padding: 8px;
        border: 0px;
        border-bottom: 1px solid #cacaca;
        height: 40px;
        border-radius: 2px;
        float: left;
        width: 100%;
        text-align: center;
    }

    .user-act-code .templ-acti button {
        height: 40px;
        float: left;
        background: #0fb953;
        border: 1px solid #0fb953;
        font-weight: 500;
        border-radius: 2px;
        width: 100%;
        margin-top: 10px;
    }

.radi-v4 {
    float: left;
    padding: 0px 12px 5px 0px;
}

    .radi-v4 input {
    }

    .radi-v4 label {
    }

    .radi-v4 [type="radio"]:checked,
    .radi-v4 [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

        .radi-v4 [type="radio"]:checked + label,
        .radi-v4 [type="radio"]:not(:checked) + label {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #333;
            font-weight: 600;
        }

            .radi-v4 [type="radio"]:checked + label:before,
            .radi-v4 [type="radio"]:not(:checked) + label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 1px;
                width: 18px;
                height: 18px;
                border: 1px solid #a8bdb4;
                border-radius: 100%;
                background: #fff;
            }

        .radi-v4 [type="radio"]:checked + label {
            color: #0ba265;
        }

            .radi-v4 [type="radio"]:checked + label:after,
            .radi-v4 [type="radio"]:not(:checked) + label:after {
                content: '';
                width: 12px;
                height: 12px;
                background: #0ba265;
                position: absolute;
                top: 4px;
                left: 3px;
                border-radius: 100%;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

        .radi-v4 [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .radi-v4 [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }

.buy-poin {
    font-family: 'Poppins';
}

    .buy-poin h5 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 14px;
        font-family: 'Poppins';
        padding: 15px 15px 8px 0px;
    }

    .buy-poin .notes {
        border: 1px solid #76eabb;
        background: #dffff2;
        color: #0b8c58;
        font-weight: 500;
        padding: 3px;
        border-radius: 5px;
        font-size: 13px;
    }

    .buy-poin .form-group label {
        font-weight: 500;
    }

    .buy-poin .form-group input {
        font-size: 32px !important;
        font-weight: 600;
    }

/*--====== PAGENATION =======--*/
ul.simple-pagination {
    list-style: none
}

.simple-pagination {
    display: block;
    overflow: hidden;
    padding: 20px 0px 158px 0;
    margin: 0;
    width: 100%;
}

    .simple-pagination ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        display: table;
    }

    .simple-pagination li {
        list-style: none;
        padding: 0 !important;
        margin: 0;
        float: left;
        width: auto !important;
    }

.all-listing .simple-pagination {
    padding: 20px 0px 15px 0;
}

span.ellipse.clickable {
    cursor: pointer
}

.ellipse input {
    width: 3em
}

.compact-theme a, .compact-theme span {
    float: left;
    color: #333;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #AAA;
    border-left: none;
    min-width: 14px;
    padding: 0 7px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    background: #efefef;
    background: -moz-linear-gradient(top,#fff 0%,#efefef 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top,#fff 0%,#efefef 100%);
    background: -o-linear-gradient(top,#fff 0%,#efefef 100%);
    background: -ms-linear-gradient(top,#fff 0%,#efefef 100%);
    background: linear-gradient(top,#fff 0%,#efefef 100%)
}

    .compact-theme a:hover {
        text-decoration: none;
        background: #efefef;
        background: -moz-linear-gradient(top,#efefef 0%,#bbb 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(100%,#bbb));
        background: -webkit-linear-gradient(top,#efefef 0%,#bbb 100%);
        background: -o-linear-gradient(top,#efefef 0%,#bbb 100%);
        background: -ms-linear-gradient(top,#efefef 0%,#bbb 100%);
        background: linear-gradient(top,#efefef 0%,#bbb 100%)
    }

.compact-theme li:first-child a, .compact-theme li:first-child span {
    border-left: 1px solid #AAA;
    border-radius: 3px 0 0 3px
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
    border-radius: 0 3px 3px 0
}

.compact-theme .current {
    background: #bbb;
    background: -moz-linear-gradient(top,#bbb 0%,#efefef 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bbb),color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top,#bbb 0%,#efefef 100%);
    background: -o-linear-gradient(top,#bbb 0%,#efefef 100%);
    background: -ms-linear-gradient(top,#bbb 0%,#efefef 100%);
    background: linear-gradient(top,#bbb 0%,#efefef 100%);
    cursor: default
}

.compact-theme .ellipse {
    background: #EAEAEA;
    padding: 0 10px;
    cursor: default
}

.light-theme a, .light-theme span {
    float: left;
    color: #666;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #BBB;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    background: #efefef;
    background: -moz-linear-gradient(top,#fff 0%,#efefef 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top,#fff 0%,#efefef 100%);
    background: -o-linear-gradient(top,#fff 0%,#efefef 100%);
    background: -ms-linear-gradient(top,#fff 0%,#efefef 100%);
    background: linear-gradient(top,#fff 0%,#efefef 100%)
}

    .light-theme a:hover {
        text-decoration: none;
        background: #FCFCFC
    }

.light-theme .current {
    background: #05a2ec;
    color: #FFF;
    border-color: #4703cc;
    box-shadow: 0 1px 0 rgb(255 255 255), 0 0 2px rgb(0 0 0 / 30%) inset;
    cursor: default;
    background: #8E2DE2;
}

.light-theme .ellipse {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
    cursor: default
}

.dark-theme a, .dark-theme span {
    float: left;
    color: #CCC;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #222;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    background: #555;
    background: -moz-linear-gradient(top,#555 0%,#333 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#555),color-stop(100%,#333));
    background: -webkit-linear-gradient(top,#555 0%,#333 100%);
    background: -o-linear-gradient(top,#555 0%,#333 100%);
    background: -ms-linear-gradient(top,#555 0%,#333 100%);
    background: linear-gradient(top,#555 0%,#333 100%)
}

    .dark-theme a:hover {
        text-decoration: none;
        background: #444
    }

.dark-theme .current {
    background: #222;
    color: #FFF;
    border-color: #000;
    box-shadow: 0 1px 0 rgba(255,255,255,0.2),0 0 1px 1px rgba(0,0,0,0.1) inset;
    cursor: default
}

.dark-theme .ellipse {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
    cursor: default
}

@media screen and (max-width:1370px) {
    .ud-cen-s1 ul li div p {
    }

    .eve-box div:nth-child(2) h4 {
        font-size: 16px;
    }

    .all-list-sh .eve-box div:nth-child(2) span {
        font-size: 13px;
    }

    .all-list-sh .eve-box div:nth-child(3) .links a, .all-list-sh .eve-box div:nth-child(3) .links span {
        font-size: 12px;
    }

    .filt-com h4 {
        font-size: 14px;
    }

    .bb-text h4 {
        font-size: 22px;
    }

    .foot-supp h2 {
        font-size: 18px;
    }

    .db-list-ststus {
        padding: 2px 5px;
        font-size: 9px;
    }

    .db-list-rat {
        padding: 2px 5px;
        font-size: 9px;
    }

    .ud-cen-s2 table tr td:nth-child(2) img {
        width: 32px;
        height: 32px;
    }

    .ud-cen-s2 table tr td:nth-child(2) {
        font-size: 13px;
        color: #9ca6af;
    }

        .ud-cen-s2 table tr td:nth-child(2) span {
            font-size: 9px;
        }

    .ud-cen-s2 table tr th {
        font-size: 10px;
        padding: 14px 8px 14px 0px;
    }

    .db-list-edit {
        font-size: 9px;
    }

    .ud-rhs-sec-2 ul li a p, .ud-rhs-sec-1 ul li a p {
        font-size: 11px;
    }

    .ud-rhs-sec-2 ul li a h5, .ud-rhs-sec-1 ul li a h5 {
        font-size: 11px;
    }

    .ud-cen-s3 ul li .db-eve a h5 {
        font-size: 12.5px;
    }

    .ud-cen-s2 h2, .ud-cen-s3 h2 {
        font-size: 13px;
    }

    .ud-cen-s2 {
        overflow: hidden;
        overflow-x: auto;
    }

    .ud-rhs-promo {
        padding: 20px;
    }

        .ud-rhs-promo h3 {
            font-size: 20px;
        }

        .ud-rhs-promo p {
            font-size: 11px;
        }

        .ud-rhs-promo a {
            font-size: 9px;
        }

    .add-list .steps, .udb-inst {
        font-size: 10px;
    }

    .ud-cen-s2 a.db-tit-btn, .ud-cen-s3 a.db-tit-btn {
        font-size: 9px;
    }

    .ud-lhs-s1 h4 {
        font-size: 15px;
    }

    .ud-lhs-s1 .ud-lhs-view-pro {
        font-size: 10px;
    }

    .ud-lhs-s2 ul li a {
        font-size: 12px;
    }

        .ud-lhs-s2 ul li a img {
            width: 22px;
        }

    .ud-rhs-pay-inn h3 {
        font-size: 13px;
        padding: 10px 15px;
    }

    .ud-rhs-pay-inn ul {
        padding: 15px;
    }

        .ud-rhs-pay-inn ul li {
            font-size: 11px;
        }

            .ud-rhs-pay-inn ul li b {
                width: auto;
            }

    .ud-rhs-sec-1 ul, .ud-rhs-sec-2 ul, .ud-rhs-sec-3 ul, .ud-rhs-sec-4 ul {
        padding: 15px;
    }

        .ud-rhs-sec-1 ul li {
            padding-bottom: 6px;
            margin-bottom: 8px;
        }
}

@media screen and (max-width:1250px) {
    .list-bann img {
        /* height:445px; */
    }

    .list-ban-btn {
        border-left: 1px solid #e3e6ea;
        padding: 25px 0px 25px 10px;
    }
}

@media screen and (max-width:1200px) {
    .ud-lhs {
        width: 20%;
        padding: 40px 0px 0px 15px;
    }

    .ud-cen, .ud-enqu .ud-cen {
        width: 55%;
    }

    .ud-rhs {
        width: 26%;
        /* margin-top: 50px; */
        padding: 40px 0px 0px 0px;
    }

    .ud-rhs-sec-1, .ud-rhs-sec-2, .ud-rhs-sec-3, .ud-rhs-sec-4 {
        width: 100%;
        float: left;
    }

        .ud-rhs-sec-3 .list-ri-peo-like ul li {
            width: 90px;
        }

        .ud-rhs-sec-2 ul li {
            float: left;
            width: 25%;
        }

        .ud-rhs-sec-1 ul li a p, .ud-rhs-sec-1 ul li a h5 {
            white-space: initial;
        }

    .ud-rhs-sec-3 {
        margin-bottom: 0px;
    }

    .us-pro-sec-1 {
    }

    .us-pro-sec-1-rhs h1 {
        font-size: 32px;
    }
}

@media screen and (max-width:1150px) {
    .ud-lhs-s2 ul li a {
        font-size: 13px;
        padding: 8px 0px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }

    .top-ser {
        width: 30%;
    }
}

@media screen and (max-width:1100px) {
    .pg-list-1-left h3, .pg-list-1-left p {
        /* padding-left: 205px; */
    }

    .comity-all-user ul li {
        width: 33.333%;
    }

    .pg-list-1-left img {
        width: 175px;
        height: 175px;
    }

    .pag-p1-phone {
        /* padding-left:210px; */
    }

    .pg-list-1-left .stat {
        top: 44px;
        left: 49px;
    }

    .list-ban-btn ul li span:before {
        margin-top: -4px;
    }

    .list-ban-btn ul li span {
        font-size: 12px;
        padding: 8px 5px 8px 44px;
    }

    .list-ban-btn {
        padding: 33px 0px 33px 10px;
    }

    .login-main.add-list {
        width: 90%;
    }

    .list-fix-pro {
        width: 7%;
    }

    .list-fix-tit {
        width: 50%
    }

    .list-fix-btn {
        width: 32%;
    }

    .top-ser {
        padding: 8px 0px 0px 15px;
        width: 26%;
    }

    .hom-nav .bl li a {
        font-size: 12px;
    }

    .coup-box-1 .s2 .lhs, .coup-box-1 .s2 .rhs {
        width: 50%
    }
}

@media screen and (max-width:1024px) {
    .all-list-sh .eve-box div:nth-child(3) .links a, .all-list-sh .eve-box div:nth-child(3) .links span {
        font-size: 12px;
        padding: 4px 8px;
    }

    .ebk-con .lhs {
        padding: 0px 20px 50px 0px;
    }

    .ebk-con .rhs {
        padding: 0px 0px 50px 50px;
    }

    .coup-box-2 p {
        padding: 5px 10px 5px 10px;
    }
}

@media screen and (max-width:992px) {
    .hom-mpop .col-md-3, .hom-mpop .col-md-9 {
        max-width: 100%;
    }

    .template-def .container {
        max-width: 90%;
    }

    .wed-foot-link-pop ul li {
        width: 25%;
    }

    .pop-menu {
        left: 0px;
        position: fixed;
        overflow-y: auto;
        height: 100%;
        bottom: 0px;
    }

    .mv-pro-menu {
        display: block;
        padding-bottom: 30px;
    }

    .pmenu-spri, .sh-all-scat ul {
        width: 100%;
    }

    .coup-sec3 ul li {
        width: 50%;
    }

    .pmenu-spri ul li {
        width: 20%;
        text-align: center;
    }

        .pmenu-spri ul li a {
            border: 3px solid #ffffff;
            box-sizing: border-box;
            margin: 0px;
            background: #f0f0f0;
            padding: 24px 10px;
        }

            .pmenu-spri ul li a img {
                margin: 0 auto;
                display: table;
            }

    .pmenu-cat {
        border-top: 1px solid #d6d6d6;
        border-left: 0px;
        padding-top: 30px;
        padding-left: 0px;
        margin-top: 20px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .dir-home-nav-bot ul li:nth-child(1) {
        width: 100%;
    }

    .dir-home-nav-bot ul li:nth-child(2), .dir-home-nav-bot ul li:nth-child(3) {
        width: 100%;
        margin: 0px 0px 5px 0px;
    }

    .ban-tit h1 b {
        font-size: 40px;
    }

    .ban-tit h1 {
        font-size: 20px;
    }

    .ban-search {
        width: 85%;
    }

    .top-ser {
        width: 45%;
        padding: 6px 0px 0px 50px;
    }

    .hom-mpop .col-md-9 {
        padding-top: 20px;
    }

    .hom-col-req {
        margin: 0px;
    }

    .cate-sli {
        margin-top: 55px;
    }

    .hom-top {
        padding: 5px 0px 10px 0px;
        height: 55px;
    }

    .hom-head {
        padding: 100px 0px 30px 0px;
        margin-bottom: 0px;
    }

    .pmenu-cat ul li {
        width: 25%;
    }

    .ban-ql {
        margin-bottom: 0px;
        padding-top: 10px;
        margin-top: 30px;
        padding-bottom: 30px;
    }

        .ban-ql ul li div { /* width: 145px; */
            padding: 20px 10px;
        }

    .pri ul li {
        width: 50%;
    }

    .pri-box .c4 ol li {
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: pre;
        overflow: hidden;
    }

    .land-pack ul li {
        width: 33.333%;
    }

    .hcity div:nth-child(1) img {
        height: 250px;
    }

    .inte ul li {
        width: 50%;
        padding: 5px 0px;
    }

    .ho-popu-bod .col-md-4 {
        max-width: 100%
    }

    .hot-page2-hom-pre {
        margin-bottom: 30px;
    }

    .ho-popu-bod .col-md-4:last-child .hot-page2-hom-pre {
        margin-bottom: 0px;
    }

    .bb-img img {
        margin: -1px 0px 0px 0px;
    }

    .bb-text {
        max-width: 80%;
    }

    .bb-link {
        max-width: 100%;
        padding: 20px 0px 0px 18%;
    }

    .wed-foot-link ul li {
        width: 100%;
    }

    .wed-foot-link div {
        padding-left: 30px;
        width: 33.333%;
    }

    .eve-box div:nth-child(3), .v3-list-ql {
        display: none;
    }

    .list-pg-lt {
        width: 100%;
    }

    .list-pg-rt {
        width: 100%;
        padding: 0;
    }

    .pg-list-1 .col-md-10, .pg-list-1 .col-md-2 {
        max-width: 100%;
        flex: 100%;
    }

    .list-ban-btn {
        border-left: 0px;
        margin: 0 auto;
        display: table;
        width: 100%;
        padding: 0 0 25px 0;
    }

        .list-ban-btn ul li span {
            font-size: 14px;
            padding: 8px 15px 8px 44px;
        }

            .list-ban-btn ul li span:before {
                margin-top: -2px;
            }

        .list-ban-btn ul li {
            float: left;
            margin: 0px 5px 10px 5px;
        }

    .pg-list-1 .col-md-2 {
    }

    .pg-list-1-left {
        text-align: center;
        width: 100%;
        padding-right: 0px;
    }

        .pg-list-1-left img {
            width: 175px;
            height: 175px;
            float: initial;
            margin: initial;
            margin-top: -109px;
            position: relative;
        }

        .pg-list-1-left .stat {
            top: initial;
            left: initial;
            position: relative;
            display: table;
            margin: 0 auto;
        }

        .pg-list-1-left h3 {
            float: left;
            width: 100%;
            margin-bottom: 0px;
            /* margin-top: 15px; */
            color: #000;
        }

        .pg-list-1-left .rat {
            float: initial;
            padding: 0px 0px 10px 0px;
            display: table;
            margin: 0 auto;
        }

        .pg-list-1-left p, .pag-p1-phone {
            padding-left: 0px;
            width: 100%;
            color: #333;
        }

            .pag-p1-phone ul {
                margin: 0 auto;
                display: table;
            }

    .wed-hom-footer {
        padding: 60px 0px 45px 0px;
    }

    .land-pack-grid-text h4 {
        padding: 15px 12px;
        font-size: 20px;
    }

    .hcity div:nth-child(2) h4 {
        font-size: 16px;
    }

    .pg-list-1-left .rat i {
        margin: 0px 2px;
    }

    .bl, .fil-mob-view, .db-open .al, .ud-lhs {
        display: none;
    }

    .mob-me-ic, .fil-mob {
        display: block;
    }

        .fil-mob.fil-mob-act {
            display: block;
        }

    .ud-cen, .ud-enqu .ud-cen {
        width: 100%;
        margin: 0px;
    }

    .ud-rhs {
        width: 100%;
        padding: 20px 150px;
    }

    .ud-rhs-sec-2 ul li {
        width: 33.333%;
    }

    .eve-deta-pg .rhs .quote-pop {
        padding: 40px 40px;
    }

    .us-ppg-blog div:nth-child(2) span {
        font-size: 12px;
    }

    .us-ppg-blog .pro-eve-box h2 {
        font-size: 15px;
    }

    .pro-rel-posts .pro-eve-box p {
        font-size: 12px;
    }

    .blog-head-inn h1 {
        font-size: 36px;
    }

    .blog-head-inn p {
        font-size: 20px;
    }

    .blog-head .ban-search {
        width: 90%;
    }

        .blog-head .ban-search .sr-btn {
            margin-top: 0px;
        }

    .blog-body .us-ppg-com ul li {
        width: 33.333%;
    }

    .blog-head {
        margin-top: 55px;
    }

    .all-listing .col-md-3.fil-mob-view {
        margin-top: 78px;
        position: fixed;
        z-index: 9;
        background: #fff;
        left: -100%;
        top: 0px;
        overflow-y: auto;
        height: 100%;
        padding: 70px 40px 50px 30px;
        flex: 0 0 100%;
        max-width: 80%;
        transition: all 0.5s ease;
        display: block;
    }

    .fil-mmob-act .fil-mob-clo {
        display: block;
    }

    .all-listing .col-md-3.fil-mob-view.fil-mmob-act {
        transition: all 0.5s ease;
        left: 0%;
    }

    .all-list-sh {
        background: none;
        padding-top: 20px;
        padding-bottom: 50px;
        width: 100%;
    }

    .all-listing .col-md-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .us-pro-sec-1 {
        width: 90%;
    }

    .pro-listing-box div:nth-child(1) h2, .us-ppg-blog .pro-eve-box h2 {
        font-size: 16px;
    }

    .pro-listing-box div:nth-child(1) img {
        height: 125px;
    }

    .pmenu-cat {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 50px;
    }

    .pmenu-eve {
        width: 100%;
    }

    .ser-head .ban-search {
        width: 90%;
    }

    .f2 {
        margin: 0px;
        padding: 0px;
    }

    .mob-app .lhs {
        display: none;
    }

    .mob-app .rhs {
        width: 100%;
        padding: 0px 30px;
    }

        .mob-app .rhs form {
            width: 100%;
            padding: 0px;
        }

    .pg-list-1-pro {
    }

    .fed-box .lhs {
        width: 100%;
    }

    .fed-box .rhs {
        width: 100%;
        padding-top: 0px;
    }

    .fed-box:before {
        width: 100%;
    }

    .all-list-bre {
        margin-top: 75px;
        padding: 70px 0px 20px 0px;
    }

    .all-listing .col-md-9 {
        padding: 15px 0px 30px 15px;
        background: #f5f5f5;
        border-radius: 5px;
    }

    .list-map .list-map-filt {
        position: fixed;
        left: -100%;
        width: 300px;
        padding: 72px 15px 15px 15px;
    }

        .list-map .list-map-filt.act {
            left: 0%;
        }

            .list-map .list-map-filt.act:before {
                display: none;
            }

    .list-map .list-map-resu {
        margin-left: 0px;
        width: 100%;
    }

    .mob-map-filt {
        display: block;
        cursor: pointer;
    }

    .list-bann {
    }

        .list-bann img {
            height: 210px;
        }

    .pg-list-1 {
        margin: 0px;
    }

    .pg-list-1-pro {
        width: 100%;
    }

        .pg-list-1-pro img {
            margin: 0 auto;
            display: table;
            float: initial;
            margin-top: -90px;
        }

        .pg-list-1-pro .stat {
            position: relative;
            margin: 0 auto;
            display: table;
            left: 0px;
            float: initial;
            margin-top: -25px;
        }

    .pag-p1-phone ul a {
    }

        .pag-p1-phone ul a li {
            color: #157dd0;
        }

    .list-ban-btn ul {
        margin: 0 auto;
        display: table;
    }

    .pag-p1-phone ul li:before {
        color: #333;
    }

    .list-ban-btn ul li .cta {
        background: #ededed;
    }

    .ud {
        padding: 90px 0px 80px 0px
    }

    .pro-pg-logo {
        width: 20%
    }

    .pro-pg-bio {
        width: 80%;
    }

    .pro-pg-cts {
        width: 100%;
        padding: 0px 25px 25px 24%;
    }

        .pro-pg-cts a {
            display: inline-block;
        }

    .box-s2 .lhs {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .box-s2 .rhs .cpro-form .templ-rhs-eve {
        position: relative;
    }

    .box-s2 .rhs {
        width: 100%;
    }

    .box-s2 .lhs .comp-pro .all-pro-box {
        width: 32.3%;
        margin: 0.5%;
    }

    .box-s2 .lhs .comp-pro .land-pack-grid {
        width: 32.3%;
        margin: 0.5%;
    }

    .ud-inn {
        display: block;
        float: left;
        padding-bottom: 150px;
    }

    .ebk-ban .lhs {
        width: 100%;
        padding: 50px;
        text-align: center;
    }

    .ebk-ban .rhs {
        width: 100%;
        padding: 20px;
    }

        .ebk-ban .rhs img {
            width: 370px;
            margin: 0 auto;
            display: table;
        }

    .hm3-auto-ban .rhs {
        padding: 0px;
    }

    .hom2-hom-ban-main .hom2-hom-ban {
        padding: 30px;
    }

        .hom2-hom-ban-main .hom2-hom-ban h2 {
            font-size: 20px;
        }

    .all-products .all-pro-txt .links {
        position: relative;
        left: 0px;
        bottom: 0px;
        right: initial;
    }

        .all-products .all-pro-txt .links a {
            position: relative;
            width: 100%;
            border-radius: 2px;
            font-size: 15px;
        }
}

@media screen and (max-width:768px) {
    .how-wrks-inn ul li {
        width: 50%;
    }

        .how-wrks-inn ul li div {
            margin: 10px;
        }

    .carousel-indicators, .top-ser, .land-pack-grid-text h4 .dir-ho-cat {
        display: none;
    }

    .hom2-hom-ban-main .hom2-hom-ban {
        width: 100%;
        margin: 15px 0px;
        ;
    }

    .ban-ql ul li div h4 {
        font-size: 20px;
    }

    .ban-ql ul li div p {
        font-size: 16px;
    }

    .home-tit h2 {
        font-size: 30px;
    }

    .land-pack-grid-text h4 {
        text-align: center;
        font-size: 16px;
    }

    .home-city ul li:nth-child(1) .hcity div:nth-child(1) img {
        height: 250px;
    }

    .pmenu-cat ul li, .wed-foot-link-pop ul li {
        width: 50%;
    }

    .h-city-1, .h-city-2, .h-city-3 {
        width: 100%;
    }

    .all-list-sh .eve-box div:nth-child(2) .links a:nth-child(2), .all-list-sh .eve-box div:nth-child(2) .links a:nth-child(3) { /* display:none; */
    }

    .all-list-sh .eve-box div:nth-child(2) .links {
        padding-top: 20px;
        border-top: 1px solid #ededed;
        margin-top: 20px;
    }

    .dmact .top-ser {
        display: none !important;
    }

    .ban-search ul li.sr-cit {
        width: 30%;
    }

    .hm3-auto-ban:before {
        background: linear-gradient(to right,#030b19d6,#0000006e);
    }

    .hom-cre-acc-left h3 {
        font-size: 18px;
    }

        .hom-cre-acc-left h3 span {
            display: block;
            font-size: 32px;
        }

    .commun-pg-main input {
        width: 75%;
    }

    .list-foot-abo, .list-foot-faq {
        width: 90%;
    }

    .ban-search ul li.sr-sea {
        width: 100%;
        margin: 0px;
    }

    .fed-box {
        width: 100%;
    }

    .ban-search ul li.sr-btn {
        width: 100%;
        margin-top: 0px;
    }

    .land-pack ul li {
        width: 50%;
    }

    .country iframe, .country img {
        width: 100%;
    }

    .country img {
        height: auto;
        object-fit: cover;
    }

    .land-pack-grid {
        width: 100%;
        margin: 0px 5% 20px 5%;
        box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.14);
    }

    .land-pack-grid-text {
        margin-top: 0px;
    }

    .hom-head {
        padding: 80px 0px 20px 0px;
    }

    .ban-tit h1 b {
        font-size: 40px;
        line-height: 45px;
        padding-bottom: 15px;
        padding-top: 10px;
    }

    .ban-tit h1 {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .ban-ql ul li {
        margin: 0px;
        width: 100%;
    }

        .ban-ql ul li div {
            width: 100%;
            padding: 20px 10px 30px 10px;
            margin: 15px 0px;
            border-radius: 10px;
        }

    .home-city ul li {
        width: 50%;
        margin-bottom: 15px;
        margin-bottom: 15px;
    }

    .hcity div:nth-child(2) h4 {
        font-size: 18px;
    }

    .hom-eve-lhs-2 {
        width: 100%;
        padding-left: 15px;
        margin-top: 25px;
    }

    .eve-box div:nth-child(1) img {
        height: 150px;
    }

    .home-tit {
        padding-top: 70px;
    }

        .home-tit h2 {
            font-size: 32px;
        }

    .login-main.add-list {
        width: 90%;
    }

    .bot-book {
        text-align: center;
        margin-bottom: 55px
    }

        .bot-book .bb-img {
            float: initial;
            max-width: 100%;
        }

    .bb-text {
        max-width: 100%;
        margin-top: 30px;
    }

    .bb-link {
        padding: 20px 0px 0px 0px;
    }

    .biz-pro .lhs {
        margin-bottom: 0px;
    }

    .biz-pro-btn {
        position: relative;
        top: initial;
    }

    .country-inn h4 {
        font-size: 24px;
        line-height: 34px;
    }

    .country .cont1 {
        font-size: 24px;
    }

    .country .cont2 {
        font-size: 24px;
    }

    .foot-supp h2 {
        font-size: 16px;
        line-height: 28px;
    }

    .wed-hom-footer h4 {
        padding-bottom: 5px;
        padding-top: 0px;
    }

    .wed-foot-link-1 {
        text-align: center;
    }

    .fot-app {
        border-top: 1px solid #e9e9e9;
        padding: 30px 0px;
        margin-top: 15px;
    }

        .fot-app ul, .wed-foot-link-1 ul {
            margin: 0 auto;
            display: table;
        }

    .foot-count {
        margin-top: 30px;
    }

    .all-list-sh ul li {
        float: left;
        width: 50%;
    }

    .list-filt-v2 ul li {
        width: 16.6666666%;
    }

    .pro-listing-box div:nth-child(1) img {
        height: 150px;
    }

    .us-ppg-com ul li {
        width: 50%;
    }

    .all-list-sh .eve-box div:nth-child(1) {
        width: 100%;
    }

    .all-list-sh .eve-box {
        margin: 0px;
        float: left;
        width: 100%;
    }

    .all-list-sh .rat {
        position: relative;
        right: 48px;
        top: 0px;
        left: 0px;
    }

    .eve-box div:nth-child(2) {
        padding: 15px;
    }

    .pro-rel-events .eve-box div:nth-child(2) {
        padding: 20px 20px 15px 20px;
    }

    .hom-event .eve-box div:nth-child(2) {
        padding: 20px;
    }

    .eve-box div:nth-child(2) h4 {
        font-size: 15px;
    }

    .all-listing .col-md-9 {
        padding: 0px;
        /* background: none; */
    }

    .all-listing .col-md-3 {
        padding: 30px 0px 0px 15px;
    }

    .lhs-ads {
        margin-bottom: 0px;
    }

    .list-bann img {
        height: 175px;
    }

    .pag-p1-phone ul li {
        width: 100%;
        margin-bottom: 10px;
    }

        .pag-p1-phone ul li:last-child {
            margin-bottom: 0px;
        }

    .list-bann {
        margin-top: 55px;
    }

    .pg-list-1 {
    }

    .carousel-item img {
        height: 235px;
    }

    .home-list-pop img {
        margin-bottom: 20px;
    }

    .list-rom-pric {
        right: 25px;
        top: -158px;
        font-size: 16px;
    }

    .list-room-deta p {
        padding-right: 0px;
    }

    .lr-user-wr-con {
        width: 85%;
    }

        .lr-user-wr-con p {
            font-size: 13px;
            line-height: 22px;
        }

    .lp-ur-all-left {
        width: 60%;
    }

    .lp-ur-all-right {
        width: 40%;
        padding-right: 0px;
    }

        .lp-ur-all-right h5 {
            padding-top: 0px;
        }

        .lp-ur-all-right p label i {
            width: 15px;
            font-size: 21px;
        }

        .lp-ur-all-right p span {
            font-size: 12px;
            line-height: 14px;
            padding: 5px;
        }

    .pglist-off-last .home-list-pop-desc {
        padding-left: 0px;
    }

    .pglist-off-last .home-list-pop .col-md-3 {
        padding-right: 0px;
    }

    .db-open .al {
        display: none;
    }

    .ud-cen-s3 ul li {
        width: 50%;
    }

    .ud-pro-link .pay-rhs ul li:last-child {
        width: 100%;
    }

    .ud-pro-link .pay-rhs ul li:nth-child(3), .ud-pro-link .pay-rhs ul li:nth-child(4) {
        width: 100%;
    }

    .ud-rhs-sec-3 .list-ri-peo-like ul li {
        width: 72px;
    }

    .ud-cen-s1 ul li div {
        text-align: center;
        padding: 20px 15px 15px;
    }

        .ud-cen-s1 ul li div p {
            margin-bottom: 15px;
        }

        .ud-cen-s1 ul li div b {
            font-size: 38px;
            position: relative;
            padding: 5px 8px;
            width: auto;
            height: auto;
            top: auto;
            border-radius: 10px;
        }

        .ud-cen-s1 ul li div h4 {
            padding: 15px 10px 5px;
            font-size: 18px;
        }

        .ud-cen-s1 ul li div p {
            padding: 0px;
            margin-bottom: 0px;
            font-size: 14px;
        }

    table {
        border: 0;
    }

        table caption {
            font-size: 1.3em;
        }

    .pro-fol-gr span {
        padding: 5px 25px;
        font-size: 10px;
    }

    .pro-fol-gr ol li {
        font-size: 9px;
    }

    .pay-rhs ul li .ud-stat-pay-btn {
        font-size: 12px;
        font-weight: 600;
        color: #155dbc;
        display: inline-block;
        background: #f5f6fa;
        padding: 5px 15px;
        border-radius: 0px;
    }

    .ud-payment .pay-rhs ul li {
        width: 100%;
    }

    .pay-rhs ul li:nth-child(2) {
        font-size: 22px;
    }

    .ud-cen-s2 a.db-tit-btn, .ud-cen-s3 a.db-tit-btn {
        position: relative;
        right: initial;
        top: initial;
    }

    .ud-cen-s2 a.db-tit-btn-2-ads {
        right: initial;
    }

    .login-main, .login-main.add-list {
        width: 100%;
    }

    .login-main {
        margin: initial;
        display: initial;
    }

    .how-to-coll li h4 {
        font-size: 13px;
    }

    .cre-dup a {
        margin-bottom: 15px;
    }

    .add-list-ste-inn ul li a b {
        display: none;
    }

    .add-list-ste-inn ul li a {
        width: 44px;
        height: 44px;
        padding: 10px 0px 0px 0px;
    }

        .add-list-ste-inn ul li a span {
            font-size: 11px;
            text-transform: uppercase;
        }

    .add-list-ste-inn ul:after {
        height: 1px;
        top: 25px;
    }

    .add-list-add-btn, .add-list-rem-btn {
        width: 30px;
        height: 30px;
        line-height: 29px;
        padding-left: 1px;
        font-size: 21px;
        top: 5px;
    }

    .add-list-rem-btn {
        right: 35px;
    }

    .add-list-add-btn {
        right: 75px;
    }

    .add-lis-done .btn-primary {
        margin-bottom: 10px;
    }

    .login-reg {
        padding: 100px 0 150px 0;
    }

    .log h4 {
        font-size: 18px;
        /* text-align: left;
         */
    }

    .add-lis-done h4 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .add-lis-done p {
        font-size: 14px;
    }

    .eve-deta-pg .lhs {
        margin-bottom: 20px;
    }

    .eve-deta-pg .lhs, .eve-deta-pg .rhs {
        width: 100%;
    }

        .eve-deta-pg .lhs .img img {
            height: 250px;
        }

    .eve-deta-body .eve-deta-body-main .lhs {
        width: 100%;
        padding-right: 0px;
        border-right: 0px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 15px;
        margin-bottom: 30px
    }

    .eve-deta-body .eve-deta-body-main .rhs {
        padding-left: 0px;
        width: 100%;
    }

    .eve-deta-pg .head h1, .eve-deta-pg .head .dat {
        font-size: 22px;
    }

    .blog-body .us-ppg-com ul li {
        width: 50%;
    }

    .pro-rel-events .event-body .us-ppg-com ul li, .event-body .us-ppg-com ul li {
        width: 50%;
    }

    .event-body .eve-box div:nth-child(2) {
        padding: 20px;
    }

    .blog-head {
        padding: 45px 0px 0px 0px;
    }

    .blog-head-inn h1 {
        font-size: 28px;
    }

    .blog-head-inn p {
        font-size: 18px;
    }

    .ad-pri-cal ul li div {
        padding: 10px;
        margin: 0px 2px;
    }

    .ad-pri-cal ul li span {
        font-size: 12px;
    }

    .ad-pri-cal ul li h5 {
        margin: 5px 0px 0px 0px;
        font-size: 18px;
    }

    .us-pro-sec-1 {
        width: 100%;
    }

    .us-pro-sec-1-rhs h1 {
        font-size: 24px;
        display: block;
    }

    .us-pro-sec-1-rhs button {
        padding: 5px 30px;
        top: 7px;
    }

    .us-pro-sec-1-rhs ul.lis-cou li {
        font-size: 14px;
    }

    .us-pro-nav ul li span {
        font-size: 14px;
        padding: 16px 5px;
    }

    .user-tc-diff ul li .pri-box {
        margin: 0px;
    }

        .user-tc-diff ul li .pri-box .c4 ol {
            width: 90%;
        }

    .ser-head .ban-search ul li.sr-btn {
        margin-top: 0px;
        width: 40%;
    }

    .list-det-fix {
    }

    .list-fix-pro, .list-fix-tit {
        display: none;
    }

    .list-fix-btn {
        width: 100%;
    }

        .list-fix-btn span {
            display: block;
            width: 100%;
            text-align: center;
            padding: 8px 5px;
        }

    .list-det-fix {
        bottom: -100px;
        top: initial;
        padding: 0px;
    }

        .list-det-fix.list-det-fix-act {
            bottom: 0px;
            top: initial;
        }

    .comity-all-user ul li {
        width: 50%;
    }

    .list-ban-btn ul li .cta-get:before {
        display: none;
    }

    .list-ban-btn ul li .cta-get {
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        z-index: 9;
        text-align: center;
        text-transform: uppercase;
        box-shadow: none;
        animation: none;
        letter-spacing: 1px;
        padding: 10px 5px;
        font-size: 15px;
    }

    .pmenu-spri ul li {
        width: 31%;
    }

        .pmenu-spri ul li a img {
            margin-bottom: 10px;
        }

    .eve-box div:nth-child(2) span, .eve-box div:nth-child(2) span.pho, .eve-box div:nth-child(2) span.mail {
        width: 100%;
    }

    .responsive-table {
        display: block;
        width: 100%;
    }

        .responsive-table thead, .responsive-table tbody, .responsive-table thead th {
            display: block;
        }

            .responsive-table thead th:last-child {
                border-bottom: none;
            }

        .responsive-table thead {
            float: left;
            width: 30%;
        }

        .responsive-table tbody {
            width: auto;
            position: relative;
            overflow-x: auto;
        }

        .responsive-table td, .responsive-table th {
            padding: 20px .625em .625em .625em;
            height: 60px;
            vertical-align: middle;
            box-sizing: border-box;
            overflow-x: hidden;
            overflow-y: auto;
            width: 120px;
            font-size: 13px;
            text-overflow: ellipsis;
        }

        .responsive-table thead th {
            text-align: left;
            border-bottom: 1px solid #f7f7f9;
        }

        .responsive-table tbody tr {
            display: table-cell;
        }

            .responsive-table tbody tr:nth-child(odd) {
                background: none;
            }

        .responsive-table tr:nth-child(even) {
            background: transparent;
        }

        .responsive-table tr td:nth-child(odd) {
            background: #F8F8F8;
            border-right: 1px solid #E6E4E4;
        }

        .responsive-table tr td:nth-child(even) {
            border-right: 1px solid #E6E4E4;
        }

        .responsive-table tbody td {
            display: block;
            text-align: center;
        }

    .com-pro-pg-head img {
    }

    .hom-top {
        display: block;
    }

    .com-pro-pg-head {
        display: none;
    }

    .pro-pg-logo, .pro-pg-bio .bio li {
        width: 100%;
    }

        .pro-pg-logo img {
            width: 100px;
            height: 100px;
            margin: 0 auto;
            display: table;
        }

    .pro-pg-bio {
        width: 100%;
    }

    .pro-pg-cts {
        width: 100%;
        padding: 0px 25px 25px 24px;
    }

        .pro-pg-cts a {
            display: inline-block;
        }

    .box-s2 .lhs .comp-pro .all-pro-box {
        width: 48%;
        margin: 1%;
    }

    .box-s2 .lhs .comp-pro .land-pack-grid {
        width: 48%;
        margin: 1%;
    }

    .ebk-ban .lhs h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .ebk-ban .lhs {
        padding-top: 0px;
    }

    .ebk-con .lhs {
        width: 100%;
        padding: 30px;
    }

    .ebk-con .rhs {
        width: 100%;
        padding: 0px 30px 0px 30px
    }

    .hcity div:nth-child(2) {
        left: 0px;
        padding-left: 20px;
    }

    .str .land-pack ul li {
        padding: 0px 15px;
    }

    .full-bot-book {
        padding: 40px 25px 0px 25px;
    }

    .hom-event {
        padding: 0px 20px;
    }

    .all-list-sh .links a {
        margin: 1.5%;
        float: left;
        width: 46%;
        text-align: center;
    }

    .all-products .all-list-sh .links a {
    }

    .eve-box div:nth-child(2) span.addr {
        min-height: 50px;
    }

    .btn-ser-need-ani, .pmenu-spri {
        display: none;
    }

    .pmenu-cat {
        border-top: 0px;
        margin-top: 0px;
        padding-top: 0px;
    }

    .btn-ser-need-ani.fsbtn { /* display: block; */ /* position: relative; */
        padding: 6px; /* bottom: auto; */
        right: auto; /* background: #007bff; */ /* animation: none; */
        border-radius: 50%; /* width: 60px; */
        height: 60px;
        margin: 0 auto;
        display: table;
        margin-top: -20px;
        box-shadow: 0px 9px 19px 6px rgb(42 42 42 / 46%);
        text-transform: uppercase;
        letter-spacing: 0.5px; /* border: 5px solid #191919; */
    }

        .btn-ser-need-ani.fsbtn:before {
            display: none;
        }

    .fqui-menu {
        display: block;
    }

    .db-coup-lhs, .db-coup-rhs {
        width: 100%;
    }

    .db-coup-rhs {
        padding: 30px 0px 0px 0px
    }

    .top-ser {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        padding: 10px 20px;
        background: #0e0e0ec4;
        box-shadow: 0px 12px 18px 4px #33333354;
        transition: all 0.5s ease;
        z-index: 4;
        opacity: 0;
        visibility: hidden;
        height: 100%;
    }

        .top-ser.top-ser-act { /* top: 54px; */
            visibility: visible;
            opacity: 1;
            display: block !important;
        }

            .top-ser.top-ser-act input {
                background: #f4f5f7;
                font-family: 'Quicksand', sans-serif;
                padding: 7px 40px 7px 20px;
            }

    .mess-bd .se1 .s2 {
        width: 100%;
        padding: 0px 0px 1px 0px;
        font-size: 14px;
    }

    .mess-bd .se1 .s3 {
        width: 100%;
        padding-left: 58px;
        color: #3b434e;
        font-weight: 500;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .mess-tit {
        display: none;
    }

    .ud-cen-s2 a.comm-msg-act-btn {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .h2-ban-ql ul li div {
        margin: 5px;
    }

    .ban-search {
        width: 90%;
    }

    .hm3-auto-ban .lhs {
        padding: 50px 50px 0px 0px;
    }

    .hm3-auto-ban .rhs {
        padding: 0px;
    }

    .hm3-auto-ban .lhs h1 {
        font-size: 44px;
        line-height: 50px;
    }

    .hm3-auto-ban {
        background-size: cover !important;
    }

    .all-listing .f2 {
        display: none;
    }
}

@media screen and (max-width:576px) {
    .container {
        max-width: 90%;
        padding: 0px;
    }

    .how-wrks-inn ul li {
        width: 100%;
    }

    .inte ul li, .coup-sec3 ul li {
        width: 100%;
    }

    .wed-foot-link div {
        padding-left: 15px;
        width: 33.333%;
    }

    .list-room-deta .list-enqu-btn ul li {
        width: 50%;
    }

    .lr-user-wr-con {
        display: contents;
    }

    .lr-user-wr-img {
        margin: 0px 10px 20px 0px;
    }

    .pri ul li {
        width: 100%;
    }

    .ud-rhs-sec-2 ul li {
        width: 50%;
    }

    .db-fol-grid ul li {
        width: 50%;
    }

    .pro-fol-gr ol li {
        font-size: 7px;
        width: 33.333%;
    }

    .pro-fol-gr h4 b {
        font-size: 14px;
    }

    .pro-fol-gr img {
        width: 75px;
        height: 75px;
    }

    .comity-all-user .pro-fol-gr img {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        display: table;
        float: initial;
        border-radius: 50px; /* margin-top: -65px; */
    }

    .pro-rel-events .event-body .us-ppg-com ul li {
        width: 100%;
    }

    .pro-rel-events .eve-box div:nth-child(3) {
        display: block;
    }

    .event-body .us-ppg-com ul li .eve-box {
        margin: 10px;
    }

    .user-tc-diff ul li {
        width: 100%;
    }

        .user-tc-diff ul li:first-child {
            margin-bottom: 20px;
        }

        .user-tc-diff ul li .pri-box .c4 ol li:first-child {
            margin-bottom: 0px;
        }

    .dir-home-nav-bot ul li span {
        padding-bottom: 20px;
        font-size: 24px;
    }

    .dir-home-nav-bot {
        text-align: center;
    }

    .box-s2 .lhs .comp-pro .all-pro-box {
        width: 100%;
        margin: 1% 0px;
    }

    .box-s2 .lhs .comp-pro .land-pack-grid {
        width: 100%;
        margin: 1% 0px;
    }

    .ebk-ban .lhs {
        padding: 15px;
    }

    .hm3-auto-ban .lhs {
        padding: 40px 20px 20px 20px;
        width: 100%;
        text-align: center;
    }

    .hm3-auto-ban .rhs {
        width: 100%;
        padding: 30px 30px 0px 30px;
    }

    .ud-rhs {
        padding: 20px 30px;
    }

    .all-list-sh ul li {
        width: 100%;
    }

    .all-listing .col-md-9 {
        background: none;
    }

    .all-listing .row {
        box-shadow: none;
    }

    .all-list-sh .eve-box {
        border-radius: 8px;
        border: 0px solid #fff;
    }

        .all-list-sh .eve-box div:nth-child(2) {
            padding: 30px;
        }

            .all-list-sh .eve-box div:nth-child(2) h4 a {
                font-size: 20px;
            }

    .all-list-sh span.addr, .all-list-sh span.pho, .all-list-sh span.mail {
        font-size: 16px !important;
    }

    .all-list-bre {
        padding: 70px 20px 20px 20px;
    }

    .ser-re-cout {
        top: 90px;
        z-index: 11;
        width: 100%;
        max-width: 95% !important;
    }

    .soc-log .abcRioButtonIcon {
        left: 27%;
    }

    .ud-cen-s3 ul li .db-eve a h5 {
        font-size: 16px;
    }
}

@media screen and (max-width:526px) {
    .lp-ur-all-left {
        width: 100%;
        border-right: 0px solid #6b7f8a;
        padding-right: 0px;
        border-bottom: 2px solid #6b7f8a;
        padding-bottom: 20px;
    }

    .lp-ur-all-right {
        width: 100%;
        padding: 20px 0px 0px 0px;
    }

    .frmtip {
        font-size: 11px;
        right: 12px;
        top: -8px;
        background: #fff;
        padding: 0px 10px;
    }

    .log-bot ul li span {
        font-size: 12px;
    }

    .log-bot ul li {
        padding: 0px 4px;
    }

    .msg-op {
        width: 100%;
        height: 100%;
        top: 0px;
    }

        .msg-op.msg-sho-act {
            right: 0px;
        }

        .msg-op .s3 form textarea {
            width: 70%;
        }

        .msg-op .s3 form button {
            width: 30%;
        }
}

@media screen and (max-width:480px) {
    .pmenu-cat ul li {
        width: 100%;
    }

    .hm3-auto-ban .lhs h1 {
        font-size: 34px;
        line-height: 38px;
    }

    .wed-foot-link-pop ul li {
        width: 50%;
    }

    .hcity div:nth-child(1) img, .home-city ul li:nth-child(1) .hcity div:nth-child(1) img {
        height: 210px;
    }

    .home-city ul li:nth-child(1) div:nth-child(2) h4 {
        font-size: 14px;
    }

    .hcity div:nth-child(2) {
        margin-top: -150px;
    }

    .hom-eve-lhs-1 {
        width: 100%;
        margin-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .hom-eve-lhs-2 {
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .ban-search ul li.sr-cit {
        width: 100%;
    }

    .commun-pg-main input {
        width: 95%;
    }

    .sh-all-scat-box .lhs {
        width: 100%;
    }

        .sh-all-scat-box .lhs img {
            height: 160px;
        }

    .sh-all-scat-box .rhs {
        width: calc(100% - 0px);
        width: 100%;
    }

    .ban-search ul li.sr-sea {
        width: 100%;
        margin: 10px 0px 0px 0px;
    }

    .ban-search {
        width: 90%;
    }

    .ban-tit h1 b {
        font-size: 26px;
        line-height: 32px;
    }

    .home-tit {
        padding-top: 60px;
    }

        .home-tit h2 {
            font-size: 28px;
        }

    .hcity div:nth-child(2) h4 {
        font-size: 14px;
    }

    .wed-foot-link div {
        width: 50%;
    }

        .wed-foot-link div:nth-child(2) {
            border-right: 0px solid #dadada;
        }

        .wed-foot-link div:last-child {
            border-right: 0px solid #dadada;
            border-top: 1px solid #dadada;
            width: 100%;
            margin-top: 35px;
            padding-top: 35px;
        }

            .wed-foot-link div:last-child ul li {
                width: 50%;
            }

    .wed-foot-link {
        padding: 35px 0px 30px 0px;
    }

    .all-list-sh ul li {
        width: 100%;
    }

    .list-bann img {
        height: 150px;
    }

    .pg-list-1-left h3 {
        font-size: 20px;
        padding: 12px 0px;
    }

    .pg-list-1-left img {
        width: 125px;
        height: 125px;
        margin-top: -79px;
    }

    .fot-app ul li a img {
        width: 125px;
        height: 50px;
    }

    .list-filt-v2 ul li {
        width: 16.6666666%;
    }

    .list-filt-v2 .chbox label {
        padding: 4px 2px 0px 2px;
        font-size: 10px;
    }

    .hom-eve-com {
        float: initial;
    }

    .carousel-item img {
        height: 180px;
    }

    .home-list-pop-desc h3 {
        font-size: 16px;
    }

    .list-pg-write-rev form .row {
        margin: 0px;
    }

    .list-pg-write-rev form .col {
        display: contents;
    }

    .list-pg-write-rev form .rating {
        margin: 0px 0px 10px 0px;
    }

    .ud-cen-s3 ul li {
        width: 100%;
    }

    .ud-rhs-sec-2 ul li {
        width: 100%;
    }

    .ud-cen-s1 ul li {
    }

        .ud-cen-s1 ul li:nth-child(2) div {
            margin: 0px;
        }

    .ud-cen-s1 {
        padding: 30px 30px 5px 30px;
    }

    .cd-cen-intr {
        padding: 30px 30px 0 30px;
    }

    .ud-cen-s3 ul li:nth-child(2n+2) div {
        margin: 0px 0px;
    }

    .ud-pro-link .pay-lhs, .ud-payment .pay-lhs {
        width: 100%;
        margin-bottom: 15px;
    }

        .ud-pro-link .pay-lhs img, .ud-payment .pay-lhs img {
            object-fit: cover;
            height: 135px;
            width: 135px;
            border-radius: 50%;
            margin: 0 auto;
            display: table;
            float: initial;
        }

    .ud-pro-link .pay-rhs, .ud-payment .pay-rhs {
        width: 100%;
        padding-left: 0px;
        text-align: center;
    }

    .pay-rhs ul li:nth-child(2) {
        font-size: 18px;
    }

    .ud-payment {
        box-shadow: 0px 0px 0px 1px rgba(157, 152, 152, 0.06);
    }

    .ud-cen-s1 ul li div {
        padding: 15px 8px 5px 8px;
        border: 3px solid #fff;
    }

        .ud-cen-s1 ul li div h4 {
            font-size: 14px;
        }

        .ud-cen-s1 ul li div b {
            font-size: 32px;
        }

        .ud-cen-s1 ul li div p {
            display: none;
        }

    .ud-rhs-sec-3 .list-ri-peo-like ul li {
        width: 45px;
    }

    .db-noti ul li div {
        font-size: 13px;
    }

    .db-noti ul li p {
        font-size: 12px;
    }

    .ud-cen-s2 a.db-tit-btn, .ud-cen-s3 a.db-tit-btn {
        padding: 3px 5px;
        font-size: 11px;
    }

    .cre-dup a, .cre-dup span {
        font-size: 13px;
    }

    .add-list .skip {
        font-size: 11.5px;
        letter-spacing: 1px;
    }

    .add-list-ste-inn ul li {
        margin: 0px 5px;
    }

    .blog-head .ban-search .sr-sea {
    }

    .blog-head .ban-search {
        width: 100%;
    }

        .blog-head .ban-search .sr-btn {
            width: 35%;
        }

    .blog-body .us-ppg-com ul li, .event-body .us-ppg-com ul li {
        width: 100%;
    }

    .event-body .eve-box div:nth-child(3) {
        display: block;
    }

    .event-body .eve-box div:nth-child(1) a img {
        height: 165px;
    }

    .ad-pri-cal ul li {
        width: 50%;
    }

        .ad-pri-cal ul li div {
            margin: 5px;
        }

    .us-pro-sec-1-lhs {
        width: 100%;
    }

        .us-pro-sec-1-lhs img {
            width: 200px;
            height: 200px;
            margin: 0 auto;
            display: table;
        }

    .us-pro-sec-1-rhs {
        float: left;
        width: 100%;
        padding-left: 0px;
        text-align: center;
        padding-top: 30px;
    }

        .us-pro-sec-1-rhs ul.lis-cou {
            float: initial;
            border-bottom: 1px solid #efd0d0;
            padding-bottom: 17px;
            margin: 0 auto;
            display: table;
            margin-top: 25px;
            margin-bottom: 20px;
        }

        .us-pro-sec-1-rhs h1 {
            padding-right: 0px;
        }

        .us-pro-sec-1-rhs p {
            float: initial;
            text-align: center;
        }

        .us-pro-sec-1-rhs ul.pro-soci {
            float: initial;
            width: auto;
            margin: 0 auto;
            display: table;
            margin-top: 25px;
        }

    .us-pro-sec-1 {
        padding: 30px;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0px 1px 19px 0px rgba(42, 42, 42, 0.08);
    }

    .us-pro-sec-1-rhs ul.lis-cou li {
        font-size: 12px;
        padding-right: 4px;
    }

    .us-ppg-com ul li {
        width: 100%;
    }

    .all-list-sh .links {
    }

    .list-ban-btn ul li {
        width: 100%;
    }

        .list-ban-btn ul li .cta {
            background: #ededed;
            display: block;
            width: 100%;
            text-align: center;
        }

    .pmenu-spri ul li {
        width: 43%;
    }

    .menu {
        margin: 10px 10px 8px 1px;
    }

    .hom-nav .ic-logo {
        width: 170px;
        padding-top: 10px;
    }

    .cd-cen-intr-inn:before {
        display: none;
    }

    .cd-cen-intr-inn {
        padding: 30px;
        text-align: center;
        background: linear-gradient(to right, #3ee4b6, #429dde, #7b4ffc);
    }

    .all-list-sh ul li {
        width: 100%;
        padding: 15px 30px 15px;
    }

    .list-filt-v2 ul li {
        padding: 2px;
    }

    .ud-cen a.db-tit-btn {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 15px;
        padding: 10px 5px !important;
        font-size: 13px !important;
    }

    .ud-rhs-pay-inn h3 {
        font-size: 14px;
    }

    .ud-rhs-status ul li span {
        font-size: 13px;
    }

    .ud-cen-s2 table tr th {
        font-size: 12px;
    }

    .ud-cen-s2 table tr td {
        font-size: 11px;
    }

        .ud-cen-s2 table tr td:nth-child(2) {
            font-size: 11px;
            text-align: left;
        }

    .ud-lhs-s2 ul li a {
        font-size: 17px;
        padding: 10px 0px;
        font-family: 'Poppins';
        font-weight: 500;
    }

    .ud-lhs-s1 h4 {
        font-size: 18px;
        padding-top: 0px;
        margin-top: 15px;
    }
}

@media screen and (max-width:420px) {
    .pmenu-cat ul li, .pmenu-eve ul li {
        width: 100%;
    }

        .pmenu-eve ul li:nth-child(odd) div {
            margin: 0px 0px 15px 0px;
        }

        .pmenu-eve ul li:nth-child(even) div {
            margin: 0px 0px 15px 0px;
        }

    .comity-all-user ul li {
        width: 100%;
    }

    .blog-head .ban-search ul li.sr-sea input {
        width: 330px;
    }
}

.demo .home-city ul li {
    width: 33.3333%;
}

    .demo .home-city ul li div {
    }

.demo .hcity div:nth-child(1) img {
    margin: 0px;
}

.demo .hcity div:nth-child(1) img {
    height: 225px;
}

.country.demo {
    background-position: center bottom;
    background-size: 45%;
    margin-top: 60px;
}

.demo .home-tit {
    padding-top: 65px;
}

.wed-hom-footer.demo .home-tit {
    padding-top: 0px;
}

.demo .inte ul li div h4 {
    padding-bottom: 0px;
}

.demo .hcity div:nth-child(2) img {
    border: 5px solid #fff;
    background: #fff;
}

.foot-count ul li a {
    color: #7f7f7f;
    font-size: 12px;
    text-transform: capitalize;
}

.hom-top.demo .hom-nav .ic-logo {
    margin-left: 0px;
}

.chosen-select {
    width: 100%
}

.chosen-select-deselect {
    width: 100%
}

.chosen-container {
    display: inline-block;
    font-size: 14px;
    position: relative;
    vertical-align: middle;
    height: 51px;
    border: 1px solid #f1eae5;
}

    .chosen-container .chosen-drop {
        background: #fff;
        border: 1px solid #ccc;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-box-shadow: 0 8px 8px rgba(0,0,0,.25);
        box-shadow: 0 8px 8px rgba(0,0,0,.25);
        margin-top: -1px;
        position: absolute;
        top: 100%;
        left: -9000px;
        z-index: 1060
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        left: 0;
        right: 0
    }

    .chosen-container .chosen-results {
        color: #555;
        margin: 0 4px 4px 0;
        max-height: 240px;
        padding: 0 0 0 4px;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

        .chosen-container .chosen-results li {
            display: none;
            line-height: 1.42857143;
            list-style: none;
            margin: 0;
            padding: 5px 6px
        }

            .chosen-container .chosen-results li em {
                background: #feffde;
                font-style: normal
            }

            .chosen-container .chosen-results li.group-result {
                display: list-item;
                cursor: default;
                color: #999;
                font-weight: 700
            }

            .chosen-container .chosen-results li.group-option {
                padding-left: 15px
            }

            .chosen-container .chosen-results li.active-result {
                cursor: pointer;
                display: list-item
            }

            .chosen-container .chosen-results li.highlighted {
                background-color: #428bca;
                background-image: none;
                color: #fff
            }

                .chosen-container .chosen-results li.highlighted em {
                    background: transparent
                }

            .chosen-container .chosen-results li.disabled-result {
                display: list-item;
                color: #777
            }

        .chosen-container .chosen-results .no-results {
            background: #eee;
            display: list-item
        }

    .chosen-container .chosen-results-scroll {
        background: #fff;
        margin: 0 4px;
        position: absolute;
        text-align: center;
        width: 321px;
        z-index: 1
    }

        .chosen-container .chosen-results-scroll span {
            display: inline-block;
            height: 1.42857143px;
            text-indent: -5000px;
            width: 9px
        }

    .chosen-container .chosen-results-scroll-down {
        bottom: 0
    }

        .chosen-container .chosen-results-scroll-down span {
            background: url(chosen-sprite.html) no-repeat -4px -3px
        }

    .chosen-container .chosen-results-scroll-up span {
        background: url(chosen-sprite.html) no-repeat -22px -3px
    }

.chosen-container-single .chosen-single {
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box; /* border:1px solid #ccc; */
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; /* -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); */ /* box-shadow:inset 0 1px 1px rgba(0,0,0,.075); */
    color: #555;
    display: block;
    height: 48px;
    overflow: hidden;
    line-height: 34px;
    padding: 9px 5px 0 12px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

    .chosen-container-single .chosen-single span {
        display: block;
        margin-right: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .chosen-container-single .chosen-single abbr {
        background: url(../images/chosen-sprite.png) right top no-repeat;
        display: block;
        font-size: 1px;
        height: 10px;
        position: absolute;
        right: 26px;
        top: 12px;
        width: 12px
    }

        .chosen-container-single .chosen-single abbr:hover {
            background-position: right -11px
        }

    .chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
        background-position: right 2px
    }

    .chosen-container-single .chosen-single div {
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        width: 18px
    }

        .chosen-container-single .chosen-single div b {
            background: url(../images/chosen-sprite.png) no-repeat 0 7px;
            display: block;
            height: 100%;
            width: 100%
        }

.chosen-container-single .chosen-default {
    color: #777
}

.chosen-container-single .chosen-search {
    margin: 0;
    padding: 3px 4px;
    position: relative;
    white-space: nowrap;
    z-index: 1000
}

    .chosen-container-single .chosen-search input[type="text"] {
        background: url(chosen-sprite.html) no-repeat 100% -20px,#fff;
        border: 1px solid #ccc;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        margin: 1px 0;
        padding: 4px 20px 4px 4px;
        width: 100%;
        height: 40px;
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.chosen-container-single-nosearch .chosen-search input {
    position: absolute;
    left: -9000px
}

.chosen-container-multi .chosen-choices {
    background-color: #fff;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    cursor: text;
    margin: 0;
    overflow: hidden;
    padding: 7px 2px 0 11px;
    position: relative;
    height: 48px; /* border:1px solid #e4e6f2; */
    font-size: 15px;
    font-weight: 500;
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none
    }

    .chosen-container-multi .chosen-choices .search-field {
        margin: 0;
        padding: 0;
        white-space: nowrap
    }

        .chosen-container-multi .chosen-choices .search-field input[type="text"] {
            background: transparent !important;
            border: 0 !important;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #555;
            height: 32px;
            margin: 0;
            padding: 4px;
            outline: 0
        }

        .chosen-container-multi .chosen-choices .search-field .default {
            color: #999
        }

    .chosen-container-multi .chosen-choices .search-choice {
        background-clip: padding-box;
        background-color: #f2f8fd;
        border: 1px solid #e9eff4;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
        color: #1386d1;
        cursor: default;
        line-height: 13px;
        margin: 6px 0 3px 5px;
        padding: 4px 20px 3px 5px;
        position: relative;
        font-size: 13px;
    }

        .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
            background: url(chosen-sprite.html) right top no-repeat;
            display: block;
            font-size: 1px;
            height: 10px;
            position: absolute;
            right: 4px;
            top: 5px;
            width: 12px;
            cursor: pointer
        }

            .chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
                background-position: right -11px
            }

    .chosen-container-multi .chosen-choices .search-choice-focus {
        background: #d4d4d4
    }

        .chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
            background-position: right -11px
        }

.search-choice-close:after {
    content: 'close';
    position: absolute;
    color: #7291aa;
    font-size: 13px;
    font-weight: 600;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: none
}

.chosen-container-active .chosen-single {
    border: 1px solid #66afe9;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s
}

.chosen-container-active.chosen-with-drop .chosen-single {
    background-color: #fff;
    border: 1px solid #66afe9;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        background: transparent;
        border-left: none
    }

        .chosen-container-active.chosen-with-drop .chosen-single div b {
            background-position: -18px 7px
        }

.chosen-container-active .chosen-choices {
    border: 1px solid #66afe9;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(82,168,236,.6);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s
}

    .chosen-container-active .chosen-choices .search-field input[type="text"] {
        color: #111 !important
    }

.chosen-container-active.chosen-with-drop .chosen-choices {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.chosen-disabled {
    cursor: default;
    opacity: .5 !important
}

    .chosen-disabled .chosen-single {
        cursor: default
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        cursor: default
    }

.chosen-rtl {
    text-align: right
}

    .chosen-rtl .chosen-single {
        padding: 0 8px 0 0;
        overflow: visible
    }

        .chosen-rtl .chosen-single span {
            margin-left: 26px;
            margin-right: 0;
            direction: rtl
        }

        .chosen-rtl .chosen-single div {
            left: 7px;
            right: auto
        }

        .chosen-rtl .chosen-single abbr {
            left: 26px;
            right: auto
        }

    .chosen-rtl .chosen-choices .search-field input[type="text"] {
        direction: rtl
    }

    .chosen-rtl .chosen-choices li {
        float: right
    }

    .chosen-rtl .chosen-choices .search-choice {
        margin: 6px 5px 3px 0;
        padding: 3px 5px 3px 19px
    }

        .chosen-rtl .chosen-choices .search-choice .search-choice-close {
            background-position: right top;
            left: 4px;
            right: auto
        }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0
    }

    .chosen-rtl .chosen-results .group-option {
        padding-left: 0;
        padding-right: 15px
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none
    }

    .chosen-rtl .chosen-search input[type="text"] {
        background: url(chosen-sprite.html) no-repeat -28px -20px,#fff;
        direction: rtl;
        padding: 4px 5px 4px 20px
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
        background-image: url(chosen-sprite%402x.html) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

/*my-css*/
.home-about {
    position: relative;
    padding: 100px 0 60px;
}

.img-1 {
    width: 80%;
    max-width: 100%;
    border-radius: 30px 0px 30px 0px;
    float: right;
}

.img-2 {
    width: 80%;
    border-radius: 30px 0px 30px 0px;
    position: absolute;
    left: -25px;
    bottom: 27px;
}

.ab-exp {
    padding: 35px 25px 35px 25px;
    background-color: #1977f3;
    color: #ffffff;
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    top: -49px;
    text-align: center;
}

.about-left .ab-iner {
    margin-top: 7%;
}

    .about-left .ab-iner h4 {
    }

    .about-left .ab-iner p {
        margin-top: 18px;
        color: gray;
        line-height: 1.8em;
        font-size: 15px;
    }
/*register*/
.block-space- span {
    color: #f37d22;
}

.pad-tb {
    padding-bottom: 60px;
}

.service-section {
    background: #fff;
    position: relative;
    overflow: hidden
}

.image-block img {
    width: 100%;
    border-radius: 8px
}

.img-block img {
    width: 100%;
    border-radius: 8px
}

.white-text {
    color: #fff !important
}

.shape-num .shape-loc:first-child:before {
    content: '';
    background: url(../images/shape/shape-1.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    left: -40px;
    bottom: -60px;
    z-index: -1
}

.shape-num .shape-loc:last-child:after {
    content: '';
    background: url(../images/shape/shape-2.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    right: -40px;
    bottom: -60px;
    z-index: -1
}

.shape-bg2 img {
    z-index: 1;
    position: relative
}

.shape-bg2 {
    position: relative;
    overflow: hidden;
}

    .shape-bg2:after {
        content: '';
        background: url(../images/shape/shape-2.svg);
        background-size: auto;
        position: absolute;
        height: 150px;
        width: 150px;
        background-repeat: no-repeat;
        right: -40px;
        bottom: -60px;
        z-index: -1
    }

    .shape-bg2:before {
        content: '';
        background: url(../images/shape/shape-1.svg);
        background-size: auto;
        position: absolute;
        height: 150px;
        width: 150px;
        background-repeat: no-repeat;
        left: -40px;
        bottom: -60px;
        z-index: 0
    }


.s-block {
    background: #fff;
    text-align: center;
    background-size: 200%;
    background-position: top right;
    background-repeat: no-repeat;
    text-align: center;
    padding: 50px 20px;
    margin: 0;
    position: relative;
    border: 1px solid #d4f0ff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2)
}

.service-section .s-block {
    background: url(../images/shape-7.svg) #fff;
    background-size: 180px;
    background-position: top right;
    background-repeat: no-repeat
}

.s-card-icon {
    width: 80px;
    margin: 0 auto 30px
}

.s-block h4 {
    margin: 0 0 10px
}

.s-block a {
    display: inline-block;
    margin: 30px 0 0;
    color: #050748;
    font-family: Poppins, sans-serif
}

.upset {
    position: relative;
    z-index: 5
}

.wide-block {
    padding: 40px 30px;
    margin: 5px 0;
    position: relative;
    border: 0 solid #d4f0ff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, .059), 0 8.2px 8.9px -30px rgba(0, 0, 0, .071), 0 25px 40px -30px rgba(0, 0, 0, .2)
}

.service-img1 {
    background: #fdd7332e;
}

    .service-img1:after {
        background: url(../images/service/service-img-1.png)
    }

.service-img2 {
    background: #ffdadb
}

    .service-img2:after {
        background: url(../images/service/service-img-2.png)
    }

.service-img3 {
    background: #d6edff
}

    .service-img3:after {
        background: url(../images/service/service-img-3.png)
    }

.service-img4 {
    background: #ffede1
}

    .service-img4:after {
        background: url(../images/service/service-img-4.png)
    }

.wide-block:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: 280px;
    background-position: right center;
    background-repeat: no-repeat
}

.block-space- {
    max-width: 50%;
    position: relative;
    z-index: 555
}

.wide-block h4 {
    margin: 20px 0 30px
}

.tilt3d .statistics-img {
    transform-style: preserve-3d;
    transform: perspective(1000px)
}

    .tilt3d .statistics-img img {
        transform: translateZ(20px)
    }

.sign__shape img {
    position: absolute;
    z-index: 0;
}

    .sign__shape img.bg {
        left: 33%;
        top: 26%;
        opacity: 0.06;
        max-width: 100%;
        animation: signBg 5s linear 0s infinite alternate;
        -webkit-animation: signBg 5s linear 0s infinite alternate;
    }

    .sign__shape img.man-1 {
        left: 16%;
        top: 52%;
        z-index: 1;
    }

    .sign__shape img.man-2 {
        top: 45%;
        right: 19%;
    }

.about-page {
    background-color: #ffffff;
}

    .about-page p {
        color: #888;
        margin-top: 5%;
        font-size: 15px;
        line-height: 1.8em;
    }

.btn-play {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    background-color: #056eb9;
    -webkit-border-radius: 20px;
    border-radius: 50px;
    -webkit-transition: background-color .3s ease-in-out,color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out,color .3s ease-in-out;
    transition: background-color .3s ease-in-out,color .3s ease-in-out;
}

.btn-play {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.btn-play {
    background-color: #1977f3;
}

    .btn-play:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 7px;
        margin: auto;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 0 12px 15px;
        border-color: transparent transparent transparent #fff;
    }

.how-wrks.about .how-wrks-inn ul li {
    float: left;
    width: 33.33%;
}

.sec-pad {
    padding-top: 0px;
    padding-bottom: 70px;
}

.mt100 {
    margin-top: 50px;
}

.sub-heading {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    display: block;
    color: #f37c20;
}
/*new*/
.infotechno-contact-us-bg {
    background-color: aliceblue;
    background-size: cover;
    background-repeat: no-repeat;
    height: 550px;
    margin: 76px 0 0;
}

    .infotechno-contact-us-bg:before {
        position: absolute;
        content: "";
        width: 65%;
        left: 0;
        height: 550px;
        background-image: url(../images/new/left-img.jpg);
    }

.section-space--ptb_120 {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 7%;
    margin-bottom: 3%;
}

.conact-us-wrap-one .heading {
    position: relative;
    padding-left: 34px;
    font-weight: 600;
    line-height: 1.4;
    color: #ffffff;
}

    .conact-us-wrap-one .heading::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 4px;
        height: 94%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #ffffff;
    }

.text-color-primary {
    color: #086AD8;
}

.conact-us-wrap-one .sub-heading {
    margin-top: 30px;
    margin-bottom: 25px;
    font-size: 18px;
    margin-left: 34px;
    color: #ffffff;
}

.conact-us-wrap-one {
    padding-top: 15%;
    padding-right: 20px;
}

.contact-info-one .icon h2 {
    margin-bottom: 30px;
    font-size: 30px;
    color: #0c0c0c;
}

.contact-info-one .heading {
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    padding: 18px;
    margin: 0 auto;
    margin-bottom: 25px;
    color: #1977f3;
    border: 1px solid #1977f3;
}

.contact-info-one .call-us {
    line-height: 1.17;
    color: #002fa6;
    position: relative;
    display: inline-block;
}

button.btn-ser-need-ani {
    position: relative;
    margin-top: 37px;
    margin-left: 7%;
    border: none;
}

.contact-info-one.text-center {
    padding-top: 50px;
}

.testimonial-card {
    background-image: url(../images/new/testi-bg13.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 45px 50px 70px;
    border-radius: 5px 5px 5px 5px;
    text-align: center;
    color: #ffffff;
}

    .testimonial-card::before {
        content: '';
        width: 93%;
        height: 100%;
        background-color: var(--whiteColor);
        -webkit-box-shadow: var(--boxShadow);
        box-shadow: var(--boxShadow);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0
    }

    .testimonial-card img {
        border-radius: 50%;
        width: 60px;
        height: 60px;
    }

.testimonial-card-intro {
    margin: 0 auto;
    width: 30%;
}

.testimonial-card p {
    color: #ffffff;
    font-size: 15px;
    font-style: italic;
    padding: 28px 10px;
}

.testimonial-card .testimonial-intro-area {
    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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .testimonial-card .testimonial-intro-area h4 {
        margin-bottom: 5px;
        font-size: 20px;
        font-weight: 700;
        margin-top: 3px;
    }

    .testimonial-card .testimonial-intro-area span {
        font-size: 14px;
        font-family: var(--fontFamily2)
    }

.testimonial-card .testimonial-card-text {
    position: relative;
    z-index: 2
}

.testimonial-card .carousel-indicators {
    bottom: -60px;
    left: 8%;
}

.stars ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .stars ul li {
        display: inline-block
    }

        .stars ul li i {
            color: #ffab00
        }

.testimonial-slider-area {
    position: relative
}

/*----------------------------------------*/
/*  CTA Section CSS
/*----------------------------------------*/
.cta-section {
    position: relative;
    margin-bottom: 160px;
}

    .cta-section:after {
        content: "";
        position: absolute;
        width: 67%;
        height: 100%;
        right: 0;
        top: 0;
        background: #1977f3;
        z-index: 2;
    }


    .cta-section .cta-image-box {
        position: absolute;
        width: 50%;
        height: 100%;
        left: 0;
        background-image: url("../images/admin-log-bg.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }


    .cta-section .container {
        position: relative;
        z-index: 9;
    }

    .cta-section .cta-content h2 {
        color: #fff;
    }

    .cta-section .cta-content p {
        color: #fff;
        margin-bottom: 30px;
    }

    .cta-section .cta-content .cta-img-icon {
        display: inline-block;
        height: 80px;
        position: relative;
        width: 50px;
        margin-right: 40px;
        margin-bottom: 30px;
    }

        .cta-section .cta-content .cta-img-icon:last-child {
            margin-right: 0;
        }

        .cta-section .cta-content .cta-img-icon img {
            position: absolute;
            left: 0;
            bottom: 0;
            max-height: 100%;
        }

    .cta-section.ac.pt100.pb50 {
        margin-bottom: 228px;
    }

.cta-section1:after {
    content: "";
    position: absolute;
    width: 67%;
    height: 100%;
    left: 0;
    top: 0;
    background: #222222;
    z-index: 2;
}

.cta-section.ac.pt100.pb50 {
    margin-bottom: 180px;
    margin-top: 6%;
}

.cta-section {
    position: relative;
    margin-bottom: 160px;
}

.pb50 {
    padding-bottom: 50px;
}

.pt100 {
    padding-top: 75px;
}

.cta-section1 .cta-image-box1 {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    background-image: url(../images/84115679305551554468man-sitting-on-bench-having-a-cup-of-coffee-374044.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

button.btn.border-white {
    color: #ffffff;
    padding: 8px 20px;
}
/*new*/
.rs-about.style8 .widget-center {
    background: url(../images/new/exp-bg13.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: -162px 0px 0px 260px;
    padding: 65px 0px 165px 0px;
    position: relative;
}

    .rs-about.style8 .widget-center .content-part {
        position: absolute;
        left: 112px;
        text-align: center;
    }

        .rs-about.style8 .widget-center .content-part .title {
            font-size: 36px;
            line-height: 40px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 5px;
        }

        .rs-about.style8 .widget-center .content-part p {
            font-size: 15px;
            font-weight: 500;
            text-transform: uppercase;
            color: #ffffff;
            margin: 0px 0px 0px 0px;
        }

.sec-title3 .sub-title {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #1977f3;
    display: block;
    margin-bottom: 10px;
}

.sec-title3 .title {
    font-size: 35px;
    line-height: 1.3em;
    font-weight: 600;
    color: #111111;
    margin-bottom: 0;
}

    .sec-title3 .title.title2 {
        max-width: 600px;
    }

.sec-title3 .desc {
    font-size: 18px;
    font-weight: 500;
    color: #111111;
    margin: 25px 0;
    line-height: 1.6em;
}

.sec-title3 .description {
    color: #666666;
    margin-bottom: 35px;
    font-size: 15px;
    width: 90%;
}

.readon2.get-new {
    padding: 10px 28px;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    background-color: transparent;
    background-image: linear-gradient( 20deg, #015eea 23%, #02a3f4 98%);
    border-radius: 0;
    letter-spacing: 0;
    border: none;
}

    .readon2.get-new:hover {
        color: #ffffff;
    }

.readon2 {
    outline: none;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 2px;
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    letter-spacing: 1px;
}

.rs-about.style8 {
    padding-top: 5%;
}

.rs-about .sec-title3 {
    padding-top: 0%;
}

.rs-services {
    margin: 40px 0 80px;
}

    .rs-services .addon-services {
        background: url(../images/new/service-shape.png);
        background-repeat: no-repeat;
        background-position: 200px 150px;
        padding: 45px 26px 40px 40px;
        background-color: #fff;
        box-shadow: 0 0 30px #eee;
        text-align: center;
        height: 300px;
    }

        .rs-services .addon-services .services-icon {
            margin-bottom: 20px;
        }

            .rs-services .addon-services .services-icon img {
                max-width: unset;
                width: 50px;
                height: 50px;
            }

        .rs-services .addon-services .services-text .title {
            font-size: 20px;
            line-height: 30px;
            font-weight: 600;
            margin-bottom: 20px;
        }

            .rs-services .addon-services .services-text .title a {
                color: #111111;
            }

                .rs-services .addon-services .services-text .title a:hover {
                    color: #12adfc;
                }

        .rs-services .addon-services .services-text .services-txt {
            margin-bottom: 0;
            font-size: 15px;
        }

.rs-about.style11 {
    position: relative;
    padding: 80px;
    color: #ffffff;
}

.blue-light {
    background-image: linear-gradient( 160deg, #0052f5 0%, #4899f9 100%);
}

.sec-title7 .title {
    font-size: 36px;
    line-height: 40px;
    color: #ffffff;
    font-family: poppins, sans-serif;
    font-weight: 700;
    position: relative;
    margin-bottom: 15px;
}

.y-middle {
    margin-top: 5%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.rs-about.style11 .images-part {
    border-style: solid;
    border-width: 20px 20px 20px 20px;
    border-color: #fff;
    border-radius: 50px 50px 50px 50px;
}

    .rs-about.style11 .images-part img {
        border-radius: 20px 20px 20px 20px;
    }

.rs-about.style11 .animations {
    position: absolute;
    top: 7%;
    right: 20%;
}

    .rs-about.style11 .animations img {
        width: 70%;
    }

.rs-about.inner .image-part {
    position: relative;
}

    .rs-about.inner .image-part img {
        border-radius: 10px;
    }

    .rs-about.inner .image-part .author-info {
        background: #106eea;
        text-align: center;
        padding: 30px 30px;
        width: 270px;
        border-radius: 8px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -64px;
    }

        .rs-about.inner .image-part .author-info .name {
            color: #ffffff;
            font-weight: 600;
            font-size: 25px;
            line-height: 32px;
            margin-bottom: 8px;
            text-transform: uppercase;
        }

        .rs-about.inner .image-part .author-info .designation {
            color: #ffffff;
            display: block;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 2.5px;
        }

.row.y-middle .sec-title7 {
    width: 90%;
    /* padding-left: 5%;*/
    line-height: 2em;
}

    .row.y-middle .sec-title7.sec-mar-0 {
        width: 100%;
    }

    .row.y-middle .sec-title7 p {
        margin-bottom: 40px;
    }

.couter-part {
    text-align: center;
    margin-top: 20%;
}

a.white-btn {
    color: #ffffff;
    border: 1px solid;
    padding: 9px 15px;
    border-radius: 8px;
    font-size: 15px;
}

.dance2 {
    -webkit-animation: dance2 4s alternate infinite;
}

@keyframes dance2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(15px, -15px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, -15px, 15px);
    }
}

.rs-animations .spinner {
    position: absolute;
    bottom: 0;
    z-index: -11;
}

    .rs-animations .spinner.dot {
        top: -45px;
        left: -40px;
    }

.scale {
    animation: scale 8s alternate infinite;
    webkit-animation: scale 2s alternate infinite;
}

@-webkit-keyframes scale {
    0% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

.rs-animations .spinner {
    position: absolute;
    bottom: 0;
    z-index: -11;
}

    .rs-animations .spinner.ball {
        bottom: -85px;
        right: 14%;
    }

.dance2 {
    -webkit-animation: dance2 4s alternate infinite;
}

@keyframes dance2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }

    50% {
        -webkit-transform: translate3d(15px, -15px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, -15px, 15px);
    }
}

.shape-bg2 {
    background: url(../images/new/shape-bg2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 0;
}

.gutter-16 {
    margin-left: 5px;
    margin-right: 5px;
}

.mb-119 {
    margin-bottom: 119px;
}

.rs-services.style9 .service-wrap {
    box-shadow: 0px 0px 45px -22px rgba(0, 0, 0, 0.22);
    padding: 40px 25px 30px;
    background-image: linear-gradient(180deg, #ffffff 0%, #f2f4fc 100%);
    margin-bottom: 25px;
}

    .rs-services.style9 .service-wrap .icon-part {
        margin-bottom: 27px;
    }

        .rs-services.style9 .service-wrap .icon-part img {
            max-width: 70px;
        }

    .rs-services.style9 .service-wrap .title {
        margin-bottom: 18px;
    }

        .rs-services.style9 .service-wrap .title a {
            color: #1c1b1b;
        }

            .rs-services.style9 .service-wrap .title a:hover {
                color: #1c3988;
            }

.about-left h6 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #1977f3;
    display: block;
    margin-bottom: 10px;
}

.home-about.mis:after {
    position: absolute;
    content: "";
    background-image: url(../images/new/shape-3.png);
    top: 0;
    width: 100%;
    height: 160px;
}

.home-about {
    position: relative;
}

.bg10 {
    background-image: url(../images/new/bg10.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.top-part {
    padding-top: 93px;
    padding-bottom: 124px;
}

.white-color {
    color: #ffffff !important;
}

.bg11 {
    background-image: url(../images/new/bg11.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.pb-100 {
    padding-bottom: 100px;
}

.gutter-20 {
    margin-left: -10px;
    margin-right: -10px;
}

.rs-pricing.style1 .pricing-wrap {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, 0.1);
    text-align: center;
    padding: 50px 0 40px;
}

    .rs-pricing.style1 .pricing-wrap .top-part {
        margin-bottom: 37px;
        padding: 0;
    }

        .rs-pricing.style1 .pricing-wrap .top-part .title {
            font-size: 24px;
            line-height: 32px;
            font-weight: 400;
            margin-bottom: 29px;
            color: #1977f3;
        }

        .rs-pricing.style1 .pricing-wrap .top-part .price {
            color: #106eea;
            font-size: 60px;
            font-weight: 700;
            font-family: 'Poppins', sans-serif;
            margin-bottom: 11px;
            line-height: 1;
        }

            .rs-pricing.style1 .pricing-wrap .top-part .price span {
                font-size: 24px;
                margin-right: 3px;
                font-family: 'Roboto', sans-serif;
            }

        .rs-pricing.style1 .pricing-wrap .top-part .priod {
            font-weight: 700;
            color: #106eea;
        }

    .rs-pricing.style1 .pricing-wrap .middle-part li {
        margin-bottom: 8px;
    }

        .rs-pricing.style1 .pricing-wrap .middle-part li i {
            margin-right: 10px;
            min-width: 15px;
        }

        .rs-pricing.style1 .pricing-wrap .middle-part li:last-child {
            margin: 0;
        }

    .rs-pricing.style1 .pricing-wrap .btn-part {
        margin-top: 48px;
    }

        .rs-pricing.style1 .pricing-wrap .btn-part a {
            padding: 11px 23px;
            border-radius: 3px;
            color: #ffffff;
            background: #106eea;
            display: inline-block;
            font-size: 16px;
        }

            .rs-pricing.style1 .pricing-wrap .btn-part a:hover {
                background: #228bfd;
            }

.rs-pricing.style1 .video-sec {
    padding: 199px 0;
    background: url(../images/new/videobg1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 885px;
    margin: 0 auto -100px;
    position: relative;
    z-index: 2;
    text-align: center;
    border-radius: 5px;
}

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

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

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

.gray-bg {
    background: #f1f6fc;
}

.pb-100 {
    padding-bottom: 100px;
}

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

.pr-30 {
    padding-right: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.sec-title .sub-title.primary {
    color: #106eea;
    margin-bottom: 15px;
}

/*.list-pg-bg.user-main-profile {
    margin-top: 4%;
    padding-top: 30px;
    background: #e9eef3;
}*/

.list-pg-bg.user-main-profile {
    /* margin-top: 2%; */
    padding: 56px 0px 180px 0px;
    background: #e9eef3;
}

    .list-pg-bg.user-main-profile .list-pg-lt {
        background: transparent;
    }

.cate-main-page {
    margin: 60px 0 180px;
}

.eve-deta-pg.blog-detail {
    padding-top: 5%;
}

.ab-faq-btn {
    margin: 0 35% 30px;
}

.abou-pg.white-bg {
    background: #ffffff !important;
}

    .abou-pg.white-bg:before {
        content: "";
        position: absolute;
        display: none;
    }

.mob .log div button.btn {
    width: 50%;
    margin-left: 27%;
    margin-top: 12px;
}

#SMSArea .col-2 {
    padding: 0 2px;
    margin-right: 10px;
}

.smsCode {
    display: block;
    font-size: 25px;
    border: solid 1px #ccc;
    box-shadow: 0 0 5px #ccc inset;
    width: 100%;
    outline: none;
    border-radius: 12px 0 12px 12px !important;
    margin-bottom: 10px;
    height: 44px !important;
    margin-top: 14px;
}

.SMSArea .col-2:after {
    position: absolute;
    content: "..";
    color: #c8b9b9;
    top: 15px;
    right: -12px;
}

.SMSArea .col-2:last-child:after {
    display: none;
}

.smsCode::placeholder {
    position: relative;
    top: 5px;
}

.wfm-summery ul {
    list-style: none;
    padding-inline-start: 0;
    display: flex;
    border-bottom: 1px solid #ebeaea;
    padding-bottom: 10px;
}

.wfm-summery li {
    position: relative;
    padding: 17px 0px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    display: grid;
    text-align: center;
}

    .wfm-summery li span {
        -webkit-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
        height: 50px;
        font-size: 13px;
        background: #eeeffc;
        padding: 1rem !important;
        text-align: center;
        margin: 0 auto;
        border-radius: 1.4rem !important;
        line-height: 20px;
        margin-bottom: 15px;
    }

        .wfm-summery li span:after {
            height: 15px;
            width: 15px;
            border: 3px solid #fff;
            position: absolute;
            background: #0c5ece;
            border-radius: 100%;
            bottom: 48px;
            left: 50%;
            transform: translateX(-50%);
            content: "";
        }

.job-prof-pg .lhs .profile {
    position: relative;
    float: left;
    width: 100%;
}

.defa-prof-pg .lhs .profile {
    margin-top: 0px;
    margin-bottom: 7%;
}

.defa-prof-pg .jpro-ban-bg-img img {
    border-radius: 8px;
}

.jpro-ban-bg-img span {
    position: absolute;
    left: 15px;
    top: 15px;
    color: #fff;
    font-size: 9px;
    padding: 6px 5px;
    border-radius: 4px;
    font-weight: 400;
    display: inline-block;
    background: #e18a09;
}

    .jpro-ban-bg-img span b {
    }

.jpro-ban-bg-img {
    position: relative;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
    height: 350px;
}

    .jpro-ban-bg-img:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        background: #24222669; /* fallback for old browsers */
        background: -webkit-linear-gradient(to top, #0b0b0bc7 30%, #07070705); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to top, #0b0b0bc7 30%, #07070705); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        opacity: 0.9;
        border-radius: 5px;
    }

    .jpro-ban-bg-img img {
        width: 100%;
        height:350px;
        object-fit: cover;
        border-radius: 8px;
    }

.exp-prof-pg .jpro-ban-bg-img img {
    border-radius: 0px 0px 8px 8px;
}

.jpro-ban-tit {
    position: absolute;
    bottom: 3.5rem;
    left: 2rem;
    width: 92%;
    display: grid;
    /* float: left;
    width: 100%;
    padding: 30px 10px 4px 17px;
    margin-top: -145px;
    position: relative;
    display: inline-flex;*/
}
    .jpro-ban-tit .user-info {
        display: flex;
        justify-content: space-between;
        margin-top: 16px;
    }
.social-count li strong {
    font-size: 24px;
    font-weight: bold;
    color: black;
    font-family: 'Atlassian Sans';
    line-height: 1;
}
.social-count li p {
    color: #888888;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
}
.status-para {
    padding: 0 1rem;
}
    .status-para p {
        color: black !important;
        background: #ffede7ab;
        padding: 1.5rem;
        border-radius: 9px;
        font-weight: 100 !important;
        font-size: 14px!important;
        line-height: 1.5;
        text-align: left;
    
        }
.user-info .btn-share {
    background: #ffffff;
    color: #1977f3;
    padding: 0px 0;
    border-radius: 12px;
    border: 0px solid #333;
    line-height: 35px;
    height:35px;
    display: inline-block;
    width: 35px;
    text-align: center;
    position: relative;
    /* right: 20px; */
    /* z-index: 9; */
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    box-shadow: 0 0 0 rgb(0 178 169);
    animation: pulse 1.5s infinite;
}
.user-info .action-items{
    display: flex;
    align-items: center;
    gap: 8px;
}
.action-items button {
padding:0;
background:transparent;
}
.user-info .btn-share:before {
    content: 'share';
    color: #1977f3;
    margin: -1px 0px 0px -20px;
    width: 35px;
    height: 35px;
    line-height: 40px;
    text-align: center;
    /* font-size: 15px; */
}
.user-info .btn-location {
    background: #ffffff;
    color: #1977f3;
    padding: 0px 0;
    border-radius: 12px;
    border: 0px solid #333;
    line-height: 35px;
    height: 35px;
    display: inline-block;
    width: 35px;
    text-align: center;
    position: relative;
    /* right: 20px; */
    /* z-index: 9; */
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    box-shadow: 0 0 0 rgb(0 178 169);
    animation: pulse 1.5s infinite;
}
    .user-info .btn-location:before {
        content: 'location_on';
        color: #0ab922;
        margin: -1px 0px 0px -18px;
        width: 35px;
        height: 35px;
        line-height: 40px;
        text-align: center;
        /* font-size: 15px; */
    }

.side-action .btn-location {
    background: #ffffff;
    color: #1977f3;
    padding: 0px 0;
    border-radius: 12px;
    border: 0px solid #333;
    line-height: 35px;
    height: 35px;
    display: inline-block;
    width: 35px;
    text-align: center;
    position: relative;
    /* right: 20px; */
    /* z-index: 9; */
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    box-shadow: 0 0 0 rgb(0 178 169);
    animation: pulse 1.5s infinite;
}

.side-action .btn-location:before {
    content: 'location_on';
    color: #0ab922;
    margin: -1px 0px 0px -18px;
    width: 35px;
    height: 35px;
    line-height: 40px;
    text-align: center;
    /* font-size: 15px; */
}
.user-info .btn-edit {
    background: #ffffff;
    color: #1977f3;
    padding: 0px 0;
    border-radius: 12px;
    border: 0px solid #333;
    line-height: 35px;
    height: 35px;
    display: inline-block;
    width: 35px;
    text-align: center;
    position: relative;
    /* right: 20px; */
    /* z-index: 9; */
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    box-shadow: 0 0 0 rgb(0 178 169);
    animation: pulse 1.5s infinite;
}
.side-action {
    position: absolute !important;
    right: 18px;
    top: 0;
    width: auto !important;
    display: flex;
    align-items: center;
    padding: 9px 17px 10px 7px!important;
    gap: 6px;
}
    .side-action .following-img {
        background: #f37c20;
        border: none;
        font-size: 11px;
        padding: 0px 11px;
        font-weight: 500;
        color: #ffffff;
        border-radius: 6px;
        height: 26px;
        line-height: 26px;
    }
    .side-action .following-img svg {
        width: 12px;
        height: 12px;
        margin-right: 3px;
    }
.map-icon {
    background: #00b2a917;
    border: none;
    font-size: 11px;
    padding: 1px;
    font-weight: 500;
    color: #ffffff;
    border-radius: 4px;
    height: 26px;
    width: 26px;
    line-height: 26px;
    border: 1px solid #1977f33d;
    text-align: center;
}
.map-icon svg {
    color: #1977f3;
    width: 14px;
    height: 14px;
}
.user-info .btn-edit:before {
    content: 'edit';
    color: #121212;
    margin: -1px 0px 0px -18px;
    width: 35px;
    height: 35px;
    line-height: 40px;
    text-align: center;
    /* font-size: 15px; */
}
.other-profile-info{
    display: flex;
    gap: 13px;
    align-items: center;
}
.other-profile-info img{
    width: 70px;
    height: 70px;
}
    .aboutcompany-info ul li {
    font-size: 14px;
    color: #6f6f6f;
    display: inline-block;
    list-style-type: none;
    border-right: 2px solid #00000014;
    padding-right: 12px;
    margin-right: 10px;
}
.aboutcompany-info p {
    color: #232324 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}
.aboutcompany-info ul li b {
    color: #00b2a9;
}
.aboutcompany-info ul {
    margin-bottom: 1rem;
}
.aboutcompany-des p {
    color: black !important;
    background: #1977f30d;
    padding: 1.5rem;
    border-radius: 9px;
    font-weight: 100 !important;
    font-size: 14px !important;
    line-height: 1.5;
    text-align: left;
}
.aboutcompany-des h5 {
    color: #232324 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
}
.jpro-ban-tit .user-info a {
    background: #1977F3;
    color: white;
    padding: 0px 12px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 600;
}
.jpro-ban-tit .user-info button.followbtn {
    background: #f37c20;
    color: white;
    padding: 0px 12px;
    height: 35px;
    display: inline-block;
    line-height: 32px;
    border-radius: 40px;
    font-size: 14px;
    font-weight: 600;
    border: none;
}
    .jpro-ban-tit .user-info .inner {
        display: flex;
        align-items: center;
        gap: 6px;
    }
        .jpro-ban-tit .user-info .inner .desc{
            line-height: 0.8;
        }
        .jpro-ban-tit .user-info .inner .desc span {
    font-size: 11px;
    color: white;
    line-height: 1;
}
        .jpro-ban-tit .user-info .inner .desc p {
            margin-bottom: 0;
            color: white;
            font-size: 14px;
            letter-spacing: 0.5px;
            font-family: 'Atlassian Sans';
            line-height: 1;
            font-weight: 800;
        }
    .jpro-ban-tit .user-info .inner img {
    width: 30px;
    height: 30px;
}
    .jpro-ban-tit .s1 {
        float: left;
        width: 80px;
        height: 80px;
    }

        .jpro-ban-tit .s1 img {
            box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
            height: 100%;
            width: 100%;
            object-fit: cover;
            z-index: 4;
            position: relative;
            border-radius: 100%;
            /* margin-right: 7px;*/
        }

    .jpro-ban-tit .s2 {
        float: left;
       width:80%;
        color: #fff;
    }

        .jpro-ban-tit .s2 h1 {
            font-size: 25px;
            font-weight: 900;
            margin-bottom: 0px;
            font-family: 'Atlassian Sans';
        }

        .jpro-ban-tit .s2 span {
            font-size: 14px;
            color: #ffffff;
            width: 90%;
            font-family: 'Atlassian Sans';
            display: block;
            text-transform: capitalize;
            margin: 6px 0 0px;
            font-weight: 400;
            letter-spacing: 0.4px;
        }
ul.social-count {
    background: #EEF5FF;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    display: grid;
    justify-content: center;
    width: 91%;
    margin: -2rem auto auto;
    z-index: +9;
    position: relative;
    padding: 1.5rem 2rem;
    border-radius: 15px;
    border: 2px dashed #1977f3;
    box-shadow: 0px 49px 29px -50px #000000db;
}
.lhs .profile {
position:relative;
}
.jpro-ban-tit .s2 p {
    margin: 0px;
    font-size: 15px;
    font-weight: 600;
    color: #d5d4d4;
}

    .jpro-ban-tit .s3 {
        float: left;
        /*width: 33%;*/
        padding: 35px 0px 0px 0px;
    }

        .jpro-ban-tit .s3 .cta {
            color: #fff;
            font-size: 12px;
            padding: 9px 15px;
            border-radius: 4px;
            font-weight: 600;
            display: inline-block;
            transition: all 0.5s ease;
            float: right;
            background: #718995;
            cursor: pointer;
        }

            .jpro-ban-tit .s3 .cta:hover {
                background: #556c78;
            }

            .jpro-ban-tit .s3 .cta.fol {
                margin: 0px 8px;
            }

                .jpro-ban-tit .s3 .cta.fol:hover {
                    background: #0534e1;
                }

.jpro-ban-bg-img p {
    font-size: 9px;
    color: #35762a;
    position: absolute;
    left: 118px;
    top: 15px;
    margin: 0px;
    background: #fbfcfaeb;
    padding: 0px 5px;
    border-radius: 4px;
    font-weight: 400;
}

    .jpro-ban-bg-img p b {
    }

.jpro-bd {
    float: left;
    width: 100%;
    margin-bottom: 150px;
}

.jpro-bd-com {
    background: #fff;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
    margin-bottom: 40px;
    padding: 30px 30px 25px 30px;
    border-radius: 5px;
    float: left;
    width: 100%;
}

    .jpro-bd-com h4, .jb-pro-bio h4 {
        padding-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
    }

    .jpro-bd-com ul {
    }

        .jpro-bd-com ul li {
            font-size: 13px;
            font-weight: 400;
            color: #6a6a6a;
            padding: 2px 0px 2px 20px;
        }

            .jpro-bd-com ul li:before {
                content: '';
                position: absolute;
                width: 6px;
                height: 6px;
                border-radius: 50px;
                margin: 6px 0px 0px -17px;
            }

    .jpro-bd-com span {
        font-size: 11px;
        font-weight: 500;
        float: left;
        line-height: 22px;
        background: #def3ff;
        padding: 0px 6px;
        margin: 0px 5px 5px 0px;
        border-radius: 3px;
        display: inline-block;
    }

.jpro-ban-tit .s3 .cta.fol {
    background: #246df8;
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044";
    font-family: 'FontAwesome';
    color: #1977f3;
}

.pglist-p-com-ti.flex {
    display: flex;
}

    .pglist-p-com-ti.flex h3 {
        width: 90%;
    }

.pglist-p-com-ti .icon {
    width: 10%;
    margin-left: 50%;
}

.progress {
    border-radius: 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 5px;
    background-color: #f9f57f;
    transition: all linear 0.1s;
    min-width: 0em;
    z-index: 99;
}

a.otp-a {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 50%;
    margin-left: 28%;
    background: #1977f3;
    border: 0px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 0px;
    border-radius: 50px;
}

.profile-img img {
    width: 40px;
    border-radius: 50%;
}
.b1 .profile-img a:hover {
color:white!important;
}
.profile-img a {
    border: initial !important;
    background-color: transparent !important;
}

p.signup-op {
    margin-top: 20px;
}

.login.register {
    padding: 40px 40px 40px;
}

ul.time-sch {
    list-style: none;
}

    ul.time-sch li {
        float: left;
        width: 100%;
        padding: 5px;
        color: rgba(45,46,47,1);
        font-weight: 500;
        display: flex;
        margin-bottom: 15px;
    }

        ul.time-sch li span.head-day {
            width: 10%;
        }

        ul.time-sch li span.head-action {
            width: 20%;
            color: #7c758d;
            font-size: 13px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            ul.time-sch li span.head-action span {
                margin-left: 5px;
            }

.pglist-p-com-ti h3 {
    width: 80%;
}

.new-btn {
    /*position: absolute;*/
    margin-right: 1%;
    line-height: 2em;
    font-weight: 600;
    color: #1977f3;
    cursor: pointer;
    padding-top: 10px;
}

.bg-gray {
    background: #f6f6f6 !important;
}

#add-about {
    padding: 25px 30px;
}

.edit-busines .readon2.get-new {
    padding: 7px 24px;
}

.modal {
    background: #0000008f;
}

i.img-ch {
    font-size: 16px;
    color: #26ae61;
    position: absolute;
    background: #ffffff;
    border-radius: 100%;
    cursor: pointer;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    bottom: 7px;
    right: -5px;
    font-weight: 700;
}

.edit-busines .fa-pencil-alt:before {
    content: "\f303";
    font-family: inherit;
    font-weight: 900;
    color: #186fc9;
    font-size: 12px; /*
    margin-top: -13px;
    margin-left: 10px;*/
}

.img-sec-up {
    border: 2px dotted #1977f33d;
    padding-left: 30%;
    padding-bottom: 25px;
    background: #f8fbff;
    margin: 2% 0%;
}

.com-padd.rating-page {
    margin-top: 6%;
}

    .com-padd.rating-page .list-pg-lt {
        width: 65%;
    }

    .com-padd.rating-page .lp-ur-all-rat ul li {
        display: inline-flex;
    }

.login-main.thank-you-con {
    margin-top: 28%;
    padding-bottom: 25px;
}

    .login-main.thank-you-con h1 {
        text-align: center;
    }
/*pyment-css*/
.rounded {
    border-radius: 1rem
}

.nav-pills .nav-link {
    color: #555
}

    .nav-pills .nav-link.active {
        color: white
    }

input[type="radio"] {
    margin-right: 5px
}

.bold {
    font-weight: bold
}

.payment-screen .card {
    -webkit-box-shadow: 0 5px 5px 0 rgb(154 160 185 / 5%), 0 5px 30px 0 rgb(166 173 201 / 22%);
    box-shadow: 0px 40px 80px 0px rgb(2 2 26 / 14%);
    background: #fff;
    margin: 0 auto;
    display: table;
    position: relative;
    border-radius: 5px;
    border: none;
}

.payment-screen .card-header {
    background-color: transparent;
    border-bottom: none;
}

.payment-screen .card-footer {
    background-color: transparent;
    border-top: none;
}

.login-reg.payment-screen {
    padding-bottom: 80px;
}

.nav-pills .nav-link.active i, .nav-pills .show > .nav-link i {
    color: #007bff;
}

@media screen and (min-width:320px) and (max-width:767px) {
    .boxdiv {
        height: auto !important;
    }

    .jpro-ban-tit .s2 h1 {
        font-size: 23px;
    }

    ul.time-sch li {
        display: block;
    }

    .all-listing .col-md-3.fil-mob-view {
        margin-top: 78px;
        position: fixed;
        z-index: 9;
        background: #fff;
        left: -100%;
        top: 0px;
        overflow-y: auto;
        height: 100%;
        padding: 0 16px 38px 16px;
    }

    .all-list-sh .eve-box div:nth-child(2) {
        padding: 11px !important;
    }

        .all-list-sh .eve-box div:nth-child(2) h4 a {
            color: #212529;
            float: inherit;
        }

    .login-reg {
        padding: 70px 0 36px 0;
    }

    .ban-ql ul li div {
        width: 96%;
        padding: 20px 10px 0px 10px;
        margin: 0 0px;
        border-radius: 10px;
    }

    .ban-ql {
        margin-left: 4px;
    }

        .ban-ql ul li div h4 {
            font-size: 13px;
        }

        .ban-ql ul li div p {
            font-size: 9px;
        }

    .row.y-middle .sec-title7 {
        width: 100%;
    }

    .infotechno-contact-us-bg:before {
        width: 100%;
        height: 400px;
    }

    .abou-pg {
        margin-top: 0 !important;
    }

    .infotechno-contact-us-bg {
        height: fit-content;
    }

    .how-wrks-inn ul {
        display: block;
        justify-content: center;
    }

    .hom-mpop-ser {
        margin: 14px 0px 0px 0px;
    }

    .wed-hom-footer {
        padding: 20px 0px 0 0px;
    }

    .count:after {
        height: 62px;
        background-repeat: no-repeat;
    }

    .count {
        padding: 0px 0px 0 0px;
    }

    .mob-app {
        padding-top: 18px;
    }

    .caro-home {
        margin-top: 9px !important;
    }

    .abou-pg {
        padding: 85px 0px 40px 0px;
    }

    .about-ban h1, .about-ban input {
        font-size: 25px;
    }

    .about-ban p {
        font-size: 15px;
    }

    .rs-about.style8 .widget-center {
        display: none;
    }

    .sec-title3 .title {
        font-size: 20px;
    }

    .sec-title3 .desc {
        font-size: 15px;
        margin: 15px 0;
    }

    .rs-about.style11 {
        padding: 20px;
    }

    .sec-title7 .title {
        font-size: 25px;
    }

    .rs-about.style11 .animations img {
        display: none;
    }

    .rs-about.style11 .images-part {
        border-width: 10px 10px 10px 10px;
    }

    .couter-part {
        margin-top: 10%;
    }

    .row.y-middle .sec-title7 p {
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .about-left .ab-iner {
        margin-top: 9%;
    }

    .home-about {
        padding: 40px 0 60px;
    }

    .mt--120 {
        margin-top: 0;
    }

    .login {
        padding: 20px 0px 0px;
        background-color: #ffffff;
    }

    .ab-faq-btn {
        margin: 28px 26% 30px;
    }

    .rs-questions {
        padding-top: 130px;
        padding-bottom: 0;
    }
}

.suscription-inner {
    position: relative;
    padding: 60px 0;
    margin-top: 50px;
}

.plan-tab {
    position: sticky;
    top: 90px;
    background-color: #fff;
    padding: 1rem 0 2.5rem 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

    .plan-tab h3 {
        border-bottom: 0.1875rem solid #1977f3;
        font-size: .875rem;
        padding: 0.6rem 1.65rem 15px;
        color: #1977f3;
        text-align: center;
        font-weight: 500;
    }

.nav-pills.plan-tab .nav-link.active {
    color: white;
    background-color: #f0f5ff;
    border-right: 0.1875rem solid #1977f3;
    color: #214796;
}

.nav-pills.plan-tab .nav-link {
    color: #767b87;
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid rgba(0,0,0,.125);
    text-decoration: none;
    font-size: .875rem;
    font-weight: 500;
    border-radius: 0;
}

.plan-right-tab {
    border-radius: 10px;
    border: 0;
    border-bottom: 0 solid rgba(0,0,0,.125);
    margin: 0 auto;
    box-shadow: 0 0 0.875rem rgb(33 71 150 / 10%);
    background-color: #ffffff;
}

    .plan-right-tab h3 {
        font-size: 1.25rem;
        padding: 1.2rem 0.5rem 0.5rem 1.25rem;
        min-height: 3.75rem;
    }

.plan-card {
    position: relative;
    border-top: 1px solid #d7d7d7 !important;
    padding: 1.75rem 1.25rem;
    background-color: #fff;
}

    .plan-card ul {
        display: flex;
    }

        .plan-card ul li {
            width: 22%;
        }

.txt_small_title {
    font-size: 12px;
    margin-bottom: 0.375rem;
    text-transform: uppercase;
    color: gray;
    font-weight: 500;
}

.txt_amt {
    color: #000;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 500;
}

.col-red {
    color: #eb0000;
    cursor: pointer;
}

.plan-card a {
    font-size: 14px;
}

.plan-card .btn {
    background: #1977f3;
    color: #ffffff;
    border: 1px solid #1977f3;
    padding: 8px 20px;
    border-radius: 5px;
    display: inline-block;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
}

.plan-card ul li.view {
    padding-top: 5px;
}

.pri-box.new-paln-box {
    margin: 20px 0;
    background: #e7ebf8;
}

    .pri-box.new-paln-box .c2 h4 {
        margin-bottom: 0;
        font-size: 13px;
    }

    .pri-box.new-paln-box .c3 p {
        border-bottom: 1px solid #ffffff;
    }

.benefit-sus p {
    margin-bottom: 3px;
    font-size: 13px;
    color: #1977f3;
}

.benefit-sus h5 {
    font-size: 13px;
    font-weight: 600;
    margin-top: 2px;
}

.pri-box.new-paln-box .c3 {
    padding: 20px 20px 0;
}

.pri-box.new-paln-box .c5 a {
    padding: 10px 25px;
    width: auto;
}

.pri-box.new-paln-box .c4 ol li span {
    float: right;
    color: #000;
    padding-right: 15px;
}

.benefit-sus {
    text-align: center;
    width: 100%;
}

a.skip-url {
    text-decoration: underline;
}

.back-icon {
    position: absolute;
    right: 64px;
    z-index: 1;
    top: 15px;
    color: #1977f3;
}

.suscription-skip {
    position: absolute;
    right: 105px;
    z-index: 1;
    top: 15px;
    color: #1977f3;
}

.back-icon svg {
    width: 20px;
    height: 20px;
}

.pri-box.new-paln-box .c2 {
    margin: 20px 10px 0;
    border-radius: 12px;
    width: fit-content;
    padding: 10px 20px;
    background: #1977f3;
}

.add-profile {
    position: relative;
    padding: 60px 0 80px;
    background-color: #f1f9fe;
    max-width: 960px;
    margin: 10% auto 10%;
    -webkit-box-shadow: 0px 5px 62px 0px rgb(0 0 0 / 19%);
    box-shadow: 0px 5px 62px 0px rgb(0 0 0 / 19%);
}

.form-horizontal {
    padding: 0px 0px 0;
}

    .form-horizontal .form-control {
        padding: 10px 10px 10px 25px;
        height: 60px;
        font-size: 14px;
        border: 1px solid #ddeef9;
        border-radius: 0;
        box-shadow: none;
        background: #ddeef9;
    }

    .form-horizontal textarea.form-control {
        height: auto;
    }

    .form-horizontal .form-control:focus {
        border-color: #fff;
        box-shadow: none;
    }

    .form-horizontal .control-label {
        font-size: 17px;
        color: #fff;
        position: absolute;
        top: 5px;
        left: 27px;
        text-align: center;
    }

    .form-horizontal .radio label {
        padding-left: 0;
        font-size: 14px;
    }

    .form-horizontal .checkbox {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .form-horizontal .checkbox label {
            font-size: 14px;
        }

    .form-horizontal .btn {
        display: block;
        width: 100%;
        font-size: 14px;
        color: #4e4e4e;
        margin: 10px 0;
        border: 2px solid #fff;
        background: transparent;
        border-radius: 0;
        padding: 10px 25px;
        position: relative;
        overflow: hidden;
        z-index: 1;
        transition: all 0.5s ease 0s;
    }

        .form-horizontal .btn:hover {
            border-color: #fff;
            color: #333;
        }

        .form-horizontal .btn:before {
            content: "";
            width: 100%;
            height: 100%;
            background: #fff;
            position: absolute;
            top: 100%;
            left: 0;
            z-index: -1;
            transition: all 0.5s ease 0s;
        }

        .form-horizontal .btn:hover:before {
            top: 0;
        }

    .form-horizontal .radio input[type="radio"] {
        position: absolute;
        opacity: 0;
    }

        .form-horizontal .radio input[type="radio"] + .radio-label:before {
            content: "";
            display: inline-block;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: #fffefe;
            border: 1px solid #b4b4b4;
            position: relative;
            top: 5px;
            margin-right: 16px;
            text-align: center;
            -webkit-transition: all 250ms ease 0s;
            transition: all 250ms ease 0s;
        }

        .form-horizontal .radio input[type="radio"]:checked + .radio-label:before {
            background: #1977f3;
            box-shadow: inset 0 0 0 2px #f4f4f4;
        }

.radio input[type="radio"]:focus + .radio-label:before {
    outline: none;
    border-color: #d09ef5;
}

.form-horizontal .checkbox-custom {
    opacity: 0;
    position: absolute;
}

.form-horizontal .checkbox-custom,
.form-horizontal .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.form-horizontal .checkbox-custom-label {
    position: relative;
}

.form-horizontal .checkbox-custom + .checkbox-custom-label:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background: transparent;
    border: 1px solid #fff;
    vertical-align: middle;
    margin-right: 10px;
}

.form-horizontal .checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.form-horizontal .checkbox label {
    padding-left: 0;
}

/*.form-control::-moz-placeholder{
    color:#fff;
}*/

.form-horizontal .form-group ::placeholder {
    color: #2e2d2c;
    opacity: 1;
}

.form-horizontal .form-group ::-ms-input-placeholder {
    color: #2e2d2c;
}

.form-horizontal .form-group ::-ms-input-placeholder {
    color: #2e2d2c;
}

.add-profile h4 {
    color: #1977f3;
    font-weight: 500;
}

#add-product {
    background-color: #f1f9fe;
}

.company-profile {
    position: relative;
    padding: 16px 40px 30px;
    background-color: aliceblue;
    border-radius: 12px;
    margin-bottom: 20px;
}

    .company-profile .media img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }

    .company-profile .media h4 {
        font-size: 17px;
        font-weight: 600;
        padding-top: 21px;
        margin-bottom: 3px;
    }

    .company-profile .media-body p {
        padding: 0;
        font-weight: 600;
    }

    .company-profile p {
        font-size: 14px;
        padding: 0px 0 0;
        color: gray;
    }

    .company-profile a {
        font-size: 13px;
        letter-spacing: 0.05em;
        text-decoration: underline;
    }

.more {
    color: #ffffff;
    padding: 6px 20px;
    border-radius: 2px;
    font-size: 14px;
    display: table;
    background: #1977f3;
    margin-top: 20px;
}

    .more:hover {
        color: #ffffff;
    }

.membership-rev {
    padding: 20px;
}

#add-location {
    background-color: #f1f9fe;
    margin-bottom: 20px;
}

.fa-window-close:before {
    font-family: 'Font Awesome 5 Free';
    position: relative;
}

.time-sec-week {
    width: 77%;
    color: #7c758d;
    font-size: 13px;
}

    .time-sec-week input {
        border: none;
        border: 1px solid #00000000;
        background: #f6f6f6;
        width: 80px;
        /* color: white; */
        font-size: 14px;
        text-align: center;
        padding: 4px;
        border-radius: 4px;
    }

span.delete-time {
    background: #e0ada9;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 19px;
    border-radius: 50px;
    float: right;
    margin-top: 4px;
    cursor: pointer;
}

form.row.time-form {
    border-top: 1px solid #e9e0e0;
    margin-top: 12px;
    padding-top: 25px;
}

.add-more-time {
    width: 30px;
    height: 30px;
    background-color: #1977f3;
    color: #fff;
    text-align: center;
    float: right;
    border-radius: 50%;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    margin-right: 10px;
}

.business-profile {
    background: #EFF3F6;
    padding-top: 20px;
}

    .business-profile.list-pg-bg .com-padd {
        padding: 18px 18px 10px 18px;
        background: #EFF3F6;
        border-radius: 0;
        float: left;
        width: 100%;
    }

    .business-profile .pglist-bg h4 {
        padding: 15px 20px;
        background: #fff;
        font-weight: 700;
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 0px;
    }

    .business-profile ul.time-sch li {
        border-bottom: 2px solid #fafafa;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .business-profile .fa-times:before {
        font-family: 'Font Awesome 5 Free';
        position: relative;
        font-weight: 900;
        color: #fff;
        font-size: 14px;
    }

.row.time-form .form-control {
    font-size: 12px;
}

.fulldayopen-wrap {
    font-size: 12px;
}

.add-review .fa-plus:before {
    font-family: 'Font Awesome 5 Free';
    position: relative;
    font-weight: 900;
    color: #000;
    font-size: 14px;
}

.add-review .home-list-pop-desc h2 {
    font-weight: bold;
    font-size: 50px;
    margin-bottom: 0;
}

.add-review .home-list-pop-desc h5 {
    margin-bottom: 0;
}

.add-review .home-list-pop-desc span {
    font-size: 12px;
}

.star-list li img {
    width: auto;
    transition: all .5s ease;
    height: auto
}



.business-profile .pglist-bg .review_listing h4 {
    padding: 0;
    background: #fff;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.add-review {
    margin-left: 10px;
    font-size: 13px;
}

.review_listing-page {
}

    .review_listing-page .cd-cen-intr {
        padding: 22px 20px 0 20px;
    }

    .review_listing-page .container {
        background: transparent;
    }

    .review_listing-page .review_listing {
        background-color: #EFF3F6;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        padding: 25px;
        box-sizing: content-box;
        box-shadow: 0 2px 4px rgb(3 27 78 / 6%);
        margin-bottom: 30px;
    }

        .review_listing-page .review_listing h4 {
            padding: 0;
            font-weight: 700;
            font-size: 13px;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

        .review_listing-page .review_listing h3 {
            font-size: 18px;
            padding-bottom: 8px;
            color: #000000;
            padding-top: 5px;
            font-weight: 700;
        }

        .review_listing-page .review_listing em {
            font-size: 12px;
        }

        .review_listing-page .review_listing p {
            margin-bottom: 10px;
            font-size: 14px;
        }

.review_listing .btn-ser-need-ani:before {
    display: none;
}

.review_listing .btn-ser-need-ani .fa-eye {
    margin-right: 5px;
}

    .review_listing .btn-ser-need-ani .fa-eye:before {
        font-family: 'Font Awesome 5 Free';
        position: relative;
        font-weight: 900;
        color: #fff;
        font-size: 14px;
    }

.user-main-profile .container {
    background: transparent;
}

.user-main-profile .list-pg-lt {
    width: 100%;
    float: left;
    background: #f5f8ff;
}

.user-main-profile .title-heading {
    border-bottom: 1px solid #e0e6f5;
    position: relative;
}

.pglist-bg {
    border-radius: 7px;
}

.user-main-profile .title-heading h4 {
    padding: 15px 20px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.pro-soci li {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #859d93;
    margin: 0px 15px 15px 0px;
    background: #e9fcf4;
    padding: 20px;
    border-radius: 6px;
}

    .pro-soci li img {
        width: auto !important;
    }

.my-business ul li {
    display: inline-block;
    width: 49%;
}

.pro-listing-box img {
    width: 100% !important;
}

.my-business .more {
    margin-top: 0;
    display: inline-block;
}

.user-main-profile .ud-rhs-promo {
    float: none;
}

.hot-page2-hom-pre {
    border-radius: 10px;
}

.user-main-profile .hot-page2-hom-pre h4 {
    font-size: 18px;
}

.business-listing button.more {
    position: absolute;
    right: 0;
    top: 0;
    margin: 7px;
    background: transparent;
    color: #000;
    text-decoration: underline;
}

.quick-access h4 {
    background: -webkit-linear-gradient( 45deg,#2627fa,#ff544f 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border: 1px dashed #6835c6;
    border-radius: 15px;
    padding: 10px 0px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.quick-access ul li {
    opacity: 1;
    padding: 0;
}

.quick-access.pmenu-spri ul li a img {
    float: left;
}

.quick-access.hot-page2-hom-pre div {
    float: none;
    padding-left: 40px;
}

.quick-access.hot-page2-hom-pre h5 {
    font-weight: 600;
    font-size: 15px;
}

.quick-access.hot-page2-hom-pre p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 11px;
}

.quick-access.hot-page2-hom-pre span {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 11px;
    color: #1070bd;
}

.business-profile .db-tit-btn {
    position: static;
}

.business-action {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    right: 8px;
    top: 8px;
    transition: visibility 0s, opacity 0.5s linear;
}

.ud-payment:hover .business-action {
    position: absolute;
    visibility: visible;
    right: 8px;
    visibility: visible;
    opacity: 1;
    top: 8px;
}

.business-action a {
    border: 2px solid #ffffff;
    padding: 0px;
    border-radius: 3px;
    width: 32px;
    display: inline-block;
    height: 32px;
    padding: 5px;
    line-height: 0;
    border-radius: 7px;
    text-align: center;
    color: #fff;
    background: #1977f3;
}

    .business-action a.delete {
        color: #ffffff;
    }

.ud-payment.ud-pro-link.bus-pg .view-business {
    border: 0px;
    font-weight: 600;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background: #f37c20;
    background: -webkit-linear-gradient(to top, #2d6eb5, #1877de);
    /* background: linear-gradient(to top, #2d6eb5, #1877de);*/
}

.business-dashbaord-inner {
}

    .business-dashbaord-inner .new-btn {
        /*  top: 5px;
		 right: 6%;
	padding-top: 0;*/
    }

.business-dashbaord .fa-pencil-alt:before {
    content: "+";
    font-family: inherit;
    font-weight: 900;
    color: #186fc9;
    font-size: 26px; /*
    margin-top: -19px;
    margin-left: 10px;*/
}

.business-dashbaord .fa-times:before {
    font-family: 'Font Awesome 5 Free';
    position: relative;
    font-weight: 900;
    color: #fff;
    font-size: 14px;
}

.business-dashbaord {
    box-shadow: none;
    background: #f5f6fa;
    padding: 0;
}

    .business-dashbaord .pglist-p-com-ti {
        padding: 10px;
    }

    .business-dashbaord .pglist-bg h4 {
        padding: 6px 4px;
        background: #fff;
        border-radius: 16px;
        font-weight: 700;
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 0px;
    }

.user-self-profile ul li {
    float: none;
    width: 100%;
}

.gallery-list ul {
    height: 126px;
    overflow: auto;
}

.product-list {
    /*height: 140px;
    overflow-y: auto;
    overflow-x: hidden;*/
}

.top-ser ul li input {
    width: 98%;
}

.boxdiv {
    border-bottom: 1px solid #55555500;
    padding: 2% 1% !important;
    /* box-shadow: -1px 37px 41px 4px rgb(0 0 0); */
    height: 198px;
    background: white;
    border-bottom: 8px solid #eaeaea;
}

    .boxdiv div b {
        font-size: 11px;
        margin-right: 5px;
        font-weight: 900;
        color: #023983;
        border-radius: 4px;
        background: #006eff1a;
        padding: 3px;
        margin-bottom: 3%;
    }

#feedback_Subscribe {
    margin-top: 20px;
    padding: 10px 28px;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    background-color: transparent;
    background-image: linear-gradient( 20deg, #015eea 23%, #02a3f4 98%);
    border-radius: 0;
    letter-spacing: 0;
}

.rightside-profile .pay-lhs {
    float: left;
    width: 100%;
}

.rightside-profile .pay-rhs {
    float: left;
    width: 100%;
    padding-left: 0px;
    margin-top: 7%;
}

.rightside-profile .business-action {
    position: absolute;
    right: 21px;
    z-index: +9;
}

.badge-light {
    color: #ffffff;
    background-color: #007bff;
    line-height: normal;
    padding: 0.25em 0.2em;
}

.crossbtn {
    line-height: initial;
    padding: 2px 6px;
    border-radius: 23px;
}

.hom-nav .bl img {
    width: 36px;
    height: 36px;
    margin: inherit;
}

.rhssa {
    padding: 5% 0 0 0;
}

    .rhssa .ulihr {
        display: flex;
    }

        .rhssa .ulihr li {
            padding-left: 0 !important;
        }

.edituserpro h2 {
    padding: 18px 0 0 13px;
    font-size: 17px;
    margin-bottom: 6px;
}

.edituserpro table tr {
    color: #969595;
    border-bottom: 2px solid #f5f6fa;
}

.edituserpro {
    padding: 0;
}

    .edituserpro tr td {
        padding: 14px 14px 14px 13px !important;
    }

.blahsize {
    width: 100%;
    padding: 8px;
    background: #f0f8fd;
    border: 1px solid #f0f8fd;
}

    .blahsize img {
        width: 60px;
        height: 60px;
        object-fit: cover;
        border-radius: 100%;
        display: block;
    }

.shortdis {
    font-size: 13px;
}

.ud-cenn {
    width: 100%;
    margin: 0;
    float: left;
    background: #fff;
    box-shadow: 0px 2px 15px -4px rgb(224 224 224 / 80%);
    margin-bottom: 4%;
}

    .ud-cenn .db-noti ul li:hover {
        /* transition: all 0.5s ease; */
        /* background: #fafafa; */
        padding-left: 0;
        box-shadow: 0px 0px 21px 2px rgb(255 255 255);
    }

.prodiv {
    border: 1px solid #f5f6f8;
    /* background: #1977f3; */
    box-shadow: 27px 17px 46px -5px #00000008;
}

    .prodiv .firstprodiv {
        background: #f5f6fa;
    }

    .prodiv .firstprodiv1 {
        background: #ffffff;
        padding: 7%;
    }

.probtn {
    background: #1977f3;
    border: 1px solid #1977f3;
    color: #fff;
    font-size: 12px;
    padding: 6px 8px;
    border-radius: 4px;
}

.tagdivcs li strong {
    font-size: 14px;
    color: #154d98;
}

.pro-soci1 li {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #859d93;
    margin: 14px 0px 0px 0px;
    background: #ffffff;
    padding: 0;
    border-radius: 6px;
}


.enq-sav {
    position: absolute;
    top: 10px;
    right: 10px;
}

    .enq-sav i {
        cursor: pointer;
        border-radius: 50%;
        background: #fff;
        /* font-size: 16px; */
        padding: 1px 1px;
        text-align: center;
        /* line-height: 14px; */
        width: 22px;
        height: 22px;
        box-sizing: border-box;
        transition: all 0.5s ease;
        border: 1px solid #f1f0ed;
        color: #4173ea;
        display: inline-block;
    }


        .enq-sav i img {
            width: 20px;
            height: 20px;
           /* filter: contrast(0.2);
            opacity: 0.2;*/
            vertical-align: initial;
        }

.deletee {
    position: absolute;
    right: 0%;
    color: white !important;
    top: 0;
    background: #f37c20;
    border-radius: 6px;
    width: 25px;
    height: 25px;
    /* font-size: 36px; */
    text-align: center;
}

.occu-hours ul.time-sch li span.head-day {
    width: 30%;
}


.occu-hours .time-sec-week {
    width: 40%;
}

.occu-hours ul.time-sch li span.head-action {
    width: 30%;
    display: inline-block;
}

    .occu-hours ul.time-sch li span.head-action input {
        width: 20px;
        height: 20px;
    }

    .occu-hours ul.time-sch li span.head-action .span1 {
        vertical-align: super;
    }


.panel-title a, .panel-title a:active {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}

.panel-heading a {
    position: relative;
}

    .panel-heading a:before {
        content: '';
        background: url(../images/icon/svg/down-arrow.svg);
        transition: all 0.5s;
        width: 13px;
        position: absolute;
        right: 3%;
        font-weight: bold;
        color: #00000066;
        height: 13px;
        background-repeat: no-repeat;
        margin-top: 1%;
    }

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.colorback {
    background: #f5f6fd73;
    padding: 4%;
}

.h5cssd {
    margin-bottom: 5%;
    font-weight: 600;
    font-size: 17px;
    color: #1456ad;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 9px);
    padding: 0.375rem 0.75rem;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #1d1e1f !important;
    background-color: #f1fafd !important;
    background-clip: padding-box;
    border: 1px solid #d5e7ff;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.prosec {
    padding: 5%;
    border: 1px solid #dadada52;
    background: #aba9aa17;
}

    .prosec li a {
        background: #1977f3;
        padding: 3%;
        color: white;
        font-size: 13px;
        border-radius: 3px;
    }

    .prosec h3 {
        font-size: 18px;
        padding-bottom: 0px;
    }


.tagdivcs li:nth-child(2n) {
    background: #f37c1f29;
}

    .tagdivcs li:nth-child(2n) span {
        background: #fef8f4;
        color: #e22f22;
    }

.tagdivcs li:nth-child(3n) {
    background: #fdea9fcc;
}

    .tagdivcs li:nth-child(3n) span {
        background: #fffbeb6b;
        color: #b98d09;
    }

.posimg {
    position: absolute;
    top: 0px;
    left: 24%;
    background: #1977f3;
    padding: 3px;
    text-align: center;
    border-radius: 3px;
    width: 22px;
    height: 21px;
    line-height: 1;
    color: white;
    box-shadow: 0px 0px 16px -2px #012c4ba3;
}

.newsubmitbtt {
    padding: 7px 14px !important;
    border-radius: 20px !important;
    /* float: right; */
    margin-left: auto !important;
    margin-right: 7px !important;
    font-size: 13px !important;
}

.rotate {
    transition: all .5s linear;
}

    .rotate.down {
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .rotate.down::before {
            margin-top: -32px;
        }


.fa-pencil-alt:before {
    content: "\f303";
    position: inherit;
}

.tableprofile {
    width: 35px;
    height: 35px;
    object-fit: cover;
    background: white;
    border-radius: 100%;
    border: 1px solid #0000000d;
    padding: 6%;
}


.proanchor {
    display: inline-flex;
    margin: 0 auto;
    background: #ffc107;
    color: #fff;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 2px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
}
.proanchor:hover {
    color: #fff;
}


.home-list-popslide:hover {
    -moz-transform: scale(1.02);
    /* -webkit-transform: scale(1.02); */
    -o-transform: scale(1.02);
    transform: inherit;
}

.home-list-pop .p-0 img {
    width: 100%;
    object-fit: cover;
    height: 128px;
}
.cross {
    padding: 10px;
    color: #d6312d;
    cursor: pointer;
    font-size: 23px;
}

    .cross i {
        margin-top: -5px;
        cursor: pointer;
    }







.ratingsec .comment-box {
    padding: 5px
}

.ratingsec .comment-area textarea {
    resize: none;
   
}

.ratingsec .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #ffffff;
    outline: 0;
    box-shadow: 0 0 0 1px rgb(255, 0, 0) !important
}

.ratingsec .send {
    color: #fff;
    background-color: #1977f3;
    border-color: #1977f3;
}

.ratingsec .send:hover {
        color: #fff;
        background-color: #f50202;
        border-color: #f50202
    }

.ratingsec .rating {
    margin: auto;
    width: 100%;
    margin-bottom:4%;
}

.ratingsec .form-control {
    background-color: #f8f8f8 !important;
    border: 1px solid #f3f3f3;
}
.ratingsec .rating > input {
        display: none
    }

.ratingsec .rating > label {
        position: relative;
        width: 28px;
        font-size: 35px;
        cursor: pointer;
    }


.ratingsection{
    margin-bottom: 7%;
    background: #f5f6fa;
    padding: 3% 1%;
}

.sidepics {
    height: 36px !important;
    width: 36px;
    border-radius: 100%;
    background: #e7e8e8;
}
/*.ratingsec .rating > label:hover:before,
.ratingsec .rating > label:hover ~ label:before {
        opacity: 1 !important
    }

.ratingsec .rating > input:checked ~ label:before {
        opacity: 1
    }

.ratingsec .rating:hover > input:checked ~ label:before {
        opacity: 0.4
    }*//*.ratingsec .rating > label:hover:before,
.ratingsec .rating > label:hover ~ label:before {
        opacity: 1 !important
    }

.ratingsec .rating > input:checked ~ label:before {
        opacity: 1
    }

.ratingsec .rating:hover > input:checked ~ label:before {
        opacity: 0.4
    }*/



.ratingsecc .send {
    color: #fff;
    background-color: #1977f3;
    border-color: #1977f3;
    width: 137px;
    padding: 7px 0;
}

.sendq {
    color: #212529 !important;
    background-color: #e8f7f7 !important;
    border-color: #e8f7f7 !important;
}

.ratingsecc p{
    font-size: 17px;
    color: #56595d;
    line-height: 24px;
    font-weight: 500;
}

.ratingsecc h4 {
    font-weight: 600;
    color: #242526;
}

.ratingsecc img {
    width: 83px;
    height: 83px;
    background: #e8f7f778 !important;
    border-radius: 100%;
    padding: 4%;
    /* margin-bottom: 11px; */
    margin: 0 5% 5%;
}


.time-schh .time-sec-week input {
    border: none;
    border: 1px solid #00000000;
    background: #ffffff;
    width: auto;
    color: #00000069;
    font-size: 14px;
    text-align: left;
    padding: 4px;
    border-radius: 4px;
}

.time-schh span.head-day {
    width: 27%!important;
}

.time-schh li {
    padding: 0px!important;
    margin-bottom: 0!important;
}

.time-schh span.head-day {
    width: 10%;
    font-size: 15px;
    font-weight: 400;
}

.verify-otp ul li .otp-a {
    background: #4c7af1;
    border: none;
    padding: 9px 16px;
    color: white;
    border-radius: 5px;
}

.verify-otp ul li .btn {
    background: #e1e1e0;
    border: none;
    padding: 9px 16px;
    color: #060606;
    border-radius: 5px;
}

#resend-otp-message {
    color: #1977f3;
}

#resendemail-otp-message {
    color: #1977f3;
}



.msger-header-title b {
    color: #645a59;
    font-weight: 500;
}

.getchatin .msg-bubble {
    background: #f8f8f8;
}

.msger {
    height: 80vh !important;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 867px;
    margin: 0;
    height: calc(100% - 50px);
    border-radius: 5px;
}

.msger-header-title span {
    font-size: 19px;
    font-weight: 600;
    color: black;
    display:block;
}

.msger-header-title p {
    font-size: 15px;
    color: #00000073;
    margin: 0;
}

.msger-header {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    /* border-bottom: 1px solid #dfdfdf; */
    background: #f5f4f4ad;
    color: #666;
}

.msger-chat {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
}

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

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

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

.msg {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

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

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

.msg-bubble {
    width: 625px;
    max-width: 625px;
    padding: 15px;
    border-radius: 15px;
}

.msg-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.msg-info-name {
    margin-right: 10px;
    font-weight: bold;
}

.msg-info-time {
    font-size: 0.85em;
}

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

.right-msg {
    flex-direction: row-reverse;
}

    .right-msg .msg-bubble {
        background: var(--right-msg-bg);
        color: #fff;
        border-bottom-right-radius: 0;
    }

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

.msger-inputarea {
    display: flex;
    padding: 10px;
    border-top: var(--border);
    background: #eee;
}

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

.msger-input {
    flex: 1;
    background: #fff;
}
.msg-text {
    font-size: 15px;
}
.msger-send-btn {
    margin-left: 10px;
    background: rgb(25 119 243);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.23s;
}

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

.msger-chat {
    background-color: rgb(224 224 224 / 0%);
}

.msger-header-options {
    font-size: 14px;
    color: white;
    height: fit-content;
    background: #3e1600;
    padding: 3px 8px;
    border-radius: 7px;
}

.top-selectdiv {
    padding: 10px 10px 10px 10px!important;
}

.caps-letter{
    text-transform: capitalize;
}

.follower-list {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-bottom: 25px;
    border-bottom: 1px solid #00000026;
    padding-bottom: 1rem;
}
.follower-list img {
    width: 50px;
    height: 50px;
}
    .follower-list .follower-detail {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 0px;
    }
        .follower-list .follower-detail h4 {
            color: #262729;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 0;
        }

        .follower-list .follower-detail p {
            font-size: 13px;
            color: #19c0f3;
            margin-bottom: 0;
            font-weight: 500;
        }

        .follower-list .follower-detail h6 {
            font-size: 14px;
            font-weight: 500;
            color: #949293;
            letter-spacing: 0.1px;
        }

    .follower-list button {
        color: white;
        margin-left: auto;
        background: #1977f3;
        border: none;
        border-radius: 31px;
        padding: 8px 17px;
        font-size: 13px;
        font-weight: 600;
    }


.container-cs {
    background: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 50px 35px 10px 35px;
}

    .container-cs header {
        font-size: 27px;
        font-weight: 900;
        margin: 5rem 0 0px 0;
        color: black;
        text-transform: capitalize;
    }

    .container-cs .form-outer {
        width: 65%;
        overflow: hidden;
        border-radius: 11px;
        margin: 2rem auto auto;
    }

.container-cs .form-outer form {
    display: flex;
    width: 400%;
}

.form-outer form .page {
    width: 25%;
    transition: margin-left 0.3s ease-in-out;
}

    .form-outer form .page .title {
        text-align: center;
        font-size: 20px;
        font-weight: 500;
    }
.form-outer .form-horizontal .form-control {
    padding: 10px 10px 10px 25px;
    height: 60px;
    font-size: 14px;
    border: 1px solid #8db4e8;
    border-radius: 12px;
    box-shadow: none;
    background: #ddeef9;
}
.mapbtn-css {
    background: #00b2a9 !important;
    width: auto !important;
    margin: auto auto 2rem !important;
    color: white !important;
    border-radius: 51px !important;
    padding: 8px 23px !important;
    font-weight: 600 !important;
    border: none;
    font-size: 14px;
    cursor: pointer;
}
    .mapbtn-css:hover {
        background: #03948d;
    }
.form-outer .formsec {
    background: #fff;
    padding: 3% 0% 0%;
}
.form-outer form .page .field {
    width: auto;
    justify-content: flex-end;
    height: 40px;
    margin-left: auto;
    display: flex;
    position: relative;
}
.form-outer select:focus ~ .floating-label, select:not(:focus):valid ~ .floating-label {
    background: #e8eff8;
    border: 1px solid #0b74ff40;
    /* top: -4px; */
    color: #0b70f4;
    padding: 3px 11px;
    left: 36px;
    height: fit-content;
    top: -18px;
    bottom: 10px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 13px;
    opacity: 1;
}
.form-outer .field button {
    width: auto !important;
    height: 40px !important;
    padding: 5px 15px;
    font-size: 15px !important;
}
.form-outer .blahsize {
    width: 100%;
    padding: 8px;
    background: #ffffff;
    border: 0px solid #f0f8
}
form .page .field .label {
    position: absolute;
    top: -30px;
    font-weight: 500;
}

form .page .field input {
    height: 100%;
    width: 100%;
    border: 1px solid lightgrey;
    border-radius: 5px;
    padding-left: 15px;
    font-size: 18px;
}

form .page .field select {
    width: 100%;
    padding-left: 10px;
    font-size: 17px;
    font-weight: 500;
}

form .page .field button {
    width: 100%;
    height: calc(100% + 5px);
    border: none;
    background: linear-gradient(20deg, #015eea 23%, #02a3f4 98%);
    margin-top: -20px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: 0.5s ease;
}

    form .page .field button:hover {
        background: #000;
    }

form .page .btns button {
    margin-top: -20px !important;
}

    form .page .btns button.prev {
        margin-right: 3px;
        font-size: 17px;
    }

    form .page .btns button.next {
        margin-left: 3px;
    }

.container-cs .progress-bar {
    margin: auto;
    width: 78%;
    display: flex;
    background: #daeaef66;
    user-select: none;
    flex-direction: row;
    border-bottom: 5px solid #000;
    border: 1px solid #1977f37a;
    padding: 1.5rem 3rem;
    border-radius: 92px;
}

    .container-cs .progress-bar .step {
        text-align: center;
        width: 100%;
        position: relative;
    }

        .container-cs .progress-bar .step p {
            font-weight: 500;
            font-size: 15px;
            color: #86a6d0;
            margin-bottom: 8px;
        }

.progress-bar .step .bullet {
    height: 29px;
    width: 54px;
    background: white;
    border: 2px solid #fafafa;
    display: inline-block;
    border-radius: 21px;
    position: relative;
    transition: 0.2s;
    font-weight: 500;
    font-size: 15px;
    line-height: 27px;
}

    .progress-bar .step .bullet.active {
        border-color: #1977f3;
        background: #1977f3;
    }

    .progress-bar .step .bullet span {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        color: #999797;
    }

    .progress-bar .step .bullet.active span {
        display: none;
        color:white;
    }

    .progress-bar .step .bullet:before,
    .progress-bar .step .bullet:after {
        position: absolute;
        content: '';
        bottom: 11px;
        right: -217px;
        height: 3px;
        width: 224px;
        background: #ffffff;
    }

    .progress-bar .step .bullet.active:after {
        background: #1977f3;
        transform: scaleX(0);
        transform-origin: left;
        animation: animate 0.3s linear forwards;
    }

@keyframes animate {
    100% {
        transform: scaleX(1);
    }
}

.progress-bar .step:last-child .bullet:before,
.progress-bar .step:last-child .bullet:after {
    display: none;
}

.progress-bar .step p.active {
    color: #000000;
    transition: 0.2s linear;
    font-weight: 600;
}

.progress-bar .step .check {
    position: absolute;
    left: 50%;
    top: 70%;
    font-size: 15px;
    transform: translate(-50%, -50%);
    display: none;
}

    .progress-bar .step .check.active {
        display: block;
        color: #fff;
    }