:root {
    --primary-color: #a73069;
    --secondary-color: #f3e3eb;
    --text-color: #262626;
    --text-hover-color: #fff;
    --lineborder-color: #f3eded;
    --footer-color: #646A6D;
}
/*==========Google font==========*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/*==========Google font==========*/

/*=======Sweet Alert in front of modal=========*/
.swal2-container {
    display: -webkit-box;
    display: flex;
    position: fixed;
    z-index: 300000;
}
/*=======Sweet Alert in front of modal=========*/

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

html {
    scrollbar-width: thin;
}

body {
    padding: 0px !important;
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #E7EDEE;
    /*  position: relative;*/
    font-family: sans-serif;
}

.container {
    width: 1024px !important;
    justify-content: center;
}

.containers {
    height: 70px;
    display: flex;
    width: 100% !important;
    justify-content: space-between !important;
    align-items: center;
    transition: opacity 0.3s ease;
}

.search_div {
    display: flex;
    align-items: center;
}

.socialMenu_icons_phone_view {
    display: none;
}

.top_nav {
    display: none;
}

.navbar {
    width: 100%;
    /*   background: #fff;*/
    background: #fff;
    z-index: 9999;
    /*box-shadow: 0 1px 4px 0 #ddd;*/
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    border: none;
    background: rgb(55, 51, 115);
    /* background: linear-gradient(90deg, rgba(48,80,157,1) 27%, rgba(136,70,150,1) 100%) !important;*/
}

.navbar-brand {
    padding: 0px !important;
}


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

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
    padding: 0px;
}

a:hover {
    text-decoration: none;
}
/***** Mozila Scroll Bar Css******/
html {
    /* For Firefox */
    overflow-y: scroll;
    scrollbar-color: #A8A8A8 #eaeaea;
    scrollbar-width: thin;
}

.new_active {
    color: #fff !important;
    background: #373373 !important;
}
/******Edge browder password icon hide *****/
input::-ms-reveal,
input::-ms-clear {
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

hr {
    border-top: 0px !important;
}
/*STCKY MENU */
/*.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    e
    height: 50px;
}*/

#search-form input[type=text] {
    border: none;
}

#header_top_margin {
    margin-bottom: 135px;
}

.fourtu_one_from_top {
    top: 60px;
}

.hundread_one_from_top {
    top: 60px;
}

.fourtu_one_from_top2 {
    top: 60px;
}

.hundread_one_from_top2 {
    top: 40px;
}

.search_filed_twoPage_view {
    top: 80px;
}

.search_filed_otherPage_view {
    top: 80px;
}

.small_popup_body {
    display: none;
}
/********* Left Right Popup **********/
.left_popup_body {
    position: absolute;
    left: 5px;
    top: 70px;
    width: 170px;
    height: 550px;
    display: flex;
    justify-content: flex-start;
    background: transparent;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-evenly;
    z-index: 99;
    transition: .5s;
}

.left_popup {
    width: 150px;
    height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*  background: #C2BEB7;*/
    overflow: hidden;
    flex-direction: column;
    justify-content: space-evenly;
}

#left_popup_body_id {
    position: fixed;
    bottom: 0;
    z-index: 999;
    display: none;
}

.left_popup i {
    position: absolute;
    right: 0px;
    top: 5px;
    font-size: 20px;
    color: #373373;
    cursor: pointer;
    transition: .3s;
}

.left_popup #popup_hide_icon_hide {
    position: absolute;
    right: 0px;
    bottom: 70px !important;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: .3s;
}

    .left_popup #popup_hide_icon_hide i {
        color: #373373;
    }

        .left_popup #popup_hide_icon_hide i:hover {
            color: #E74646;
        }

.left_popup #popup_hide_icon_show i {
    color: #373373;
}

    .left_popup #popup_hide_icon_show i:hover {
        color: #E74646;
    }

.left_popup #popup_hide_icon_show {
    position: absolute;
    right: 0px;
    bottom: 70px !important;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: .3s;
}

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

.left_popup i:hover, .right_popup i:hover {
    color: #E74646;
}

.right_popup_body {
    position: absolute;
    right: 5px;
    top: 70px;
    width: 170px;
    height: 550px;
    display: flex;
    justify-content: flex-start;
    background: transparent;
    background: transparent;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-evenly;
    z-index: 99;
    transition: .5s;
}

.right_popup {
    width: 150px;
    height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*   background: #C2BEB7;*/
    overflow: hidden;
    flex-direction: column;
    justify-content: space-evenly;
    margin-left: 20px;
}

#right_popup_body_id {
    position: fixed;
    bottom: 0;
    z-index: 999;
    display: none;
}

.right_popup i {
    position: absolute;
    left: 0px;
    top: 5px;
    font-size: 20px;
    color: #373373;
    cursor: pointer;
    transition: .3s;
}

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

.right_popup #right_popup_hide_icon_hide {
    position: absolute;
    left: 0px;
    bottom: 70px !important;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: .3s;
}

    .right_popup #right_popup_hide_icon_hide i {
        color: #373373;
    }

        .right_popup #right_popup_hide_icon_hide i:hover {
            color: #E74646;
        }

.right_popup #right_popup_hide_icon_show i {
    color: #373373;
}

    .right_popup #right_popup_hide_icon_show i:hover {
        color: #E74646;
    }

.right_popup #right_popup_hide_icon_show {
    position: absolute;
    left: 0px;
    bottom: 70px !important;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: .3s;
}
/**********/
.company_right_popup_body {
    position: absolute;
    right: 5px;
    top: 70px;
    width: 170px;
    height: 430px;
    display: flex;
    justify-content: flex-start;
    background: transparent;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-evenly;
    z-index: 99;
    transition: .5s;
}

.company_right_popup {
    width: 150px;
    height: 430px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #C2BEB7;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-evenly;
    margin-left: 20px;
}

    .company_right_popup i {
        position: absolute;
        left: 0px;
        top: 5px;
        font-size: 20px;
        color: #373373;
        cursor: pointer;
        transition: .3s;
    }

        .company_right_popup i:hover {
            color: #E74646;
        }

    .company_right_popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
/******/
.company_left_popup_body {
    position: absolute;
    left: 5px;
    top: 70px;
    width: 170px;
    height: 430px;
    display: flex;
    justify-content: flex-start;
    background: transparent;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-evenly;
    z-index: 99;
    transition: .5s;
}

.company_left_popup {
    width: 150px;
    height: 430px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #C2BEB7;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-evenly;
}

    .company_left_popup i {
        position: absolute;
        right: 0px;
        top: 5px;
        font-size: 20px;
        color: #373373;
        cursor: pointer;
        transition: .3s;
    }

        .company_left_popup i:hover {
            color: #E74646;
        }

    .company_left_popup img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
/********* End Left Right Popup **********/
/******** Large Device post part*********/
.large_post {
    display: none;
    background: #fff;
}

.large_device_add img {
    height: 60px;
    width: 100%;
}
/******** Large Device post part*********/
/********* Navbar ***********/
.navbar.scrolled {
    position: fixed;
}

.cityScrolleddDiv {
    position: fixed !important;
    top: 75px;
}

.scrolleddDiv.scrolled {
    position: fixed !important;
    top: 75px;
}

.growth_position.scrolled {
    position: fixed !important;
    top: 75px;
    background: #fff;
    border-radius: 5px;
}
.userRightScrolled {
    display: none;
    width: 250px;
    border: 1px solid #ddd;
}

.userRightScrolled.scrolled {
    position: fixed !important;
    top: 75px;
    background: #fff;
    border-radius: 5px;
    display: block;
}

.jobdivScroll {
    padding: 0px 0px 0px 10px;
    width: 260px;
    display: none;
}
.jobdivWithoutScroll {
    display: block;
}
    .jobdivWithoutScroll.scrolled {
        display: none;
    }
.jobdivScroll.scrolled {
    position: fixed !important;
    top: 180px;
    display: block;
}

.jobdivExecutiveScroll {
    padding: 0px 0px 0px 10px;
    width: 260px;
    display: none;
}

.jobdivExecutiveScroll.scrolled {
    position: fixed !important;
    top: 250px;
    display: block;
}

.scrolledProfile.scrolled {
    display: block;
}
#user_last_div{
    display:block;
}
    #user_last_div.scrolled {
        display: block;
    }
#header_menu_bg_div {
    /*position: relative;*/
    z-index: 99;
}
.fixed {
    position: fixed !important;
    width: 100% !important;
    /*height: 90px !important;*/
    top: 0 !important;
    left: 0;
    padding-left: 20px;
    margin: 0 auto;
    z-index: 999;
    background: #f5f5f5;
    transition: 0.3s ease;
    scroll-behavior: smooth;
}

.header_bottom_margin {
    margin-bottom: 0px;
}

.header_top_large_hide {
    display: none;
}

#fixed_top {
    box-shadow: 0px 4px 10px #ccc;
    /*  height: 90px;*/
    position: relative;
    /*   top: 85px;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 9999;
    transition: all ease-in-out 0.5s;
    scroll-behavior: smooth;
    /*background: #373373;*/
}

    #fixed_top::after {
        position: absolute;
        top: 0 !important;
        content: "";
        /* background: #001B41;*/
        background: rgb(48,80,157);
        background: linear-gradient(90deg, rgba(48,80,157,1) 27%, rgba(136,70,150,1) 100%);
        height: 100%;
        width: 100%;
        z-index: -1;
        /*    left: -614px;*/
    }

.navbar-collapse .dropdown-menu li {
    box-shadow: 0 26px 58px 0 rgba(0, 0, 0, .22), 0 5px 14px 0 rgba(0, 0, 0, .18) !important;
}

.navbar button[aria-expanded="true"] > span.close {
    display: flex;
    padding: 5px 6px;
}

.navbar button[aria-expanded="true"] > span.navbar-toggler-icon {
    display: none;
}

.navbar button[aria-expanded="false"] > span.close {
    display: none;
}

.navbar button .close i {
    color: rgb(198,0,124);
    font-size: 24px;
}

#fixed_top .navbar-brand {
    margin-right: 0px;
    position: absolute;
    left: 30px;
}

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

.brand_image_logo1 {
    margin-top:-40px;
    padding: 0px 10px;
    width: 180px;
    height: 50px;
}

#executiveProfessional {
    font-size: 20px !important;
    color: black;
}

.nav_bg {
    /*background: #fff;*/
    margin-bottom: -1px !important;
    padding: 0px 0px;
}

    .nav_bg .navbar-brand img {
        width: 200px;
        /*height: 100%;*/
        object-fit: contain;
    }


.brand_image_logo2 {
    display: none;
}

.navbar-brand_phone {
    /*    margin: 5px;*/
    /* background: #373373;
    border-radius: 70px;
    display: block !important;*/
    /* width: 60px!important;
    height: 35px!important;*/
    /*padding: 2px;*/
}


    .navbar-brand_phone img {
        width: 100%;
        height: 60px;
        object-fit: contain;
    }


.dashboard_category {
    display: none;
}


/*.navbar-collapse {
   justify-content: flex-end;*/
/*padding:0px 20px;*/
/*}*/

.navbar_img {
    width: 60px;
    height: 60px;
}
/*#navbarSupportedContent ul li ul{
    display: block;
}*/
.left_list {
    /* background:red;*/
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
    /* margin-left: 30px;*/
  /*  overflow: hidden;*/
    /*  height: 100%;*/
    /*width: 30%;*/
}

.left_lists {
    display: flex;
    justify-content: center;
    align-items: center;
  /*  overflow: hidden !important;*/
    padding: 0px 10px;
}

    .left_lists li {
        padding: 0px 40px;
    }

.socialMenu_icons_phone_view {
    width: 100%;
}

.left_list li a, .left_lists li a {
    display: inline-block;
    margin: 0px 5px 0px 10px !important;
    font-weight: 500 !important;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    transition: 0.3s;
    padding: 10px 0px !important;
    text-transform: capitalize;
    transition: .3s;
    font-family: "Lato", sans-serif !important;
    background: transparent;
    /* border: 3px solid #fff !important;*/
    border-radius: 5px;
}

.left_lists_phone_view li a {
    display: inline-block;
    font-weight: 500 !important;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    transition: 0.3s;
    padding: 10px 0px !important;
    text-transform: capitalize;
    transition: .3s;
    font-family: "Lato", sans-serif !important;
    background: transparent;
    /* border: 3px solid #fff !important;*/
    border-radius: 5px;
}

.left_list li a:hover {
    /*  border: 3px solid #27AAE1 !important;*/
    background: #11C7E6 !important;
    color: #000 !important;
}

.left_list li span {
    font-size: 14px;
    font-weight: 500;
}

.layout_post_lg_list_phone {
    display: none;
}


#phn_location_icon {
    display: inline-block;
    margin: 0px 0px 0px 15px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}
/*#phn_location_icon{
    display: none;
}*/

#layout_margin {
    margin-bottom: 75px;
}

.nav_search {
    width: 280px;
    height: auto;
    display: flex;
    align-items: center;
    border-radius: 5px;
        border: 1px solid rgb(198,0,124);
}

    .nav_search input,
    .nav_search button {
        border: none;
        border-radius: 0px;
        outline: none;
        height: 33px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

        .nav_search input::placeholder {
            font-size: 13px;
        }

    .nav_search button {
        background: firebrick;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

        .nav_search button i {
            color: #000;
        }

        .nav_search input :focus,
        .nav_search button:focus {
            outline: none;
            border: none;
        }

/*.navbar-collapse ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}*/
.navbar-collapse ul li a:focus {
    color: var(--text-color);
}

.right_list {
    /* float: right;*/
    justify-content: flex-end;
    align-items: center;
}

/*.right_list li:first-child a {
        border: 1px solid #9e9e9e;
        border-radius: 5px;
    }*/

.navbar-collapse ul li a {
    width: auto;
    border-radius: 5px;
    /*border: 1px solid #fff;*/
    color: var(--text-color);
    background: transparent;
    font-size: 15px;
    font-weight: 400;
    margin: 5px 0px;
    transition: 0.3s;
    padding: 5px 5px !important;
    text-transform: capitalize;
    font-family: "Lato", sans-serif !important;
}

    .navbar-collapse ul li a:hover, .left_list li a:hover {
        background: rgb(198,0,124);
        color: var(--text-hover-color);
    }

    .navbar-collapse ul li a i {
        font-size: 12px;
        padding-right: 5px;
    }

.navbar-collapse .dropdown-menu li a {
    padding: 10px 5px !important;
    background: none !important;
    color: #fff !important;
}


.nav_btn {
    background: #11C7E6;
    color: #fff;
    font-size: 16px !important;
    font-weight: 600;
    border: none;
    /* border: 3px solid #fff;*/
    padding: 28px 11px;
    border-radius: 5px;
    transition: 0.3s;
    font-family: "Lato", sans-serif !important;
}

    .nav_btn:hover {
        /*  border: 3px solid #27AAE1;*/
        background: #11C7E6;
        color: #fff;
    }

#signin_active_class {
    background: #11C7E6;
    color: #000;
}

#phn_search_filed {
    display: none;
}

#index_top_style {
    margin-top: 65px;
}

.post_ad_large_view_hide ul {
    display: none;
}
/********************/
/********************/
/*********End Navbar ***********/
/******** Sign In Section *********/
.sign_in_form_part {
    width: 460px;
    background: #fff;
    margin: 20px auto 30px auto;
    padding: 20px 30px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.sign_in_div_title {
    text-align: center;
    margin-bottom: 20px;
}

    .sign_in_div_title h1 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 8px;
        color: #1A2B3D;
    }

#login_login_body h4 {
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #1A2B3D;
}

.sign_in_div_title small {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    color: #1A2B3D;
}

    .sign_in_div_title small span {
        font-weight: 800;
        font-size: 18px;
        color: #201D46;
    }

    .sign_in_div_title small .login_user_text {
        font-size: 16px;
        font-weight: 700;
    }

.sign_in_after {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #5A6573;
    margin-bottom: 24px;
    position: relative;
}

    .sign_in_after::after {
        position: absolute;
        content: " ";
        width: 38%;
        right: 0px;
        height: 1px;
        background: #d8d8d8;
        top: 8px;
    }

    .sign_in_after::before {
        position: absolute;
        content: " ";
        width: 38%;
        left: 0px;
        height: 1px;
        background: #d8d8d8;
        top: 8px;
    }

.sign_in_div_google {
    text-align: center;
    margin: 0px auto 20px auto;
    width: 200px;
}

    .sign_in_div_google a {
        background: #F6FAFF;
        padding: 15px 45px;
        border-radius: 5px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        transition: .3s;
    }

        .sign_in_div_google a:hover {
            box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        }

        .sign_in_div_google a span {
            font-size: 18px;
            font-weight: 600;
            margin-left: 10px;
            color: #3E4957;
        }

.sign_in_div_form label {
    margin-bottom: 3px;
    font-size: 13.5px;
    color: #333;
}

.sign_in_div_form input {
    height: 45px;
    border-radius: 5px;
}

.sign_in_div_form #form_pass_show i {
    bottom: 10px;
}

.sign_in_div_form_forgot {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin: 10px 0px 5px 0px;
}

    .sign_in_div_form_forgot a {
        color: #1882FF !important;
        font-size: 13px;
    }

        .sign_in_div_form_forgot a:hover {
            text-decoration: underline !important;
            color: #69a7f1 !important;
        }

.sign_in_div_form_submit {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

    .sign_in_div_form_submit button, .sign_in_div_form_submit input {
        width: 100%;
        background: #a73069;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        border: none;
        padding: 10px 0px;
        border-radius: 5px;
        transition: .3s;
    }

        .sign_in_div_form_submit button:hover, .sign_in_div_form_submit input:hover {
            background: #a73069;
        }

.forgot_div_part {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px 0px 10px 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    border-radius: 5px;
    padding: 10px;
}

.forgot_div_title {
    margin: 5px 0px 20px 0px;
}

    .forgot_div_title h6 {
        font-size: 15px;
        font-weight: 600;
        color: #373373;
        text-align: center;
    }

.forgot_div_button_body {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.forgot_div_button {
    width: 100%;
    margin: 0px 5px;
}

    .forgot_div_button button {
        width: 100%;
        background: var(--primary-color);
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        border: none;
        padding: 8px 0px;
        border-radius: 5px;
        transition: .3s;
    }

        .forgot_div_button button:hover {
            background: var(--primary-color);
        }

.sign_up_div {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 15px 0px 10px 0px;
}

    .sign_up_div p {
        font-size: 14px;
        color: #4f4f4f;
    }

    .sign_up_div a {
        color: #1882FF !important;
        font-size: 14px;
        margin-left: 8px;
    }

        .sign_up_div a:hover {
            text-decoration: underline !important;
            color: #69a7f1 !important;
        }

.sign_in_div_form .phn_code_part_admin {
    bottom: 11px;
}
/******** End Sign In Section *********/
/******** Small Device post part*********/
.small_post {
    display: none;
}

/******** End Small Device post part*********/
.property #same_bg {
    background: #fff;
    /* padding-bottom: 50px;*/
    padding-top: 50px;
    border-bottom: 1px solid #f3eded;
}
.showUpproperty #same_bg {
    background: #fff;
    /* padding-bottom: 50px;*/
  /*  padding-top: 50px;*/
  /*  border-bottom: 1px solid #f3eded;*/
}

.property .last_child {
    border-bottom: 0px !important;
}

/************** Prperty**************/
.property_body {
    padding: 0px 0px 0px 0px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 220px;
}

.pro_title {
    text-align: center;
}

    .pro_title h5 {
        /*display: inline-block;
    margin-bottom: 10px;
    font-size: 22px;
    color: #198754;
    font-weight: 600;
    text-transform: capitalize;
    transition: .4s;*/

        margin-bottom: 5px;
        font-size: 21px;
        color: #198754;
        font-weight: 600;
        transition: .3s;
        font-family: "Lato", sans-serif !important;
        text-transform: capitalize;
       /* background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );*/
       /* background-size: auto auto;
        background-clip: border-box;
        background-size: 68% auto;*/
        color: Black;
       /* background-clip: text;
        text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textclip 2s linear infinite;
        display: inline-block;*/
    }

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.property_left:hover .pro_title h5 {
    font-size: 22px;
}

.pro_title p {
    color: blue;
    font-size: 12px;
    margin-bottom: 5px;
}

.top_total_count h4 {
    color: blue;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 0px 3px 0px;
    background: #fff;
    display: inline-block;
    padding: 5px 15px;
    margin: 5px 0px;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
}

.property_left,
.property_right {
    width: 22%;
}

.property_middle {
    width: 83%;
    display: inline-block;
    overflow: hidden;
    padding: 0px 20px;
}
/*showup area*/
.showUp_items {
    padding-left: 10px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}
.top_post_title, .showup_title {
    padding: 50px 0px 50px 10px;
}

.showUp_card {
    display: inline-block;
    position: relative;
    width: 19%;
}

.showup_card_image {
    position: relative;
    height: 150px;
    width: 100%;
}

    .showup_card_image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
/*showup area end*/
.property_middle .add_img {
    display: block;
    /*  width: 70px !important;
    height: 70px !important;*/
    width: 90px !important;
    height: 90px !important;
    /*  object-fit: contain !important;*/
}

    .property_middle .add_img img {
        /* width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;*/
        width: 100px; /* set desired width */
        height: 100px; /* set desired height */
        object-fit: contain;
    }

.property_left {
    height: 220px;
    border: 1px solid #b1afaf;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
    /*.property_left::before {
        content: "";
        z-index: 10;
        position: absolute;
        height: 187%;
        width: 5%;
        top: -53%;
        left: -198%;
        background: background: rgb(2,0,36);
        background: background: rgb(2,0,36);
        background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(212,230,231,1) 0%, rgba(32,54,57,1) 100%, rgba(168,94,23,1) 100%);
        transition: all 2s;
        transform: rotate(-35deg);
        animation: shine 3s infinite forwards;
    }*/

    .property_left a {
        padding: 7px 10px 10px 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
    }



.pro_title_img img {
    width: 115px;
    height: 115px;
}

.property_middle .add_items {
    height: 160px;
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 5px 5px 8px #ccc;
    border-radius: 10px;
    background: #faf3f6;
    margin: 18px 3px 10px 3px;
    transition: 0.4s;
    padding: 8px 3px 8px 3px;
}

    .property_middle .add_items:hover {
        transform: translateY(5px);
        background: #f0f5f7c7;
    }

.property .add_img img {
    width: 80px;
    height: 80px;
    transition: .4s;
}

.property_modal .modal-body .small-card img {
    width: 100px;
    height: 80px !important;
}

.property_middle .add_title p {
    font-family: "Lato", sans-serif !important;
    text-transform: capitalize;
    display: inline-block;
    padding: 3px 0px 0px 0px;
    border-radius: 7px;
    margin-top: 5px;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    transition: .4s;
    text-align: center;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

    .property_middle .add_title p:last-child {
        color: blue;
        margin-top: 0px !important;
        padding: 0px !important;
    }

.property_middle .add_items:hover .add_title p {
    /* background: #e0f1f9c7;*/
    /* padding: 4px 7px;*/
    /*  border-radius: 0;*/
    /* -webkit-line-clamp: 3;*/
}

#property_right_post_img {
    height: 220px;
    width: 100%;
    border-radius: 5px;
    /*border: 1px solid #b1afaf;*/
    padding: 0px;
    overflow: hidden;
}

    #property_right_post_img img {
        height: auto;
        margin: 0 auto;
        max-height: 100%;
        max-width: 100%;
        width: auto;
        display: flex;
    }
/*.property_right a img {
    width: 100%;
    height: 220px;
    border-radius: 5px;
    border: 1px solid #b1afaf;
    padding: 0px;
}*/

.property_middle .owl-prev {
    left: -20px;
    top: 200px;
    width: 30px;
    height: 30px;
    color: #000;
    background: transparent;
    -webkit-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    top: 50%;
    left: 0%;
    transform: translate(-50%,-50%);
    text-align: center;
    position: absolute;
    opacity: 0;
}

.property_middle:hover .owl-prev {
    opacity: 1;
}

.property_middle:hover .owl-next {
    opacity: 1;
}

.property_middle .owl-next {
    right: -20px;
    top: 200px;
    width: 30px;
    color: #000;
    height: 30px;
    background: transparent;
    -webkit-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    top: 50%;
    right: -4%;
    transform: translate(-50%,-50%);
    text-align: center;
    position: absolute;
    opacity: 0;
}

.property_middle .owl-prev, .property_middle .owl-prev {
    position: absolute;
}

/*******Property Modal***********/
.small-card {
    width: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: none !important;
}

    .small-card h4 {
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        color: #000000;
        text-align: center;
        margin-bottom: 5px;
    }

.small-card-img {
    width: 130px;
    height: 104px;
    background: #F6F6F6;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/************** End Prperty**************/

/*********Same Partner Slider ***********/

/*.partner_slider_top_border {
    border: 1px solid #00A9B1 !important;
    margin: 0px 8px;
}*/
.partner_slider_bottom_border {
    border: 1px solid #00A9B1 !important;
    margin: 0px 8px;
}

.partner_slider_title {
    text-align: center;
}

    .partner_slider_title h4 {
        color: #073B52;
        font-size: 20px;
        font-weight: 600;
        margin: 35px 0px 30px 0px;
        font-family: "Lato", sans-serif !important;
        text-align: center;
        padding-bottom: 5px;
        display: inline-block;
    }

        .partner_slider_title h4 span {
            color: #073B52;
            font-size: 20px;
            font-weight: 600;
            font-family: "Lato", sans-serif !important;
        }

.partner_slider_item {
    background-color: #fff;
    border: 1px solid #dae4e5;
    overflow: hidden;
    padding: 15px;
    border-radius: 5px;
    position: relative;
    transition: .2s;
    margin: 8px;
}

    .partner_slider_item:hover {
        border: 1px solid #00B1B5;
    }

    .partner_slider_item a {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        flex-direction: column;
    }

.partner_slider_image {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
}

    .partner_slider_image img {
        max-height: 150px;
        max-width: 150px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.partner_slider_body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0px !important;
}

.partner_slider_item .partner_slider_corner {
    background: #dae4e5;
    position: absolute;
    top: 0;
    right: -15px;
    width: 26px;
    height: 100%;
    transform: skew(6deg);
    background-image: linear-gradient(-45DEG,#006c96 1%,#00c1bc 100%);
}

    .partner_slider_item .partner_slider_corner .go-arrow {
        margin-top: -4px;
        margin-right: -4px;
        margin-left: 4px;
        color: #fff;
        font-family: courier,sans;
        font-size: 20px;
        font-weight: 700;
        display: none;
    }

.partner_slider_bottom_text {
    padding: 5px;
    z-index: 999;
}

    .partner_slider_bottom_text p {
        font-size: 12px !important;
        font-weight: 600 !important;
        color: #2c2c2c !important;
    }

        .partner_slider_bottom_text p span {
            font-size: 12px;
            font-weight: 600;
            color: #666;
        }

    .partner_slider_bottom_text .partner_slider_name {
        text-align: center;
    }

        .partner_slider_bottom_text .partner_slider_name span {
            text-transform: uppercase;
            font-weight: 800;
            color: #3c3c3c;
        }

.partner_slider_body .owl-next {
    right: -20px;
    top: 200px;
    width: 30px;
    color: #000;
    height: 30px;
    background: transparent;
    /*  -webkit-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;*/
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    top: 50%;
    right: -25px;
    transform: translate(-50%,-50%);
    text-align: center;
    position: absolute;
    opacity: 0;
}

.partner_slider_body .owl-prev {
    width: 30px;
    height: 30px;
    color: #000;
    background: transparent;
    /* -webkit-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;*/
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    top: 50%;
    left: 6px;
    transform: translate(-50%,-50%);
    text-align: center;
    position: absolute;
    opacity: 0;
}

.partner_slider_body:hover .owl-prev {
    opacity: 1;
}

.partner_slider_body:hover .owl-next {
    opacity: 1;
}
/********* End Same Partner Slider ***********/
/**********Mou Partners ***************/
/*.mou_partner{
    margin:0px 20px;
}*/
.mou_title {
    /*  padding-left: 8px;*/
}

#mou_caraosel_div {
    padding: 0px 50px;
}

.mou_partner .mou_title h3 {
    width: 100%;
    padding: 5px 30px;
    color: #073B52;
    font-size: 20px;
    font-weight: 600;
    margin: 35px 0px 30px 0px;
    font-family: "Lato", sans-serif !important;
    display: inline-block;
    text-align: center;
}

.mou_partner a .add_items {
    cursor: pointer;
    margin: 8px;
    border-radius: 8px;
    transition: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f3eded;
    padding: 15px 0px;
}

    .mou_partner a .add_items:hover {
        transform: translateY(3px);
    }

    .mou_partner a .add_items img {
        height: 70px;
        width: 70px;
    }

.mou_partner .owl-carousel .owl-dots.disabled, .mou_partner .owl-carousel .owl-nav.disabled {
    display: block;
}

.mou_partner .owl-prev {
    left: -20px;
    width: 30px;
    height: 30px;
    color: #000;
    background: transparent;
    -webkit-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    top: 45%;
    left: 1%;
    transform: translate(-50%,-50%);
    text-align: center;
    position: absolute;
    opacity: 0;
}

.mou_partner:hover .owl-prev {
    opacity: 1;
}

.mou_partner:hover .owl-next {
    opacity: 1;
}

.mou_partner .owl-next {
    right: -20px;
    width: 30px;
    color: #000;
    height: 30px;
    background: transparent;
    -webkit-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    top: 45%;
    right: -2%;
    transform: translate(-50%,-50%);
    text-align: center;
    position: absolute;
    opacity: 0;
}


.mou_partner .owl-prev, .mou_partner .owl-prev {
    position: absolute;
}
/********** End Mou Partners ***************/

/**************** Student_Part ***********/
.Partners_title {
    display: none;
}

#student_part {
    /* border: 2px solid #8AB9FF;*/
    border-radius: 5px;
    margin: 1px;
}

.student_part .student_card {
    background: #929698;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    margin-bottom: 0px;
    margin-top: 10px;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.student_card .student_btn:hover {
    background-color: var(--primary-color);
}

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

.card_div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 30px 20px;
}

    .card_div > div:first-child {
        width: 30%;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }
    .card_div > div:last-child {
        width: 70%;
    }
        .card_div > div p {
            font-size: 14px;
            padding: 20px 0px;
            color: #fff;
        }

        .card_div > div h1 {
            font-weight: bold;
            color: #fff;
        }

.card_top_text {
    width: 22%;
    position: absolute;
    /* top: 50%;
    left: 60%;
    transform: translate(11%, -50%);*/
    bottom: 16%;
    left: 5%;
}


.student_part .student_card h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px;
    font-family: "Lato", sans-serif !important;
    /* border-bottom: 3px solid #373373;*/
    display: inline-block;
}


.student_part small {
    color: #fff;
    font-size: 15px;
    text-align: justify;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    font-family: "Lato", sans-serif !important;
}

.student_card_btn_div {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.student_card .student_btn {
    width: 70%;
    text-transform: capitalize;
    /*    position: absolute;*/
    /*  display: none;*/
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    margin: 5px 0px 0px 0px;
    font-size: 18px;
    font-weight: 500;
    border: none;
    color: #fff;
    padding: 8px 50px;
    /*  border: 2px solid #fff;*/
    border-radius: 30px;
    transition: 0.3s;
    font-family: "Lato", sans-serif !important;
    background-color: var(--primary-color);
    -webkit-transition: background .3s linear;
    -moz-transition: background .2s linear;
    transition: 0.5s;
}


.student_part .student_btn:hover {
    /*   border: 2px solid #373373;
    background-color: hsla(0,0%,100%,.9);*/
    color: var(--text-hover-color);
    transform: scale(1.05);
}
/*.student_card:hover .student_btn{
   display: inline;
   transition: .3s;
   opacity: 1;
}*/
/**************** End Student_Part ***********/
/************** Member Card************/
.member_card .member_title h3 {
    color: #073B52;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: "Lato", sans-serif !important;
}

.member_card .member_card_img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ebe9e9;
    padding: 10px;
    overflow: hidden;
    transition: .3s;
    border-radius: 7px;
    cursor: pointer;
}

    .member_card .member_card_img img {
        width: 155px;
        height: 155px;
        transition: .3s;
    }

    .member_card .member_card_img:hover img {
        transform: scale(1.1);
    }


.new_member_item {
    width: 98%;
    display: flex;
    flex-direction: row;
    /*border: 2px solid #8AB9FF;*/
    padding: 10px;
    border-radius: 5px;
    align-items: center;
    margin: 8px 8px 8px 4px;
    background: rgb(253 241 255);
}

.new_member_body .owl-next {
    right: -8px;
    width: 30px;
    color: #000;
    height: 30px;
    background: transparent;
    -webkit-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    top: 43%;
    transform: translate(-50%,-50%);
    text-align: center;
    position: absolute;
    opacity: 0;
}

.new_member_body:hover .owl-next {
    opacity: 1;
}

.new_member_body:hover .owl-prev {
    opacity: 1;
}

.new_member_body .owl-prev {
    opacity: 0;
    left: 20px;
    width: 30px;
    color: #000;
    height: 30px;
    background: transparent;
    -webkit-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    top: 43%;
    transform: translate(-50%,-50%);
    text-align: center;
    position: absolute;
}

.new_member_item_left {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.new_member_item_left_title {
    width: 100%;
}

.new_member_item_left_btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 35px 0px 20px 0px;
}

.new_member_body {
    margin-top: 35px;
}

.new_member_item_left_title h2 {
    color: #073B52;
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0px 20px 0px;
    font-family: "Lato", sans-serif !important;
    /* border-bottom: 3px solid #373373;*/
    display: inline-block;
    padding-bottom: 2px;
}

    .new_member_item_left_title h2 span {
        color: #073B52;
        font-size: 12px;
        font-family: "Lato", sans-serif !important;
    }

.new_member_item_left_text p {
    text-align: justify;
    color: #073B52;
    font-size: 14px;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.new_member_item_left_btn button {
    text-transform: capitalize;
    /* position: absolute; */
    /* display: none; */
    margin: 5px 0px 0px 0px;
    font-size: 12px;
    font-weight: 500;
    border: none;
    color: #fff;
    padding: 3px 10px;
    /*border: 2px solid #8AB9FF;*/
    border-radius: 20px;
    transition: 0.3s;
    font-family: "Lato", sans-serif !important;
    background-color: var(--primary-color);
    -webkit-transition: background .3s linear;
    -moz-transition: background .2s linear;
    transition: background .2s linear;
}

    .new_member_item_left_btn button:last-child {
        font-size: 16px;
        padding: 8px 50px;
    }

    .new_member_item_left_btn button:hover {
        background: var(--primary-color);
        /*   border: 2px solid #373373;*/
        color: #fff;
    }

.new_member_item_right_btn a {
    text-transform: capitalize;
    /* position: absolute; */
    /* display: none; */
    margin: 5px 0px 0px 0px;
    font-size: 12px;
    font-weight: 500;
    border: none;
    color: #fff;
    padding: 5px 15px;
    border: 2px solid #fff;
    border-radius: 0px;
    transition: 0.3s;
    font-family: "Lato", sans-serif !important;
    background-color: rgba(55,51,115,.75);
    -webkit-transition: background .3s linear;
    -moz-transition: background .2s linear;
    transition: background .2s linear;
}

    .new_member_item_right_btn a:hover {
        background: #fff;
        border: 2px solid #373373;
        color: #373373;
    }

.new_member_item_right {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-left: 20px;
}

.new_member_item_right_icon img {
    width: 180px !important;
    height: 180px;
}
/**************End Member Card************/
/********** User Dashboard ************/
#city_partner_balance_small_show {
    display: none;
}

#user_post_top_part {
    border-bottom: 1px solid #373373;
    padding-bottom: 10px;
}

.user_post_top {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0px 20px 0px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.user_post_top_div {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.user_post_right_div {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.user_post_right_div_fuel {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 70%;
    margin-left: 15px;
}

    .user_post_right_div_fuel span {
    }

.user_post_right_div span {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    margin-right: 7px;
    font-weight: 500;
}

.user_post_right_div label {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 600;
    width: 30%;
    margin: 5px 0px;
}

#isNago {
    margin: 5px 0px;
}

    #isNago span {
        width: 70% !important;
        margin-left: 15px;
    }

        #isNago span input {
            margin-right: 5px;
            width: auto !important;
            margin-left: 0px;
        }

.user_post_right_div_report_title h4 {
    font-size: 14px;
    font-weight: 600;
    color: #373373;
    border-bottom: 1px solid #373373;
    padding-bottom: 3px;
    margin-bottom: 5px;
}

#dashboard_reports_pdf {
    width: 100%;
    display: flex;
    flex-direction: column;
}

    #dashboard_reports_pdf .dashboard_reports_pdf_div {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }

#dashboard_reports_image {
    height: 100px !important;
}

#dashboard_reports_pdf .modal_card_part_details {
    width: 100%;
}

    #dashboard_reports_pdf .modal_card_part_details .dashboard_reports_pdf_div p {
        font-size: 14px !important;
    }

        #dashboard_reports_pdf .modal_card_part_details .dashboard_reports_pdf_div p:first-child {
            font-weight: 600;
            margin-right: 7px;
        }

.user_post_right_div input {
    border: none;
    background: #fff;
    font-size: 13px;
    width: 70% !important;
    background: transparent !important;
}
.form-control{
    background-color:#fff;
}
.user_post_right_div .form-control:disabled, .user_post_right_div .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}



.width-machine {
    /*   Sort of a magic number to add extra space for number spinner */
    padding: 0 1rem;
}

.user_post_right_div .textarea {
    display: block;
    width: 100%;
    /* overflow: hidden; */
    resize: both;
    min-height: 45px;
    line-height: 20px;
    overflow-y: auto;
    margin-left: 13px;
}


.textarea[contenteditable]:empty::before {
    content: "Placeholder still possible";
    color: gray;
}
/*.user_post_right_div textarea {
    min-height: 60px;
    overflow-y: auto;
    word-wrap: break-word;
    border: none;
}*/
.user_post_right_div label span {
    font-size: 13px;
    font-weight: 500;
}

.user_post_right_div p {
    font-size: 13px;
    font-weight: 500;
    /* margin-left: -13px; */
    width: 70%;
    text-align: justify;
    max-height: 130px;
    overflow-y: auto;
    padding-left: 12px;
}

.user_post_right_div .status {
    font-size: 15px;
    font-weight: 700;
    color: #000;
}

.user_post_top_div span {
    font-size: 13px;
    font-weight: 600;
    margin-right: 7px;
}

#user_post_right_div_bottom label {
    font-size: 13px;
    font-weight: 600;
    margin: 10px 0px 3px 0px;
}

.user_post_top_div p {
    font-size: 13px;
    font-weight: 500;
}

.row_part {
    border: 1px solid #ddd;
}

.container_part img {
    vertical-align: middle;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* Position the image container (needed to position the left and right arrows) */
.container_part {
    position: relative;
}

    /* Hide the images by default */
    .container_part .mySlides {
        display: none;
        height: 400px;
        margin-bottom: 10px;
        border: 1px solid #ddd;
    }

    /* Add a pointer when hovering over the thumbnail images */
    .container_part .cursor {
        cursor: pointer;
    }

    /* Next & previous buttons */
    .container_part .prev,
    .container_part .next {
        cursor: pointer;
        position: absolute;
        top: 40%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: white;
        font-weight: bold;
        font-size: 20px;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
    }

    /* Position the "next button" to the right */
    .container_part .next {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

        /* On hover, add a black background color with a little bit see-through */
        .container_part .prev:hover,
        .container_part .next:hover {
            background-color: rgba(0, 0, 0, 0.8);
            color: #fff !important;
        }

.myClass_part {
    border: 1px solid #ddd !important;
}

.row_part:after {
    content: "";
    display: table;
    clear: both;
}

/* Six columns side by side */
.column_part {
    float: left;
    width: 20%;
    height: 100px;
}

/* Add a transparency effect for thumnbail images */
.demo {
    opacity: 0.4;
}

    .active,
    .demo:hover {
        opacity: 1;
    }

#kendoComboboxInputError {
    border: 1px solid red !important;
}

#kendoComboboxInputOk {
    border: 1px solid #D2D6DE !important;
}

#cuppon_large_hide {
    display: none;
}

#admin_body_part {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
}

    #admin_body_part .top_counter, #admin_bottom_body_part .top_counter {
        border: 1px solid #ebebeb;
        margin: 0px 10px;
        width: auto;
    }

    #admin_body_part .body, #admin_bottom_body_part .body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px 10px;
    }

        #admin_body_part .body .icon, #admin_bottom_body_part .body .icon {
            margin-right: 0px !important;
            margin-bottom: 10px;
        }

            #admin_body_part .body .icon i, #admin_bottom_body_part .body .icon i {
                border: 1px solid #ebebeb;
                width: 40px;
                height: 40px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 5px;
                color: #373373;
                font-size: 20px;
                padding: 5px;
            }

        #admin_body_part .body .content, #admin_bottom_body_part .body .content {
            text-align: center;
        }

            #admin_body_part .body .content .text, #admin_bottom_body_part .body .content .text {
                font-size: 14px;
            }

            #admin_body_part .body .content h5, #admin_bottom_body_part .body .content h5 {
                font-size: 18px;
                color: #373373;
                font-weight: 600;
            }

#admin_bottom_body_part {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
}

#cuppon_admin_title h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

#cuppon_admin_title .body {
    height: 100px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#cuppon_admin_title .text-light {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#cuppon_admin_title label {
    margin-bottom: 0px !important;
    cursor: pointer !important;
}

#cuppon_admin_graph h5 {
    font-size: 18px;
    color: #373373;
    font-weight: 600;
}

#cuppon_admin_graph .stat-item h5 {
    font-size: 14px;
    color: #373373;
    font-weight: 600;
    padding: 3px 5px;
}

.admin_post .pagination li a {
    cursor: pointer;
}

#form_pass_show {
    position: relative
}

    #form_pass_show i {
        cursor: pointer;
        position: absolute;
        right: 10px;
        bottom: 6px;
    }


#user_dashboard_content {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    height: 72px;
    border: 1px solid #6C757D;
    margin: 10px 20px 30px 20px;
    padding: 0px;
    border-radius: 5px;
    background: #6C757D;
}

    #user_dashboard_content i {
        color: #F58180;
        font-size: 20px;
        margin-left: 5px;
    }

.clearfix {
    margin: 0px 8px !important;
}

#city_admin_body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.clearfix .user_dashboard_item_same {
    margin-bottom: 20px !important;
    margin-right: 10px;
}

    .clearfix .user_dashboard_item_same .body {
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        transition: .3s;
    }

    .clearfix .user_dashboard_item_same .bg_primary {
        background: #17454d;
    }

    .clearfix .user_dashboard_item_same .bg_secondary {
        background: #6C757D;
    }

    .clearfix .user_dashboard_item_same .body:hover {
        transform: translateY(4px);
    }

    .clearfix .user_dashboard_item_same .body h4 {
        font-size: 15px;
        letter-spacing: 1.2px;
    }

        .clearfix .user_dashboard_item_same .body h4:nth-child(2) {
            font-size: 20px;
            margin-top: 5px;
        }

    .clearfix .user_dashboard_item_same .body i {
        font-size: 15px;
        margin-left: 5px;
    }

#accounts_report label {
    font-size: 13px;
    font-weight: 600;
    margin: 10px 0px 3px 0px;
}

.user_dashboard_items {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

    .user_dashboard_items #user_dashboard_item {
        width: 18%;
        margin: 0px 5px 5px 5px;
    }

        .user_dashboard_items #user_dashboard_item:first-child {
            margin-left: 0px;
        }

        .user_dashboard_items #user_dashboard_item:last-child {
            margin-right: 0px;
        }

#getStudentPartner h3, #getCityPartner h3 {
    font-size: 16px;
    font-weight: 600;
}

#getStudentPartner .box-header.with-border, #getCityPartner .box-header.with-border {
    padding-left: 0px;
}

#getStudentPartner label, #getCityPartner label {
    margin:2px;
    font-size: 14px;
    font-weight: 600;
}

#getStudentPartner .has-feedback img, #getCityPartner .has-feedback img {
    width: 200px;
    height: 200px;
}

#supur_admin_dashboard h5 {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1.2px;
}

#supur_admin_dashboard .body {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
}

.adver_home_img img {
    height: 150px;
    width: 150px;
    margin-top: 5px;
}
/*#getStudentPartner {
    margin-top: 80px;
}*/
.city_exe_left_side {
    background: #171A24;
    border-radius: 5px;
}

    .city_exe_left_side i {
        color: #EB1513;
        margin-top: 13.5px;
    }

    .city_exe_left_side .text {
        color: #7a7c8d;
    }

    .city_exe_left_side h6 {
        color: #fff;
        font-size: 18px;
    }
/********** End User Dashboard ************/
/******* Promotion *********/
#promotion_left_border {
    border-right: 1px solid #e9e9e9;
}

#promotion_text p {
    font-size: 14px;
}

#promotion_left_border i {
    cursor: pointer;
    font-size: 20px;
}

#promotion_left_border .fa-minus-circle {
    color: red !important;
}

/********* LOGIN FORM *************/
#phn_code {
    position: relative;
}

.phn_code_part {
    position: absolute;
    bottom: 7px;
    background: #fff;
    left: 5px;
}

#phn_code input {
    padding-left: 35px;
}

    #phn_code input::placeholder {
        padding-left: 5px !important;
    }

.phn_code_part p {
    font-size: 14px;
    color: #212121;
}

#phn_code_admin {
    position: relative;
}

    #phn_code_admin::after {
        content: '';
        height: 100%;
        width: 1px;
        background: #9d9999;
        left: 60px;
        position: absolute;
        top: 0px;
    }

.phn_code_part_admin {
    position: absolute;
    bottom: 7px;
    background: #fff;
    left: 5px;
    background: transparent;
}

#phn_code_admin input {
    padding-left: 65px !important;
}

    #phn_code_admin input::placeholder {
        padding-left: 0px !important;
    }

.phn_code_part_admin p {
    font-size: 14px;
    color: #212121;
}

    .phn_code_part_admin p span img {
        width: 20px;
        height: 20px;
    }

#login_image img {
    width: 60px;
    height: 60px;
    margin-top: 5px;
}

#sign_login_body {
    width: 700px;
    margin: 20px auto !important;
    border: 1px solid #ddd;
}

    #sign_login_body label b {
        font-size: 13px;
        font-weight: 600;
    }

.form_img_close_part {
    position: relative;
}

.addsocial_bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#videoPreviewDiv {
    position: relative;
}

#videoDeleteicon {
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 23px;
    color: red;
    cursor: pointer;
    z-index: 2;
}

.form_img_close_part img {
    object-fit: cover;
}

.form_img_close_part:hover i {
    display: block;
}

.form_img_close_part i {
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 23px;
    color: red;
    cursor: pointer;
    display: none;
    transition: .4s;
}

#login_login_body {
    width: 350px;
    margin: 40px auto !important;
}

#getUser {
    margin: 20px auto;
}

    #getUser label, #add_cuppon label {
        font-size: 13px;
    }

    #getUser div.error, #add_cuppon div.error {
        font-size: 12px;
    }

    #getUser input::placeholder, #add_cuppon input::placeholder {
        font-size: 13px;
    }

    #getUser .box {
        width: auto;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    }

#email_verification {
    position: relative;
}

    #email_verification .email_child {
        position: absolute;
        right: 1px;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        top: 25.5px;
    }

        #email_verification .email_child p {
            margin-right: 20px;
            color: green;
            font-size: 14px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            #email_verification .email_child p i {
                margin-right: 5px;
            }
/********************/
#active_post {
    background: #fff;
    padding: 0px 0px 20px 0px;
}

    #active_post label {
        font-size: 13px;
        margin: 8px 0px 3px 0px;
    }

#active_post_title h5 {
    border-bottom: 2px solid #373373;
    display: inline-block;
    margin: 20px 0px 20px 0px;
    font-size: 17px;
    font-weight: 600;
    color: #373373;
}

.admin_post_title {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.admin_post #admin_view {
    /* background: #030238;*/
    /* display: block; */
    color: #030238;
    /* width: auto; */
    display: table;
    /*padding: 3px 5px;*/
    border-radius: 3px;
}

.admin_post img {
    width: 112px;
    height: 125px;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    object-fit: cover;
    overflow: hidden;
}

.admin_post_title {
    margin-bottom: 20px;
}

    .admin_post_title h4 {
        color: #000;
        font-size: 14px;
        line-height: 1.1;
        font-weight: 600;
        margin: 5px 0px 15px 0px;
        border-bottom: 1px solid #000;
        padding-bottom: 7px;
    }

.admin_post .admin_post_btn_list button {
    display: inline-block;
    border: none;
    background-color: #354f6c !important;
    color: #fff;
    font-size: 11px;
    padding: 4px 12px;
    border-radius: 5px;
    border: 1px solid #fff;
    transition: .3s;
    margin: 5px 5px;
}

    .admin_post .admin_post_btn_list button:hover {
        border: 1px solid #072441;
        background: #fff;
        color: #072441;
    }

.admin_post_body {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.admin_post .card-body {
    padding: 0px 0px 0px 5px;
}

.admin_post .card {
    box-shadow: 5px 5px 8px #ccc;
    transition: .3s;
    width: 23%;
    margin: 10px 9px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px;
}

    .admin_post .card:hover {
        transform: translateY(2px);
    }

    .admin_post .card .card_right {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        overflow: hidden;
    }

.admin_post .card-body h5, .admin_post .card-body h6 {
    color: #000;
    font-size: 9px;
    font-weight: 500;
    margin: 0px 0px 4px 0px;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.admin_post .card_post_bold {
    font-weight: 600 !important;
}

    .admin_post .card_post_bold span {
        font-size: 10px !important;
    }

.admin_post .card-body h5 span, .admin_post .card-body h6 span {
    font-size: 9px;
    margin-bottom: 10px;
    color: #494848;
}

.admin_post #post_view_bold {
    font-size: 11px !important;
}

    .admin_post #post_view_bold span {
        font-size: 11px !important;
    }

.admin_post .card_btn {
    margin-left: 5px;
}

    .admin_post .card_btn button {
        display: inline-block;
        border: none; /*
            background: #072441;*/
        color: #fff;
        font-size: 10px;
        padding: 2px 5px;
        border-radius: 5px;
        border: 1px solid #fff;
        transition: .3s;
    }

        .admin_post .card_btn button:hover {
            border: 1px solid #072441;
            background: #fff;
            color: #072441;
        }

.new_admin_post_body {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    overflow: hidden;
    width: 100%;
}

.new_admin_post_body_2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    overflow: hidden;
    width: 100%;
}

.new_card {
    display: flex;
    flex-direction: column;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
    transition: .4s;
    overflow: hidden;
    justify-content: space-between;
}

    .new_card:hover {
        border: 1px solid #373373;
    }

.new_card_top {
    display: flex;
    flex-direction: row;
}

#new_card_2 {
    display: flex;
    flex-direction: column;
}

.new_card_img {
    margin-right: 10px;
}

#new_card_img_2 {
    margin-right: 0px;
    margin-bottom: 5px;
    width: 100%;
}

    #new_card_img_2 img {
        width: 100%;
        object-fit: cover;
        height: 125px;
    }

.card_post_bold {
    color: #373373;
    font-size: 13px;
    font-weight: 500;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 5px;
}

.card_post_same {
    color: #6c6c6c;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
}

.card_post_view {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #373373 !important;
}

.new_card_right {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.new_card_bottom {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    border-radius: 5px;
}

.new_card_btn {
    width: 100%;
    display: grid;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr 1fr;
}

    .new_card_btn .edit_button {
        background: var(--primary-color);
        color: #fff;
        padding: 2px 5px !important;
        font-size: 12px;
        border: none;
        border-radius: 4px;
        transition: .4s;
        margin-right: 3px;
    }

        .new_card_btn .edit_button:hover {
            background: #1d1a41;
        }

    .new_card_btn .delete_btn {
        font-size: 12px;
        background: #E64F3D;
        padding: 2px 5px !important;
        color: #fff;
        border: none;
        border-radius: 4px;
        transition: .4s;
    }

        .new_card_btn .delete_btn:hover {
            background: #ee260e;
        }

.new_card_bottom, .boost_btn {
    border: 1px solid var(--primary-color);
    background: #fff;
    color: var(--primary-color);
    font-weight: 600;
    width: 100%;
    transition: .5s;
}

.new_card:hover .new_card_bottom  {
    background: var(--primary-color);
    color: #fff;
    transition: .5s;
}
.new_card_bottoms_addpost {
    display: flex;
    gap: 5px;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    border-radius: 5px;
}
.boost_btn:hover {
    background: var(--primary-color);
    color: #fff;
    transition: .5s;
}

/********************/
/******* GET USER **********/
#ServiceModal .modal-dialog {
    max-width: 70%;
    margin: 0 auto;
}

#get_user_part label {
    font-size: 13px;
    margin-bottom: 0px;
}

#get_user_part input::placeholder {
    font-size: 13px;
}

.get_user_img_body {
    display: flex!important;
    flex-direction: row;
    flex-wrap: wrap;
}

.get_user_img {
    width: 20%;
}

.get_user_img_body .get_user_img img {
    width: 120px;
    height: 120px;
    margin: 10px 10px;
}

.get_user_top {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.get_user_top_right p {
    display: inline-block;
    margin-left: 20px;
}

.k-popup .k-list .k-item, .k-fieldselector .k-list .k-item {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em;
    font-size: 14px !important;
}

.k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
    border-radius: 3px 0 0 3px;
    height: 30px !important;
    font-size: 14px !important;
}
/******* END GET USER **********/
/********* END LOGIN FORM *************/

/********* POST ADD **********/

#post_ad_menu {
    height: 365px;
    overflow: hidden;
    position: relative;
}

    #post_ad_menu::after {
        position: absolute;
        content: "";
        width: 1px;
        background: #adadad;
        height: 100%;
        left: 250px;
        top: 0;
    }


.post_menu {
    width: 100%;
    left: 0;
}

    .post_menu ul {
        display: flex;
        flex-direction: column;
    }

    .post_menu li a:focus {
        color: #00b6ff !important;
    }

    .post_menu li a:hover {
        color: #fff !important;
    }

    .post_menu ul li {
        display: block;
    }

    .post_menu ul .submenu {
        width: 250px;
        padding: 0px 10px;
        cursor: pointer;
    }

        .post_menu ul .submenu:hover {
            background: var(--primary-color);
            color: #fff;
        }

            .post_menu ul .submenu:hover a span i {
                color: #fff;
            }

    .post_menu li a {
        line-height: 40px;
        padding: 0px 0px;
        text-transform: capitalize;
        text-decoration: none;
        color: #494949;
        font-size: 14px;
        word-wrap: break-word;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

        .post_menu li a span {
            position: absolute;
            left: 235px;
        }

            .post_menu li a span i {
                color: #494949;
                font-size: 12px;
            }

        .post_menu li a:hover span i {
            color: #fff;
        }
    /* Hide dropdowns by default */
    .post_menu ul ul {
        width: 56%;
        position: absolute;
        display: none;
        left: 250px;
        top: 0;
        height: 100%;
        overflow-y: auto;
    }

    .post_menu ul .submenu ul li {
        padding: 0px 0px;
    }

        .post_menu ul .submenu ul li a {
            color: black !important;
            word-wrap: break-word;
            overflow: hidden;
            display: -webkit-box;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            padding-left: 15px;
        }

            .post_menu ul .submenu ul li a:hover {
                color: #fff !important;
            }

        .post_menu ul .submenu ul li:hover {
            background: var(--primary-color);
        }

            .post_menu ul .submenu ul li:hover a {
                color: #fff;
            }
    /* Display Dropdowns on Click */
    .post_menu ul li.active > ul {
        display: block;
    }

        .post_menu ul li.active > ul::-webkit-scrollbar {
            width: 10px;
        }

        /* Track */
        .post_menu ul li.active > ul::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px grey;
            border-radius: 10px;
        }

        /* Handle */
        .post_menu ul li.active > ul::-webkit-scrollbar-thumb {
            background: #162155;
            border-radius: 10px;
        }

            /* Handle on hover */
            .post_menu ul li.active > ul::-webkit-scrollbar-thumb:hover {
                background: rgb(48,80,157);
            }

#post_ad_body_container {
    min-height:30vh;
    background: #fff;
    padding: 20px 0px 0px 0px;
    position: relative;
    margin: 5px 0px;
    width:1120px!important;
}

   
    #post_ad_body .box-body {
        /* border: 1px solid #fff;*/
    }

.addPost_btn {
    border: 2px solid #4e4e4e;
    transition: .3s;
}
    .add_post_dropdown_div > div .dropdown-toggle::after {
        display: none;
    }
.socialpostmore .dropdown-toggle::after {
    display: none !important;
}


.addPost_btn {
    margin-top: 10px;
    cursor: pointer;
    width: 100%;
    padding: 5px 8px;
    border: 2px solid var(--primary-color) !important;
    border-radius: 5px;
    font-size: 25px;
    text-transform: capitalize;
    background: #E1F5FE;
    color: Black;
    font-weight: 600;
  /*  background-image: linear-gradient( 97deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 67% auto;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;*/
}
          /*#post_ad_body button::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            background: #5b5858;
            left: 7px;
            bottom: 21px;
            justify-content: center;
            right: 5px;
            margin: 0 auto;
        }*/
.addPost_btn:hover {
    transform: translateY(3px);
}

.add_post_dropdown_div {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 5px;
    padding-top: 20px;
    flex-wrap: wrap;
}

    .add_post_dropdown_div > div ul {
        width: 300px;
        height: 300px;
        overflow-y:auto;
        scrollbar-width: thin;
    }
        .add_post_dropdown_div > div ul li {
            cursor: pointer;
            padding:2px 0px;
        }
            .add_post_dropdown_div > div ul li:hover {
                background: var(--primary-color);
            }            
            .add_post_dropdown_div > div ul li a {
                font-size: 16px;
                background: #fff;
                color: Black;
                font-weight: 600;
               /* background-image: linear-gradient( 97deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );
                background-size: auto auto;
                background-clip: border-box;
                background-size: 67% auto;
                background-clip: text;
                text-fill-color: transparent;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                animation: textclip 4s linear infinite;*/
            }
#post_ad_body ul li{
    width:800px;
}

#user_postAd_div {
    display: none;
}

.user_post_ad {
    width: 100%;
    display: flex;
    justify-content: center;
}

    .user_post_ad button {
        background: rgb(48,80,157);
        background: linear-gradient(90deg, rgba(48,80,157,1) 27%, rgba(136,70,150,1) 100%);
        height: 80px;
        margin-top: 0px;
        border: 2px solid #4e4e4e;
        transition: .3s;
        width: 90%;
        margin-bottom: 20px;
    }

        .user_post_ad button a {
            padding: 0px 30px;
            font-size: 22px;
            color: #fefefe;
            font-weight: 600;
            /*background-image: linear-gradient( 97deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );
        background-size: auto auto;
        background-clip: border-box;
        background-size: 67% auto;
        background-clip: text;
        text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textclip 4s linear infinite;*/
        }

#reportModal .bg-success {
    color: #fff !important;
}

#similar_add_bottom_pagination a {
    font-size: 14px;
    color: #373373;
}

    #similar_add_bottom_pagination a:hover {
        color: blue;
    }
/********* END POST ADD **********/

/******* Quick Links *******/
.quick_items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 5px;
    overflow: hidden;
    width: 100%;
}

.quick_item {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    overflow: hidden;
}

.quick_item_title h4 {
    font-size: 14px;
    color: #373373;
    font-weight: 700;
    margin: 7px 0px;
}

.quick_item_text a {
    font-size: 12px;
    /*   transition: .3s;*/
    color: #2f3432;
}

    .quick_item_text a span {
        color: #717171;
    }

    .quick_item_text a:first-child {
        /* padding-left: 0px;*/
    }

    .quick_item_text a:last-child {
        border-right: 0px;
    }

    .quick_item_text a:hover {
        color: #0d63db;
    }

#text {
    display: none;
}

#text2 {
    display: none;
}

.btn-container {
    margin: auto;
    height: auto;
    width: 100%;
}

    .btn-container #toggle {
        border: none;
        background: transparent;
        font-size: 12px;
        color: blue;
    }

    .btn-container #toggle2 {
        border: none;
        background: transparent;
        font-size: 12px;
        color: blue;
    }
/******* End Quick Links *******/
/***********Footer Part***********/
.footer_part {
    background: var(--footer-color);
    margin-top: auto;
    z-index: 999;
}



.footer_body {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 20px 0px;
    /*width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;*/
    color: #fff;
}

.footer_title h4 {
    font-size: 15px;
    margin-bottom: 7px;
    font-weight: 400;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: "Lato", sans-serif !important;
}

    .footer_title h4 span {
        padding-right: 5px;
    }

        .footer_title h4 span i {
            font-size: 14px;
            color: #fff;
            /* padding: 7px; */
            border-radius: 50%;
            border: 1px solid #fff;
            margin-right: 5px;
            height: 30px;
            width: 30px;
            text-align: center;
            align-items: center;
            display: flex;
            justify-content: center;
        }

.footer_item ul {
    margin-left: 41px;
}

    .footer_item ul li a {
        margin: 4px 0px;
        color: #fff;
        font-weight: 300;
        font-size: 12px;
        transition: .3s;
        font-family: "Lato", sans-serif !important;
    }

    .footer_item ul li span {
        font-weight: 300;
        font-size: 12px;
        transition: .3s;
        font-family: "Lato", sans-serif !important;
    }

.footer_social_link {
    display: flex;
}

/*.footer_item ul li a:hover {
    color: #7c7878;
}*/

.footer_item ul li a i {
    font-size: 13px;
    border: 1px solid #fff;
    /*  padding: 5px;*/
    border-radius: 50%;
    height: 26px;
    width: 26px;
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    margin: 5px 3px 5px 5px;
    color: #fff;
}

.footer_four ul li:nth-child(3) {
    display: flex;
    flex-direction: row;
}

.footer_office {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding: 20px 0px 20px 0px;
    grid-column-gap: 30px;
}

.footer_office_item_title h4 {
    color: #fff;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 400;
    font-family: "Lato", sans-serif !important;
}

.footer_card_body_member {
    padding: 10px !important;
}

.footer_coverage {
    display: flex;
    justify-content: center;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.coverage_title {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffff;
    font-weight: bold;
}

.flag_card {
    padding-top: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 100px;
    color: #ffff;
}

.uk_p {
    line-height: 100px;
}

.card-image {
    padding-bottom: 5px;
}

    .card-image img {
        height: 60px;
        width: 100px;
    }

.footer_member_card {
    display: flex;
    justify-content: center;
    align-items: center;
    background: none !important;
    border: 1px solid lightgray;
    height: 200px;
    width: 300px;
    margin: 10px;
}


.footer_office_item_text p, .footer_office_item_text a {
    font-weight: 300;
    font-size: 12px;
    transition: .4s;
    font-family: "Lato", sans-serif !important;
    display: block;
    color: #fff;
    margin: 5px 0px;
}

    .footer_office_item_text p span {
        font-size: 12px;
    }

.footer_office_item_text .district_link {
        color: #06b131;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    /*    border-bottom: 1px solid #fff;*/
    padding-bottom: 5px;
    display: inline-block;
}

.footer_office_item_text a:hover {
    color: #fff;
}

.map_section {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 15px 0px 0px 0px;
    align-items: center;
}

.district_title h4 {
    color: #373373;
    font-size: 17px;
    font-weight: 600;
    margin: 20px 0px 10px 0px;
    border-bottom: 2px solid #373373;
    display: inline-block;
    padding-bottom: 2px;
}

.district_items {
    padding: 20px 0px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 5px;
    overflow: hidden;
    width: 100%;
}

.district_item {
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 8px;
    margin: 8px;
    overflow: hidden;
}

.district_item_title {
    text-align: center;
    margin-bottom: 8px;
}

    .district_item_title h4 {
        text-align: center;
        font-size: 16px;
        color: #373373;
        font-weight: 600;
        border-bottom: 1px solid #ddd;
        padding-bottom: 7px;
    }

.district_item_text p {
    font-size: 12.5px;
    margin: 5px 0px;
}

.footer_map {
    width: 100%;
}

.footer_map_body {
    background: var(--footer_color);
}

#updateNewsDetails {
    padding: 30px;
    background: #fff;
}

.updateNews_section #updateNews {
    background: #fff;
    padding-bottom: 50px;
    padding-top: 50px;
    border-bottom: 1px solid #f3eded;
}

.footer_news {
    padding-left: 8px;
}

.footer_news_title h4 {
    color: #073B52;
    font-size: 20px;
    font-weight: 600;
    margin: 35px 0px 30px 0px;
    font-family: "Lato", sans-serif !important;
    display: inline-block;
}

.about_section #about {
    background: #fff;
    /*    padding-bottom: 10px;*/
    padding-top: 50px;
    border-bottom: 1px solid #f3eded;
}

.about_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*  align-items: center;*/
}

.about_title h4 {
    color: #073B52;
    font-size: 30px;
    font-weight: 600;
    margin: 35px 0px 30px 0px;
    font-family: "Lato", sans-serif !important;
    display: inline-block;
    padding: 10px 0px;
    border-bottom: 3px solid var(--primary-color)
}

.about_body {
    padding: 10px 10px;
}

    .about_body h5 {
        font-size: 17px;
        color: #424242;
        font-weight: bold;
        line-height: 30px;
    }

    .about_body p {
        color: #666666;
        font-size: 14px;
        line-height: 25px;
    }

#aboutseeMoreBtn, #aboutseeMoreBtnBangla {
    border: none !important;
    font-size: 14px;
    background: none !important;
    color: #0080FF;
}

#readMoreBtn {
    border: none !important;
    font-size: 14px;
    background: #0080FF !important;
    color: #fff;
    padding: 2px 5px;
    border-radius: 5px;
    margin: 5px 0px;
}

.news_card {
    width: 100%;
    margin-top: 20px;
}

.news_card_body {
    position: relative;
    height: 250px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid lightgray;
}

.news_title {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
}

.news_card img {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    filter: brightness(45%);
}

.news_details_card, .blog_details_card {
    padding: 0px 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 20px;
    line-height: 30px;
}

.news_deatils_description, .blog_deatils_description {
    width: 80%;
    padding: 20px 0px;
}

    .news_deatils_description p, .blog_deatils_description p {
        line-height: 40px;
    }

.news_deatils_img_card, .blog_deatils_img_card {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    height: 500px;
    width: 800px;
}

.update_news_title, .blog_details_title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
}

    .blog_details_title h4 {
        font-weight: bold;
        padding: 25px 0px;
        line-height: 40px;
    }

.news_deatils_img_card img, .blog_deatils_img_card img {
    border-radius: 5px;
    height: 100%;
    width: 100%;
    object-fit:contain;
}

.footer_office_map_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    /* border-top: 1px solid #b1afaf;*/
    /*margin-top: 10px;*/
    padding: 10px 0px 20px 0px;
}

.footer_office_map_item_title h4 {
    color: #fff;
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 400;
    font-family: "Lato", sans-serif !important;
}

    .footer_office_map_item_title h4 i {
        color: #39A153;
        margin-left: 5px;
    }

.footer_office_map_body {
    width: 100%;
    height: 220px;
    border-radius: 7px;
    overflow: hidden;
}

    .footer_office_map_body iframe {
        width: 100%;
        height: 220px;
    }

.copy_part {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding: 20px 0px 20px 0px;
}

    .copy_part small {
        font-size: 12px;
        color: #fff;
        font-weight: 300;
        font-family: "Lato", sans-serif !important;
    }
/*********** End Footer Part***********/


/******* Multiple Image Uploader*******/
.ui-sortable-placeholder {
    border: 1px dashed black !important;
    visibility: visible !important;
    background: #eeeeee78 !important;
}

    .ui-sortable-placeholder * {
        visibility: hidden;
    }

.RearangeBox.dragElemThumbnail {
    opacity: 0.6;
}

.RearangeBox {
    width: 180px;
    height: 180px;
    padding: 10px 5px;
    cursor: all-scroll;
    float: left;
    border: 1px solid #9E9E9E;
    font-family: sans-serif;
    display: inline-block;
    margin: 5px !important;
    text-align: center;
    color: #673ab7;
    background: #030238;
}


.partner_basic_information_bangla > div p {
    font-family: "Tiro Bangla", serif !important;
    font-weight: 400;
    font-style: normal;
}

.IMGthumbnail {
    max-width: 168px;
    height: 120px;
    margin: auto;
    background-color: #ececec;
    padding: 2px;
    border: none;
}

    .IMGthumbnail img {
        max-width: 100%;
        max-height: 100%;
    }

.imgThumbContainer {
    margin: 4px;
    border: solid;
    display: inline-block;
    justify-content: center;
    position: relative;
    border: 1px solid rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
}



    .imgThumbContainer > .imgName {
        text-align: center;
        padding: 2px 6px;
        margin-top: 4px;
        font-size: 13px;
        height: auto;
        overflow: hidden;
        color: #fff;
    }

    .imgThumbContainer > .imgRemoveBtn {
        position: absolute;
        color: #e91e63ba;
        right: 2px;
        top: 2px;
        cursor: pointer;
        display: none;
    }

.RearangeBox:hover > .imgRemoveBtn {
    display: block;
}
/******* Multiple Image Uploader*******/


/******** AccessDenied **********/
.panel-body {
    background: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    margin: 15px 0px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
    padding: 0px 20px;
}

    .panel-body section {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .panel-body section h1 {
            font-size: 35px;
            color: red;
            font-weight: 600;
            margin-bottom: 15px;
            text-align: center;
        }

        .panel-body section h6 {
            font-size: 28px;
            color: #504FAA;
            font-weight: 600;
            margin-bottom: 15px;
            text-align: center;
        }
/******** End AccessDenied **********/


/****** Chat Part ********/
.call_whatsapp {
    display: none;
}
/****** End Chat Part ********/


/****** Right Category *******/

@keyframes slideInLeft {
    100% {
        transform: translateX(0);
    }

    0% {
        transform: translateX(100%);
    }
}

#right_category {
    animation: 2s ease-out 0s 1 slideInLeft;
    position: fixed;
    right: 10px;
    top: 35%;
    z-index: 9999;
}

#right_category {
}

.right_cat_menu {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.right_cat_menu_same {
    display: flex;
    align-items: center;
}

.right_cat_menu_same_heading {
    transform: rotate(90deg);
}

.right_cat_menu h6 {
    margin: 30px 0px;
    cursor: pointer;
    background: var(--primary-color);
    color: #fff;
    font-size: 13px;
    padding: 10px 10px;
    border-radius: 3px;
}

#right_side_promotion {
    position: absolute;
    width: 200px;
    right: 70px;
    background: var(--primary-color);
    border-radius: 4px;
    top: 29%;
    padding: 5px 5px;
}

    #right_side_promotion ul {
        background: #fff;
        padding: 1px;
        border-radius: 4px;
    }

        #right_side_promotion ul li {
            margin: 0px 5px;
        }

            #right_side_promotion ul li a {
                border-radius: 4px;
                color: #373373;
                display: block;
                font-size: 12px;
                padding: 5px 5px;
                margin: 3px 0px;
            }

                #right_side_promotion ul li a:hover {
                    color: #fff;
                    background: var(--primary-color);
                }

#right_side_member {
    position: absolute;
    width: 200px;
    right: 70px;
    background: var(--primary-color);
    border-radius: 4px;
    top: 15px;
    padding: 5px 5px;
}

    #right_side_member ul {
        background: #fff;
        padding: 1px;
        border-radius: 4px;
    }

        #right_side_member ul li {
            margin: 0px 5px;
        }

            #right_side_member ul li a {
                border-radius: 4px;
                color: #373373;
                display: block;
                font-size: 12px;
                padding: 5px 5px;
            }

                #right_side_member ul li a:hover {
                    color: #fff;
                    background: var(--primary-color);
                }


#right_side_short {
    border-radius: 4px;
    position: absolute;
    width: auto;
    right: 70px;
    background: var(--primary-color);
    color: #fff;
    padding: 5px 5px;
}

/*
::selection {
    color: #fff;
    background: #17A2B8;
}*/

.wrapper {
    width: 245px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.1);
    padding: 10px 5px 20px 5px;
}

header h2 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

header p {
    margin-top: 5px;
    font-size: 13px;
    color: #000;
}

.price-input {
    width: 100%;
    display: flex;
    margin: 0px 10px 10px 10px;
}

    .price-input .field {
        display: flex;
        width: 100%;
        height: 45px;
        align-items: center;
        color: #000;
    }

        .price-input .field span {
            font-size: 12px;
        }

.field input {
    width: 75px;
    height: 25px;
    outline: none;
    font-size: 13px;
    margin-left: 4px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #999;
    -moz-appearance: textfield;
}

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

.price-input .separator {
    width: 30px;
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
    color: #000;
}

.slider {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}


.progress {
    height: 100%;
    border-radius: 5px;
    position: absolute;
    background: #17A2B8;
    left: 0%;
    right: 0%
}

.range-input {
    position: relative;
}

    .range-input input {
        position: absolute;
        width: 100%;
        height: 5px;
        top: -5px;
        background: none;
        pointer-events: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

input[type="range"]::-webkit-slider-thumb {
    height: 17px;
    width: 17px;
    border-radius: 50%;
    background: #17A2B8;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0,0,0,0.05);
}

input[type="range"]::-moz-range-thumb {
    height: 17px;
    width: 17px;
    border: none;
    border-radius: 50%;
    background: #17A2B8;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0,0,0,0.05);
}


/****** End Right Category *******/


/******* Location *************/
#locationModal {
    position: absolute;
    /* top: -100px;
    right:0;*/
    overflow: hidden !important;
}

    #locationModal .modal-content {
        border: 4px solid var(--primary-color);
    }

    #locationModal .modal-header i {
        font-size: 22px;
        color: var(--text-color);
    }

    #locationModal .modal-header {
        background: #fff;
    }

.location_icon {
    margin-bottom: 10px;
}

.location_title {
    margin-bottom: 20px;
}

    .location_title h4 {
        font-size: 15px;
        font-weight: 600;
        color: #525151;
        letter-spacing: 2px;
    }

.location_icon i {
    color: #373373;
    font-size: 20px;
}

.location_bottom_text p {
    margin: 20px 0px 10px 0px;
    font-size: 12px;
    color: #373373;
}

.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.location_area_body {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
}

.location_city {
    border-radius: 5px;
    border: 1px solid var(--primary-color);
    margin-right: 5px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.02), 0px 0px 0px 1px rgba(27, 31, 35, 0.15);
}

.location_area {
    border-radius: 5px;
    border: 1px solid var(--primary-color);
    margin-right: 5px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.02), 0px 0px 0px 1px rgba(27, 31, 35, 0.15);
}

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

    .location_submit a {
        color: #373373;
        padding: 8px 12px;
        border: 1px solid var(--primary-color);
        cursor: pointer;
        user-select: none;
        font-size: 12px;
        transition: .3s;
        border-radius: 5px;
    }

        .location_submit a:hover {
            background: var(--primary-color);
            color: #fff;
        }

            .location_submit a:hover i {
                color: #fff;
            }

.location_body .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
    height: 25px !important;
    font-size: 13px !important;
}

.location_body .k-state-disabled {
    color: #b3bac7;
    height: 28px;
}

.location_body .k-dropdown-wrap.k-state-default {
    height: 28px;
}
/******* End Location *********/


.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    /* transform: scale(1.2); */
    font-size: 38px;
    cursor: pointer !important;
}


/******** Breadcrumb Pagination  ********/
#breadcrumb {
    line-height: 15px;
    padding: 10px 5px !important;
    background: #fff;
}

    #breadcrumb a {
        cursor: pointer !important;
        color: #008000;
        font-size: 12px;
        font-weight: 400;
        text-transform: capitalize;
        font-family: "Lato", sans-serif !important;
    }

        #breadcrumb a:hover {
            color: #000;
            font-weight: 500;
        }

    #breadcrumb i {
        color: #373373;
        font-size: 9px;
    }
/******** End Breadcrumb Pagination  ********/


/********* OTP ********/
#otp_body {
    background: #D7E1F8;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.countdown {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.otp_all_input {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

    .otp_all_input input {
        width: 30px;
        height: 30px;
        margin: 0px 5px;
        text-align: center;
        border-radius: 5px;
        border: 1px solid var(--primary-color);
    }

        .otp_all_input input:focus-visible {
            border: 1px solid var(--primary-color);
        }

.otp_btn {
    background: var(--primary-color);
    color: #fff;
    font-size: 12px;
    border: none;
    padding: 6px 20px;
    border-radius: 5px;
}

.countdown-text {
    font-weight: 600;
    color: #373373;
    font-size: 16px;
    margin-right: 5px;
}
/********* End OTP ********/

/******** Team Work **********/
.team_items {
    padding: 5px;
}

.team_itemm {
    padding: 0px;
    font-size: 14px;
    line-height: 30px;
}

    .team_itemm h2 {
        font-size: 18px;
        font-weight: 700;
        margin: 20px 0px 10px 0px;
    }

.team_item_bangla {
    padding: 20px;
}

.member_details_title p {
    font-family: "Tiro Bangla", serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 14px !important;
}

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

.term_button {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
}

.term_date {
    display: flex;
    gap: 5px;
    justify-content: flex-start;
}

.term_title_div {
    display: flex;
    justify-content: center;
}

.team_item_bangla > div p {
    font-size: 14px;
    font-family: "Tiro Bangla", serif !important;
}
.mem_det_text_bangla_title p{
    font-family: "Tiro Bangla", serif !important;
}
.team_item:first-child h2 {
    margin-top: 0px;
}
.term_btn {
    display: flex;
    justify-content: flex-end;
}
.team_top p {
    font-size: 14px;
}
    .team_top p span {
        font-size: 14px;
        font-weight: 700;
    }

.team_bottom h4 {
    font-size: 14px;
    font-weight: 700;
    margin: 15px 0px 5px 0px;
}

.team_bottom p {
    font-size: 14px;
    text-align: justify;
}

.team_item .team_item_bottom {
    font-size: 14px;
    text-align: justify;
}

.team_bottom p span {
    font-size: 14px;
    font-weight: 700;
}
/******** End Team Work **********/
/****** Job Career *********/
.job_career_img_body {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.job_career_img_title {
    text-align: center;
    margin: 15px 0px 20px 0px;
}

    .job_career_img_title h1 {
        font-size: 18px;
        font-weight: 700;
        color: #373373;
        display: inline-block;
        padding-bottom: 4px;
        border-bottom: 2px solid var(--primary-color);
    }

.job_career_img_part {
    width: 800px;
    height: 250px;
    overflow: hidden;
    margin: 0 auto;
}

    .job_career_img_part img {
        width: 100%;
        height: 100%;
    }

.job_career_items {
    padding: 20px;
}

.job_career_item h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0px 10px 0px;
}

    .job_career_item h2 span {
        font-size: 18px;
        font-weight: 700;
    }

.job_career_item:first-child h2 {
    margin-top: 0px;
}

.job_career_item p {
    font-size: 14px;
    margin: 5px 0px;
    text-align: justify;
}

.job_career_item .job_career_item_child {
    margin-left: 30px;
}

.job_career_item_child_item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.job_career_item .job_career_item_child p:first-child {
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
}

.job_career_item .job_career_item_child p span {
    font-size: 16px;
    font-weight: 700;
}

.job_career_item_child_item_dot h2 {
    font-size: 16px;
    font-weight: 700;
}

.job_career_item_child_item_dot p {
    margin-left: 35px;
}

.job_career_item_child_bottom {
    margin-left: 53px;
}
/****** End Job Career *********/
/******* Promotion ********/
#promotion_main_body {
    padding: 20px;
}

.footer_class {
    background: #fff;
}

#promotion_same h2 {
    font-size: 16px;
    font-weight: 700;
    margin: 0px 0px 20px 0px;
}

#promotion_same p {
    font-size: 16px;
    margin: 7px 0px;
    text-align: justify;
}

.promotion_link, .about_promotion_link {
    margin: 10px 0px;
}

    .promotion_link ul, .membership_btn_container ul, .about_promotion_link ul {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;
    }


.membership_promotion_link ul {
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 2fr 2fr 2fr;
    grid-gap: 10px;
}

    .membership_promotion_link ul li {
        margin: 15px 0px;
        position: relative;
    }

.promotion_link ul li {
    margin: 5px 0px;
    display: flex;
    flex-direction: column;
    border: 1px solid #fff;
    position: relative;
}

.membership_btn_container {
    padding-top: 50px;
}

    .membership_btn_container ul li {
        width: 22%;
        padding: 10px;
        background: #fff;
        border-radius: 30px;
        cursor: pointer;
    }

.about_promotion_link ul li {
    width: 16%;
    padding: 10px;
    background: #fff;
    border-radius: 30px;
    border: 1px solid black;
}

    .membership_btn_container ul li a, .about_promotion_link ul li a {
        color: black;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 800;
    }

.plans_duration {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*  border: 1px solid #fff;*/
}

    .plans_duration h4 {
        padding: 10px;
        font-size: 25px;
        color: #fff;
        font-weight: bold;
    }

.membership_price {
    font-size: 20px;
}

    .membership_price strong {
        font-weight: 800;
        font-size: 20px;
        padding: 5px;
    }

.membership_ads {
    font-size: 20px;
    padding-bottom: 10px;
}

    .membership_ads strong {
        font-weight: 800;
        font-size: 25px;
        padding: 10px;
    }

.promotion_link ul li:hover {
    border-bottom: 1px solid rgb(48,80,157);
    border-left: 1px solid rgb(48,80,157);
    border-right: 1px solid rgb(48,80,157);
    border-radius: 5px;
}


/*.badge_title:hover {
    color: #fff;
    background: linear-gradient(90deg, rgba(48,80,157,1) 27%, rgba(136,70,150,1) 100%);
}*/
.membership_container {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}

.membership_logo {
    padding: 10px 0px;
    display: none;
}

.plan_add {
    position: absolute;
    bottom: -37px;
    right: 35%;
    height: 37px;
    width: 30%;
    background: #E4F6FE;
    border-right: 1px solid rgb(48,80,157);
    border-left: 1px solid rgb(48,80,157);
}

.membership_plans {
    border-radius: 5px;
    /*    background: #E4F6FE;*/
    padding: 10px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /*    gap: 15px;*/
    /*    border: 1px solid rgb(48,80,157);*/
    margin-top: 15px;
}

.badge_image {
    height: 60px;
    width: 60px;
    /*display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;*/
}

    .badge_image img {
        height: 100%;
        width: 100%;
    }

#member_ship_btn1, #member_ship_btn2, #member_ship_btn3, #member_ship_btn4 {
    border: none;
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
    padding: 10px 10px;
    transition: .3s;
    background: #FFE44D;
    color: black;
    font-weight: 800;
    font-size: 20px;
}

#membership_back_btn {
    width: 10%;
    margin: 0 auto;
    padding: 5px 10px;
    transition: .3s;
    /* background: #3C8DBC;*/
    border: 1px solid #fff;
    color: #fff;
    font-size: 17px;
    display: none;
}

.plan1_style {
    background-color: #a1a8f7 !important;
}

    .plan1_style h4 {
        color: #fff !important;
    }

.plan2_style {
    background-color: #8cedd3 !important;
}

    .plan2_style h4 {
        color: #fff !important;
    }

.plan3_style {
    background-color: #5eb2f2 !important;
}

    .plan3_style h4 {
        color: #fff !important;
    }

.plan4_style {
    background-color: #fc9f9f !important;
}

    .plan4_style h4 {
        color: #fff !important;
    }

#three {
    border-radius: 5px 0px 0px 5px;
}

#twoYears {
    border-radius: 0px 5px 5px 0px !important;
}

#six {
    border-left: 1px solid #ddd;
}

#twelve {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.membership_plans_card {
    width: 22rem;
    /* border-radius: 5px;*/
    /* border: 1px solid #ddd;*/
    padding: 20px;
    background: #fff;
    transition: 0.5s;
}

.membership_plans_form {
    background: #fff;
    width: 50%;
    border-radius: 5px;
    border: 1px solid lightgray;
    padding: 20px 10px;
}

.plans_info {
    padding: 20px 10px;
}

    .plans_info > div {
        padding-top: 20px;
    }
/* .plans_info:hover, .plans_duration :hover{
        color: #fff;
    }*/
/*#three:hover, #twoYears:hover, #six:hover, #twelve:hover {
    border-radius: 5px;
    background-color: #fff;
    transform: scale(1.05);
    border: 1px solid #ddd;
}*/





.badge_title {
    text-align: center;
    color: rgb(48,80,157);
    padding: 10px 0px;
    font-size: 13px;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid rgb(48,80,157);
}

.promotion_body {
    margin-bottom: 30px;
}

.promotion_item {
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 15px;
    margin: 50px 0px;
    border-radius: 10px;
    background: #f4eef7;
}

.promotion_item_img img {
    width: 100%;
}

.promotion_body .promotion_item_text p {
    font-size: 15px !important;
    line-height: 25px !important;
    text-align: justify !important;
}

    .promotion_body .promotion_item_text p span {
        font-size: 15px !important;
        font-weight: 600;
        margin-bottom: 5px;
        display: block;
    }

.promotion_active {
    width: 100%;
    opacity: 1 !important;
}

/******* End Promotion ********/

/******** Member Ship ********/
.member_page_image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-bottom: 20px;
}

.member_page_image_part {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.member_page_image h1 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
}

.member_page_image_part img {
    width: 100%;
    margin: 0 auto;
}

#member_bronze {
    margin: 30px 0px;
    border: 1px solid lightgray;
    border-radius: 5px;
}

#member_team_bottom p {
    margin: 10px 0px;
}

#member_silver {
    background: #D4D6D6;
}

#member_gold {
    background: #FDF5D5;
}

#member_platinum {
    background: #CAD5DF;
}

#member_promotion_link .promotion_link {
    margin-bottom: 10px;
}
/******** End Member Ship ********/

/******* Advertisement *********/
.advertising_body {
    padding: 20px;
}

.advertisement_img_item {
    width: 100%;
}

    .advertisement_img_item img {
        width: 100%;
    }

.advertisement_img_title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .advertisement_img_title h2 {
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        color: #373373;
        margin: 20px 0px 10px 0px;
        border-bottom: 2px solid var(--primary-color);
        display: inline-block;
        padding-bottom: 5px;
    }

.advertisement_img_content {
    margin: 10px 0px 20px 0px;
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 30px;
}

    .advertisement_img_content p {
        font-size: 14px;
        margin: 5px 0px;
    }

        .advertisement_img_content p span {
            font-size: 14px;
            font-weight: 700;
        }

.advertisement_img_item:last-child .advertisement_img_content {
    border-bottom: 0px;
}

.advertisemrnt_links {
    /* min-height: 100vh;*/
    padding: 0px 20px;
}

.sub_div, .image_info_div, .form_div {
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    padding: 0px 20px;
}

    .image_info_div img {
        height: 100%;
        width: 100%;
        overflow: hidden;
        object-fit: contain;
    }

.category_slider {
    padding: 150px 35px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

#category_slider_image {
    height: 450px;
    width: 100%;
}

.category_info_name {
    display: flex;
    flex-direction: column;
    padding: 5px 0px;
    /*justify-content: center;*/
    align-items: center;
}

.category_right_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid lightgray;
    padding: 20px;
    width: 220px;
    border-radius: 5px;
}

.divider_div {
    width: 100%;
    display: flex;
    gap: 10%;
    justify-content: space-between !important;
}

.category_info_name h4 {
    text-transform: uppercase;
    padding-top: 50px;
    margin-bottom: 5px;
    font-size: 30px;
    color: #198754;
    font-weight: 600;
    transition: .3s;
    font-family: "Lato", sans-serif !important;
    /*    text-transform: capitalize;*/
    background-image: linear-gradient(-225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 68% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
}

.category_info_name img {
    width: 140px;
    height: 140px;
}

#category_slider_image img {
    height: 100%;
    width: 100%;
    overflow: hidden;
    object-fit: contain;
}

.form_div > div {
    margin-top: 20px;
    padding: 20px;
    width: 94%;
    border: 1px solid lightgray;
    border-radius: 5px;
    background: #e0f1f9c7;
}

.sub_div ul li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 8px;
    width: 30.9% !important;
    /*  color: rgb(48,80,157);*/
    border-radius: 5px;
    /* background: #11C7E6;*/
    border: 1px solid rgb(48,80,157);
    font-weight: bold;
}

.image_info_div > div {
    margin-top: 20px;
    padding: 0px;
    width: 46.8%;
    /* border: 1px solid lightgray;*/
    border-radius: 5px;
}

.adv_form_title {
    font-size: 25px;
    font-weight: 600;
    padding-top: 25px;
    display: flex;
    justify-content: center;
    color: rgb(48,80,157);
}

.adv_ul, #sub_btn ul, .sub_div ul {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
/*.advertisemrnt_links ul, #sub_btn ul {
   display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}*/
.advertisements_btn {
    padding: 10px 15px;
    height: 38px;
    border-radius: 3px;
    color: #fff;
    overflow: hidden;
    border: 1px solid rgb(48,80,157);
    position: relative;
    cursor: pointer;
    margin: 5px;
    font-size: 13px;
    width: 23%;
    text-align: center;
    color: rgb(48,80,157);
    font-weight: bold;
    transition: 0.8s;
}

#ad_payment_btn {
    border: 1px solid rgb(48,80,157);
    padding: 8px 12px;
    margin: 5px;
    color: rgb(48,80,157);
    border-radius: 20px;
    font-size: 15px;
}

    #ad_payment_btn:hover {
        background: #11C7E6;
    }

#sub_btn ul li {
    width: 22%;
}

.cetagory_toggle {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.advertisements_null {
    cursor: pointer;
    font-size: 13px;
    /* width: 10%;*/
    text-align: center;
    border: none;
}

#listCategory ul, #listSubCategory ul {
    margin: 5px;
    display: flex;
    flex-direction: column;
    padding: 5px;
    border: 1px solid lightgray;
    border-radius: 5px;
}

#lists ul {
    margin: 5px;
    display: flex;
    /*  flex-direction: column;*/
    padding: 5px;
    border: 1px solid lightgray;
    /* border-left: none !important;*/
    border-radius: 5px;
}

#subLists ul {
    margin: 5px;
    display: flex;
    /* flex-direction: column;*/
    padding: 5px;
    border: 1px solid lightgray;
    /*  border-right: none !important;*/
    border-radius: 5px;
}

    #listCategory ul li, #lists ul li, #subLists ul li, #listSubCategory ul li {
        width: 100%;
        cursor: pointer;
        padding: 5px;
        border-bottom: 1px solid lightgray;
    }

        #listCategory ul li:hover, #lists ul li:hover, #sublLsts ul li:hover, #listSubCategory ul li:hover {
            background: #11C7E6;
            color: #fff;
        }

.advertisemrnt_links ul li {
    /* overflow: hidden;
    border: 1px solid rgb(48,80,157);
    position: relative;
    cursor: pointer;
    margin: 5px;
    font-size: 13px;
    width: 23%;
    text-align: center;
    color: rgb(48,80,157);
    font-weight: bold;
    transition: 0.8s;*/
}

    .advertisemrnt_links ul li:hover {
        /* background: #11C7E6;
        color: #fff;*/
        transform: scale(1.05);
    }

.advertisement_fill_color {
    background: #11C7E6;
    color: #fff;
}

.advertisement_title_fill_color {
    background: #11C7E6;
    color: #fff;
}

.advertisements_select {
    background: none !important;
}

    .advertisements_select select {
        outline: none;
        padding-left: 30px;
        border: none;
    }

.advertisemrnt_link {
    margin-top: 20px;
}

    .advertisemrnt_link ul {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

        .advertisemrnt_link ul li {
            overflow: hidden;
            background: linear-gradient(90deg, rgba(48,80,157,1) 27%, rgba(136,70,150,1) 100%);
            position: relative;
            cursor: pointer;
            margin: 5px;
            padding: 10px 15px;
            border-radius: 5px;
            color: #fff;
            /*  opacity: .5;*/
            font-size: 13px;
            width: 23.9%;
            text-align: center;
        }

            .advertisemrnt_link ul li:hover {
                opacity: 1;
            }

            .advertisemrnt_link ul li .advertisemrnt_link_body {
                display: flex;
                width: 100%;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }

            .advertisemrnt_link ul li .advertisemrnt_link_img {
                width: 100%;
                height: 100%;
                overflow: hidden;
            }

                .advertisemrnt_link ul li .advertisemrnt_link_img img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

            .advertisemrnt_link ul li .advertisemrnt_link_text {
                position: absolute;
                bottom: 3px;
            }

            .advertisemrnt_link ul li p {
                font-size: 13px;
                font-weight: 700;
                color: #373373;
                text-align: center;
                padding: 0px 3px;
            }

.advertisement_active {
    background: linear-gradient(90deg, rgba(48,80,157,1) 27%, rgba(136,70,150,1) 100%) !important;
    overflow: hidden !important;
    opacity: 1 !important;
}

    .advertisement_active p {
        color: #fff !important;
        background: var(--primary-color) !important;
    }

.advertisement_body_part {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

    .advertisement_body_part .advertisement_body_part_img {
        width: 75%;
    }

    .advertisement_body_part .advertisement_body_part_desc {
        width: 25%;
    }

.advertisement_body_part_desc {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .advertisement_body_part_desc .btn button {
        border: none;
        background: var(--primary-color);
        padding: 10px 45px;
        font-size: 25px;
        color: #fff;
        border-radius: 5px;
        transition: .3s;
    }

    .advertisement_body_part_desc .btn {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

        .advertisement_body_part_desc .btn button:hover {
            background: #674998;
        }

.advertisent_main_text {
    margin: 20px 0px;
}

.advertisent_main_text_title h2 {
    margin-bottom: 5px;
    font-size: 30px;
    color: #198754;
    font-weight: 600;
    transition: .3s;
    font-family: "Lato", sans-serif !important;
    /*    text-transform: capitalize;*/
    background-image: linear-gradient(-225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 68% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
}

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

.advertisent_main_text_title {
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    border: 1px solid rgb(48,80,157);
    width: 91.9%;
    text-transform: uppercase;
}

    .advertisent_main_text_title h2 {
        font-size: 25px;
        text-align: center;
        color: #373373;
        margin-bottom: 15px;
        /* border-bottom: 3px solid #373373;*/
        display: inline-block;
        padding-bottom: 10px;
    }

.advertisent_main_text_body .ad_main_text p {
    font-size: 14px;
    color: #373373;
    margin: 10px 0px;
    text-align: justify;
}

.advertisement_top_part {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

    .advertisement_top_part a {
        background: var(--primary-color);
        padding: 7px 10px;
        font-size: 17px;
        color: #fff;
        border-radius: 5px;
        transition: .3s;
    }

        .advertisement_top_part a:hover {
            background: #282467;
        }

.advertisemrnt_link h4 {
    font-size: 17px;
    color: #373373;
    margin: 10px 0px 10px 10px;
    font-weight: 700;
}

.advertisent_main_text_body .ad_main_text {
    /* background: #D8EEF8;*/
    padding: 10px;
}

.advertisent_main_text_body .adver_click p {
    color: #00023A;
    font-size: 25px;
    font-weight: 700;
    margin-top: 15px;
}

.advertisent_main_text_body {
    margin-top: 0px;
}

.advertisement_img_content_bottom {
    /*    background: #EAF2FF;*/
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0px 10px;
    margin-top: 0px;
}

.camp_body {
    width: 98%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* border: 2px solid #8AB9FF;*/
    border-radius: 5px;
    margin: 18px auto;
    flex-wrap: wrap;
}

.camp_left {
    width: 70%;
}

.camp_right {
    width: 30%;
}

.advertisement_img_content_bottom h2 {
    font-size: 28px;
    text-align: center;
    font-weight: 800;
    color: #373373;
    margin-bottom: 25px;
}

.advertisement_img_content_bottom a {
    width: 80%;
    border: none;
    background: var(--primary-color);
    padding: 8px 30px;
    font-size: 18px;
    color: #fff;
    border-radius: 50px;
    transition: .3s;
    text-align: center;
}

    .advertisement_img_content_bottom a:hover {
        background: var(--primary-color);
    }
/******* End Advertisement *********/

/*********** Youtube **********/
.youtube_body {
    padding: 0px 10px;
}

.youtube_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: none !important;
    border: 1px solid lightgray;
    height: 200px;
    width: 300px;
    margin: 10px;
    border-radius: 5px;
    background: #fff !important;
}

    .youtube_item p {
        font-size: 20px;
        color: var(--text-color);
        padding-bottom: 15px;
    }

    .youtube_item i {
        font-size: 50px;
        color: red;
    }

    .youtube_item iframe {
        border-radius: 10px;
        width: 100%;
        height: 100%;
    }

.youtube_title, .member_title {
    /*  text-align: center;*/
    padding-left: 6px;
}

    .youtube_title h1 {
        padding-bottom: 5px;
        color: #073B52;
        font-size: 20px;
        font-weight: 600;
        margin: 35px 0px 30px 0px;
        font-family: "Lato", sans-serif !important;
        display: inline-block;
    }

    .member_title h1 {
        padding-bottom: 5px;
        color: #073B52;
        font-size: 30px;
        font-weight: 600;
        margin: 5px 0px 5px 0px;
        font-family: "Lato", sans-serif !important;
        display: inline-block;
        border-bottom: 3px solid var(--primary-color);
    }

.youtube_body .owl-next {
    right: -23px;
    width: 30px;
    color: #000;
    height: 30px;
    background: transparent;
    -webkit-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    top: 45%;
    transform: translate(-50%,-50%);
    text-align: center;
    position: absolute;
    opacity: 0;
}

.youtube_body .owl-prev {
    left: 8px;
    width: 30px;
    height: 30px;
    color: #000;
    background: transparent;
    -webkit-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    top: 45%;
    transform: translate(-50%,-50%);
    text-align: center;
    position: absolute;
    opacity: 0;
}

.youtube_body:hover .owl-next {
    opacity: 1;
}

.youtube_body:hover .owl-prev {
    opacity: 1;
}


/*********** End Youtube **********/

/****** Latest News *******/

.latest_review {
    padding-left: 8px;
}

    .latest_review h3 {
        padding-bottom: 5px;
        color: #073B52;
        font-size: 30px;
        font-weight: 600;
        margin: 35px 0px 30px 0px;
        font-family: "Lato", sans-serif !important;
        display: inline-block;
        border-bottom: 3px solid var(--primary-color)
    }

.latest_item {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dae4e5;
    border-radius: 5px;
    margin: 8px;
    transition: .3s;
}

    .latest_item:hover {
        border: 1px solid #00C1BC;
    }

.latest_item_img {
    width: 100%;
    height: 100px;
    position: relative;
}

    .latest_item_img:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.5);
        border-radius: 5px 5px 0 0;
    }

    .latest_item_img .overlay {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        height: 2rem;
        width: 2rem;
        background-color: #fff;
        position: absolute;
        left: 49%;
        z-index: 1;
    }

.latest_item_img_text {
    position: absolute;
    bottom: 5px;
    left: 5px;
}

    .latest_item_img_text h4 {
        color: #00C1BC;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .latest_item_img_text h3 {
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        margin-top: 8px;
    }

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

.latest_item_name {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    z-index: 999;
}

    .latest_item_name h2 {
        font-size: 16px;
        color: #8e8e8e;
        font-weight: 700;
        margin-left: 10px;
    }

    .latest_item_name img {
        width: 45px !important;
        height: 45px;
        border-radius: 50%;
        object-fit: cover;
    }

    .latest_item_name h2 {
        color: #000;
    }

.latest_item_name {
    padding: 10px 7px 5px 7px;
}

.latest_item_star {
    padding: 0px 7px 5px 7px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.latest_item_star_left span {
    background: #00C1BC;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    padding: 0px 15px;
    border-radius: 5px;
    display: inline-block;
}

.latest_item_star_right {
    margin-left: 10px;
}

    .latest_item_star_right i {
        font-size: 14px;
        color: #00C1BC;
    }

.latest_item_text {
    padding: 15px 7px 15px 7px;
}

    .latest_item_text p {
        color: #666;
        font-style: italic;
        font-size: 13px;
        word-wrap: break-word;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .latest_item_text a {
        font-size: 12px;
        display: inline-block
    }

.latest_body .owl-next {
    right: -23px;
    width: 30px;
    color: #000;
    height: 30px;
    background: transparent;
    -webkit-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    top: 45%;
    transform: translate(-50%,-50%);
    text-align: center;
    position: absolute;
    opacity: 0;
}

.latest_body .owl-prev {
    left: 8px;
    width: 30px;
    height: 30px;
    color: #000;
    background: transparent;
    -webkit-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    top: 45%;
    transform: translate(-50%,-50%);
    text-align: center;
    position: absolute;
    opacity: 0;
}

.latest_body:hover .owl-next {
    opacity: 1;
}

.latest_body:hover .owl-prev {
    opacity: 1;
}
/****** End Latest News *******/
/******* End Advertisement *********/
.advertisement_category_view {
    position: relative;
}

.advertisement_category_list ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 15px 0px;
}

    .advertisement_category_list ul li {
        text-align: center;
        width: 100px;
        color: #fff;
        padding: 5px 15px;
        margin: 7px 7px;
        font-size: 13px;
        border-radius: 3px;
        cursor: pointer;
        opacity: 0.3;
        background: rgb(48,80,157);
        background: linear-gradient(90deg, rgba(48,80,157,1) 27%, rgba(136,70,150,1) 100%);
    }

.advertisement_category_view {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    height: 400px;
}

.advertisement_category_view_img {
    width: 70%;
    position: relative;
    height: 100%;
}

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

.advertisement_category_view_btn {
    width: 30%;
    justify-content: center;
    align-items: center;
    display: flex;
}

#advertisement_view_body .custom-select select {
    padding: 5px 10px !important;
}


#advertisement_view_body .mySlides {
    display: none;
    height: 100%;
}

#advertisement_view_body .mySlides1 {
    display: none;
    height: 100%;
}

#advertisement_view_body .mySlides2 {
    display: none;
    height: 100%;
}

#advertisement_view_body .mySlides3 {
    display: none;
    height: 100%;
}

#advertisement_view_body .mySlides4 {
    display: none;
    height: 100%;
}

#advertisement_view_body .cursor {
    cursor: pointer;
}

#advertisement_view_body .cursor1 {
    cursor: pointer;
}

#advertisement_view_body .cursor2 {
    cursor: pointer;
}

#advertisement_view_body .cursor3 {
    cursor: pointer;
}

#advertisement_view_body .cursor4 {
    cursor: pointer;
}

#advertisement_view_body .prev,
#advertisement_view_body .next {
    cursor: pointer;
    position: absolute;
    top: 42%;
    width: auto;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    background-color: rgba(0, 0, 0, 0.4);
}

#advertisement_view_body .next {
    right: 30%;
    border-radius: 3px 0 0 3px;
}

    #advertisement_view_body .prev:hover,
    #advertisement_view_body .next:hover {
        background-color: rgba(0, 0, 0, 0.9);
    }

#advertisement_view_body .numbertext {
    color: #373373;
    font-size: 18px;
    padding: 8px 12px;
    position: absolute;
    top: -7px;
    left: 10px;
    font-weight: 700;
}

.advertisement_category_view_btn a {
    border: none;
    background: var(--primary-color);
    padding: 10px 25px;
    font-size: 20px;
    color: #fff;
    border-radius: 5px;
    transition: .3s;
}

    .advertisement_category_view_btn a:hover {
        background: #674998;
    }

#advertisement_view_body .caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
}

#advertisement_view_body .row_advertisement {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    flex-wrap: wrap;
    grid-gap: 8px;
    margin-top: 20px;
}

    #advertisement_view_body .row_advertisement:after {
        content: "";
        display: table;
        clear: both;
    }

#advertisement_view_body .column_advertisement {
    /* width: 100%;
    margin: 0px 8px 16px 8px;*/
}

    #advertisement_view_body .column_advertisement button {
        border: none;
        text-align: center;
        width: 100%;
        color: #fff;
        padding: 7px 15px;
        font-size: 13px;
        border-radius: 3px;
        cursor: pointer;
        /*opacity: 0.3;*/
        background: rgb(48,80,157);
        background: linear-gradient(90deg, rgba(48,80,157,1) 27%, rgba(136,70,150,1) 100%);
    }

#advertisement_view_body .demo {
    opacity: 0.6;
}

#advertisement_view_body .demo1 {
    opacity: 0.6;
}

#advertisement_view_body .demo2 {
    opacity: 0.6;
}

#advertisement_view_body .demo3 {
    opacity: 0.6;
}

#advertisement_view_body .demo4 {
    opacity: 0.6;
}

#advertisement_view_body .column_advertisement .active,
#advertisement_view_body .column_advertisement .demo:hover {
    opacity: 1;
}

#advertisement_view_body .column_advertisement .active1,
#advertisement_view_body .column_advertisement .demo1:hover {
    opacity: 1;
}

#advertisement_view_body .column_advertisement .active2,
#advertisement_view_body .column_advertisement .demo2:hover {
    opacity: 1;
}

#advertisement_view_body .column_advertisement .active3,
#advertisement_view_body .column_advertisement .demo3:hover {
    opacity: 1;
}

#advertisement_view_body .column_advertisement .active4,
#advertisement_view_body .column_advertisement .demo4:hover {
    opacity: 1;
}
/***** End All Advertisement View ******/


/***** End Select ***********/


/********* Start DropDown Style **********/
.dropbtn {
    background-color: #04AA6D;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

#dropdown_parent {
    position: relative;
    width: 100%;
    padding: 0px;
    height: 35px;
}

    #dropdown_parent input {
        width: 100%;
        width: 100%;
        height: 33px;
        border: none;
        border-radius: 3px;
        outline: none;
        padding-left: 30px;
        position: relative;
    }

    #dropdown_parent .arrow {
        border: solid black;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
    }

    #dropdown_parent .down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        position: absolute;
        right: 100px;
    }

    #dropdown_parent input::placeholder {
        padding-left: 0px;
    }

    #dropdown_parent .dropdown_icon {
        position: absolute;
        right: 7px;
        top: 5px;
    }

    #dropdown_parent::after {
        content: "";
        width: 1px;
        height: 100%;
        background: #8d8a8a;
        right: 31px;
        position: absolute;
        top: 0px;
    }

    #dropdown_parent .dropdown_icon i {
        font-size: 12px;
        color: #373737;
    }

    #dropdown_parent .dropdown_search_icon {
        position: absolute;
        left: 5px;
        top: 5px;
    }

        #dropdown_parent .dropdown_search_icon i {
            color: #8b8b8b;
        }

.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}

#myInput {
    box-sizing: border-box;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom: 1px solid #ddd;
}

    #myInput:focus {
        outline: 3px solid #ddd;
    }

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
    max-height: 160px;
}

    .dropdown-content a {
        padding: 5px 10px;
        text-decoration: none;
        display: block;
        cursor: pointer;
        font-size: 13px;
    }

.dropdown a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}
/********* End DropDown Style **********/

/******* Apply Advertisement *******/
.apply_ads_title h1 {
    font-size: 18px;
    color: #373373;
    font-weight: 600;
    margin: 10px 0px 20px 0px;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 4px;
    display: inline-block;
}

#advertisementUserRegistration .form-control {
    border: 1px solid #ced4da !important;
}

/*#advertisementUserRegistration #dropdown_body .error {
    top: 62px;
}*/
#advertisementUserRegistration #dropdown_body .error {
    top: 62px;
}

.apply_ads_form {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 7px;
}

    .apply_ads_form label {
        font-size: 14px;
        color: #373373;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .apply_ads_form button {
        border: none;
        background: var(--primary-color);
        color: #fff;
        padding: 7px 20px;
        font-size: 16px;
        font-weight: 600;
        transition: .3s;
        margin-top: 15px;
    }

        .apply_ads_form button:hover {
            background: #2a229d;
            color: #fff;
        }




.request_form {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 7px;
}

    .request_form label {
        font-size: 14px;
        color: #373373;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .request_form button {
        border: none;
        background: var(--primary-color);
        color: #fff;
        padding: 7px 20px;
        font-size: 16px;
        font-weight: 600;
        transition: .3s;
        margin-top: 15px;
    }

        .request_form button:hover {
            background: #2a229d;
            color: #fff;
        }



.apply_ads_support_body {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.apply_ads_support {
    width: 50%;
    border: 1px solid #4C4D9B;
    margin: 30px 0px 20px 0px;
    padding: 10px;
    text-align: center;
    border-radius: 7px;
    background: #563D7C;
}

.apply_ads_support_tittle h6 {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin: 5px 0px 10px 0px;
    border-bottom: 2px solid #fff;
    display: inline-block;
    padding-bottom: 5px;
}

.apply_ads_support_contact {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px;
}

    .apply_ads_support_contact p {
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        margin: 2px 0px;
        width: 185px;
        text-align: start;
    }

        .apply_ads_support_contact p span {
            color: #fff;
            font-size: 13px;
            font-weight: 500;
        }
/******* End Apply Advertisement *******/

/******** New Admin Dashboard **********/
.new_dashboard_body {
    margin-top: 20px;
}

.new_dashboard_total {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: 10px;
}

.new_dashboard_total_item {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius: 7px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    padding: 15px 5px;
}

.new_dashboard_total .new_dashboard_total_item h6 {
    margin-bottom: 3px;
}

.new_dashboard_total_item i {
    margin-bottom: 8px;
    color: #373373;
    border: 1px solid var(--primary-color);
    padding: 5px;
    border-radius: 5px;
    font-size: 15px;
}

.new_dashboard_total_item h6 {
    font-size: 13px;
    color: #373373;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px;
}

.new_dashboard_total_item p {
    text-align: center;
    font-size: 14px;
    color: #373373;
    font-weight: 600;
}

.new_dashboard_user {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 20px 0px 0px 0px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px 5px 5px 5px;
}

.new_dashboard_user_chart {
    width: 30%;
    text-align: center;
}

.canva_container {
    padding: 10vh 5vw;
}

.new_dashboard_chart_body canvas {
    width: 200px !important;
    height: 200px !important;
}

.new_dashboard_chart_body .stat-item h5 {
    font-size: 12px;
    font-weight: 400;
    padding: 2px 5px;
    color: #fff;
}

.new_dashboard_chart_title {
    text-align: center;
}

    .new_dashboard_chart_title h6 {
        color: #373373;
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
        border-bottom: 2px solid var(--primary-color);
        padding-bottom: 4px;
    }

.new_dashboard_user_items {
    width: 70%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    justify-items: center;
    align-content: space-evenly;
    align-items: center;
}

.new_dashboard_total_members {
    width: 70%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
    justify-items: center;
    align-content: space-evenly;
    align-items: center;
}

.new_dashboard_total_cityPartners {
    width: 70%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
    justify-items: center;
    align-content: space-evenly;
    align-items: center;
}

.new_dashboard_total_executivePartners {
    width: 70%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
    justify-items: center;
    align-content: space-evenly;
    align-items: center;
}

.new_dashboard_total_post_body {
    width: 70%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 20px;
    justify-items: center;
    align-content: space-evenly;
    align-items: center;
}

.new_dashboard_total_advertisement_body {
    width: 70%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
    justify-items: center;
    align-content: space-evenly;
    align-items: center;
}

.new_dashboard_accountsReport_body {
    width: 70%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    justify-items: center;
    align-content: space-evenly;
    align-items: center;
}

.new_dashboard_membership_status {
    width: 70%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    justify-items: center;
    align-content: space-evenly;
    align-items: center;
}
/******** End New Admin Dashboard **********/
/******** Drop down Css ************/
.select2-container .select2-selection--single {
    height: 35px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}



#dropdown_body {
    position: relative !important;
}


    #dropdown_body .error {
        position: absolute;
        top: 55px;
        left: 9px;
    }

/*   #dropdown_body label {
    }

.error {
    border: none !important;
}*/
/******** End Drop down Css ************/


/******* Partner User Profile **********/
.new_partner_profile {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.new_partner_profile_body {
    display: grid;
    grid-template-columns: 28% 52% 17.5%;
    grid-gap: 10px;
    min-height: 100vh;
}

    .new_partner_profile_body h6 {
        color: #373373;
        font-size: 12px;
        font-weight: 600;
    }

    .new_partner_profile_body p {
        /*  color: #373373;*/
        font-size: 14px !important;
        font-weight: 500;
    }

    .new_partner_profile_body img {
        width: 100px;
        height: 100px;
    }


.new_partner_cover_pic_part {
    position: relative;
    height: 150px;
    width: 100%;
}

.new_partner_profile_pic_part {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: flex;
    justify-content: flex-start;
    gap: 10%;
    align-items: center;
    width: 100%;
    margin: auto;
    height: auto;
    overflow: hidden;
    padding: 15px;
}

.new_partner_cover_pic_part img {
    border-radius: 5px 5px 0px 0px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.new_partner_profile_pic_part p {
    font-size: 15px;
    color: #fff;
    font-weight: 800;
    text-align: center;
}


/*.new_partner_profile_pic_part {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: auto;
    height: auto;
    overflow: hidden;*/
   /* background: #fff;*/
/*}

    .new_partner_profile_pic_part p {
        font-size: 15px;
        color: #373373;
        font-weight: 800;
        text-align: center;
    }*/

.partner_username {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 40px;
    width: 100%;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    color: #373373;
    border-radius: 5px;
}

.partner_username_scrolled {
    display: flex;
    justify-content: center;
    flex-direction: column;
    /*    align-items: center;*/
    height: 50px;
    width: 100%;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
}

    .partner_username_scrolled a {
        color: var(--text-color);
    }

.partner_username:hover {
    color: #fff;
    background: #d091b0;
}

.new_partner_profile_image {
    width: 90px;
    height: 90px;
    border-radius: 100%;
}
.verify_icon{
   padding:0px 5px;
}
    .verify_icon i {
        color: #3980d6;
        font-size: 14px;
    }

.new_partner_profile_image img {
    border: 1px solid lightgray;
    padding: 5px;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.new_partner_profile_left {
    /*border-radius: 5px;
    background: #fff;
    margin: 13px 5px;
    border-radius: 5px;
    padding:20px 10px;*/
}

.new_partner_profile_left_position {
    /* padding-top:10vh;*/
    overflow: hidden;
    /* position: sticky;*/
    margin-top: 10px;
    /* background: #fff;*/
    border-radius: 5px;
    /*padding: 20px 15px;*/
}


.new_partner_profile_right_phone_view {
    display: none;
}

.new_partner_profile_right_position {
    overflow: hidden;
    /* position: sticky;
    top: 100px;*/
    margin-top: 10px;
    background: #fff;
    border-radius: 5px;
    padding: 20px 10px;
    border: 1px solid #ddd;
}

.new_partner_profile_middle {
    /* background: #fff;
    margin: 5px;
    border-radius: 5px;*/
}

.new_partner_profile_middle_icon {
  /*  margin: 5px 0px;*/
    background: #fff;
    display: none;
    border-radius: 5px;
    cursor:pointer;
    padding:10px;
}

.new_partner_profile_right {
    width:100%;
}

.new_partner_profile_pic {
    /*display: grid;*/
    width: 100%;
    /*grid-template-columns: 1fr 1fr;*/
    /* border: 1px solid #864696;*/
    grid-gap: 5px;
    /* margin: 0 10px 0px 10px;*/
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.new_partner_profile_user_part, .new_partner_profile_balance, .new_partner_profile_current, .new_partner_profile_debit, .new_partner_profile_ads {
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    background:#ddd;
  /*  background: linear-gradient(180deg, #a73069 0%, #F8FBFF 100%);*/
}

    .new_partner_profile_user_part p, .new_partner_profile_balance p, .new_partner_profile_current p, .new_partner_profile_debit p, .new_partner_profile_ads p {
        font-size: 14px !important;
    }
    .new_partner_profile_current small {
        font-size: 12px !important;
    }
    .new_partner_profile_user_part h6, .new_partner_profile_balance h6, .new_partner_profile_current h6, .new_partner_profile_debit h6, .new_partner_profile_ads h6 {
        font-size: 14px;
        font-weight: bold;
    }

.new_partner_profile_user_part {
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
}

.new_partner_profile_balance {
    padding: 6px 10px;
    border: 1px solid var(--primary-color);
    margin: 10px 0px 15px 0px;
    border-radius: 5px;
    max-height: 200px;
}

.support_chat {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px 10px;
    /* border: 1px solid var(--primary-color);*/
    border-radius: 5px;
    max-height: 30px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    /*background: #549de6;*/
    background: #5a7e8f;
}

    .support_chat:hover {
        background: #d091b0;
        color: #fff;
        border: none;
    }

.flex_down {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 10px 0px;
}


.download_container, .refrence_bundle {
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 10px 5px;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    max-height: 30px;
    font-size: 12px;
    color: #373373;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

    .refrence_bundle > div {
        font-size: 12px;
    }

    /*.download_container {
    width: 45%;
}

.refrence_bundle {
    width: 55%;
}*/

    .download_container:hover, .refrence_bundle:hover {
        border: none;
        background: #d091b0;
        color: #fff;
    }

    .refrence_bundle h6 {
        font-size: 12px;
        font-weight: bold;
    }

.new_partner_profile_tk_mobile_view {
    display: none;
}
.exe_new_partner_profile_tk_mobile_view, .city_new_partner_profile_tk_mobile_view {
    display: none;
}

.new_partner_profile_tk, .new_partner_profile_tk_professional_dashboard {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid var(--primary-color);
    padding: 5px;
    margin: 10px 0px 15px 0px;
    border-radius: 5px;
    grid-gap: 5px;
}
.boost_request_container{
   
    border: 1px solid var(--primary-color);
    padding: 5px;
    margin: 10px 0px 15px 0px;
    border-radius: 5px;
    grid-gap: 5px;
}

.new_partner_profile_tk_professional_dashboard_city {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border: 1px solid var(--primary-color);
    padding: 5px;
    margin: 10px 0px 15px 0px;
    border-radius: 5px;
    grid-gap: 5px;
}



.new_partner_profile_current {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px 5px;
    cursor: pointer;
}

.new_partner_profile_ads {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px 5px;
    cursor: pointer;
}

.new_partner_profile_debit {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px 5px;
    cursor: pointer;
}

.top_flex_area {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
    margin: 0px 10px;
}

.new_partner_profile_middle_area {
    /* overflow: hidden;
    position: sticky;
    top: 80px;
    background: #E7EDEE;
    z-index: 5;*/
    /* padding: 10px 0 0;*/
}

.new_partner_profile_middle_btn {
    display: flex;
    padding-top: 5px 0;
}

    .new_partner_profile_middle_btn ul {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        border: 1px solid #ddd;
        border-radius: 5px;
        background: #fff;
        padding: 8px 0px;
    }

.new_partner_profile_addpost_btn {
    margin-top: 10px;
    padding: 10px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    /*display:none;*/
}

.home_btn {
    padding: 5px 10px;
    display: none;
    border-radius: 5px;
    border: 1px solid lightgray;
    margin-left: 2px;
}

.new_partner_profile_middle_btn ul li {
    border-right: 1px solid #ddd;
    padding: 5px 0px;
    text-align: center;
    width: 100%;
}

    .new_partner_profile_middle_btn ul li a {
        color: #373373;
        font-size: 14px;
        font-weight: 700;
        display: block;
        transition: .3s;
        cursor: pointer;
    }

        .new_partner_profile_middle_btn ul li a:hover {
            color: #1c175e;
        }

    .new_partner_profile_middle_btn ul li:last-child {
        border-right: 0px;
    }

.new_partner_profile_middle_post {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}

.new_partner_profile_middle_post_gen {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.middle_view_history {
    display: none;
    margin-top: 15px
}

.view_div_social_icon_history_edit button {
    border: none;
    background: #207FDE;
    color: #fff;
    padding: 7px 10px;
    border-radius: 5px;
    line-height: 50%;
    transition: .3s;
    font-size: 12px;
}

.view_div_social_icon_history_delete button {
    border: none;
    background: #EC7063;
    color: #fff;
    padding: 7px 10px;
    border-radius: 5px;
    line-height: 50%;
    transition: .3s;
    font-size: 12px;
}

.new_partner_profile_middle_post_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 5px;
    background: #fff;
    cursor:pointer;
}
.new_partner_profile_middle_post_gen {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 5px;
    margin-top: 10px;
    background: #ACC8E5;
}
.new_partner_profile_middle_post_gen_btn {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0px 10px;
    margin: 10px 0px;
    background: #fff;
}
#eToB2{
    display:none;
}
.user_profile_middle_post {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.new_partner_profile_post_img {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.profile_header_container {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding-bottom: 20px;
}

.profile_left_side, .profile_right_side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 35%;
    height: auto;
}

.profile_right_side {
    padding: 0px 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

    .profile_right_side canvas {
        height: 180px;
    }

.profile_middle_side {
    width: 25%;
}

.profile_blog_container {
    border-top: 1px solid #ddd;
    padding: 20px 0px;
}

.active_user_profile, .pending_user_profile {
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
}

.user_profile_image {
    height: 85px;
}

.profile_middle_side {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.user_profile_image img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.new_partner_profile_post_profile_pic {
    width: 45px;
    height: 43px;
    overflow: hidden;
    border-radius: 100%;
    border: 1px solid #ddd;
}

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

.new_partner_profile_post_profile_name h6 {
    margin-top: 2px;
    margin-left: 7px;
    font-size: 10px;
}

.new_partner_profile_post_profile_name h5 {
    margin-left: 7px;
    font-size: 14px;
}

.profiles {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.image_view_area {
    width: 100%;
    height: auto;
    /*    max-width: 675px;
    max-height: 555px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

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

.new_partner_profile_post_item_img_div_null {
    border-radius: 5px;
    overflow: hidden;
    max-width: 512px;
    max-height: 400px;
}

.new_partner_profile_post_item_video_div {
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    height: auto;
}

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

.new_partner_profile_post_item_img {
    width: 100%;
}

.new_partner_img_list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}

.new_partner_profile_post_item_img_div {
    width: 100%;
    height: auto;
    width: 252px;
    height: 220px;
    /*max-width: 322px;
    max-height: 230px;*/
    border-radius: 5px;
    overflow: hidden;
}

.new_partner_profile_post_item_video_div video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 10px;
}

.new_partner_profile_post_item_img_div img, .new_partner_profile_post_item_img_div_toplarge img, .new_partner_profile_post_item_img_div_4 img, .new_partner_profile_post_item_img_div_5 img, .new_partner_profile_post_item_img_div_large img, .new_partner_profile_post_item_img_div_small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.new_partner_profile_post_item_img_div_4 {
    width: 100%;
    height: auto;
    width: 252px;
    height: 220px;
    border-radius: 5px;
    overflow: hidden;
}

.new_partner_profile_post_item_img_div_toplarge {
    width: 512px;
    height: 300px;
    border-radius: 5px;
    overflow: hidden;
}

.new_partner_profile_post_item_img_div_large {
    width: 338px;
    height: 250px;
    /*  max-width: 390px;
    max-height: 230px;*/
    border-radius: 5px;
    overflow: hidden;
}

.new_partner_profile_post_item_img_div_small {
    width: 100%;
    height: auto;
    width: 167px;
    height: 250px;
    /* max-width: 250px;
    max-height: 230px;*/
    border-radius: 5px;
    overflow: hidden;
}

.new_partner_profile_post_item_img_div_5 {
    width: 100%;
    height: auto;
    width: 166px;
    height: 160px;
    /*    max-width: 212px;
    max-height: 180px;*/
    border-radius: 5px;
    overflow: hidden;
}

/*.new_partner_profile_post_item_img_div img:hover {
            transform: scale(1.05);
            transition: .3s;
        }*/
.overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 166px;
    height: 160px;
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    opacity: 50%;
    border-radius: 5px;
}

    .overlay P {
        font-size: 30px;
        font-weight: bold;
        color: #fff;
    }

.new_partner_profile_right_city, .new_partner_profile_right_executive {
    /*border: 1px solid var(--primary-color);*/
    padding: 10px 0px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    background: #5a7e8f;

}
.new_partner_profile_right_city, .new_partner_profile_right_executive h6{
    color: #fff;
}
    .partner_membership {
    display: flex;
    justify-content: flex-start;
    padding: 8px;
}

    .partner_membership h6 {
        color: #fff;
        font-size: 13px;
    }
.user_down_cv{
    border:3px solid var(--primary-color)!important;
}

.new_partner_profile_right_general {
    border: 1px solid var(--primary-color);
    padding: 15px 0px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
}
.postadd_gen {
    border: 1px solid var(--primary-color);
    padding: 8px 0px!important;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    gap:8px;
    justify-content: center!important;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
}
.adpost_genuser_phone {
    margin-top: 10px;
    display:none;
}
.edit_update_user {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid gray;
    padding: 5px 0px;
    margin-bottom: 15px;
}
.edit_update_city, .edit_update_executive {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid gray;
    padding: 5px 0px;
    margin-bottom: 15px;
}
.edit_update_user h3 {
    font-size: 18px;
}
    .gen_left_phone_view {
        display: grid;
        justify-content: center;
        align-items: center;
        grid-template-columns: 1fr 1fr 1fr;
        border: 1px solid var(--primary-color);
        padding: 5px;
        margin: 10px 5px 15px 5px;
        border-radius: 5px;
        grid-gap: 5px;
    }

.new_partner_profile_right_city p, .new_partner_profile_right_general p{
    font-size: 12px !important;
}
.postadd_gen p {

    font-size: 20px !important;
}
.postadd_gen h1 {
    font-size: 20px !important;
    font-weight: bold !important;
}

.new_partner_profile_right_city h6, .new_partner_profile_right_general h6 {
    font-size: 14px !important;
    font-weight: bold !important;
}

.new_partner_profile_name p {
    color: var(--text-color);
    font-size: 12px;
}

.new_partner_profile_right_top_ci, .new_partner_profile_right_top_gen {
    width: 100%;
    height: auto;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .new_partner_profile_right_top_gen a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 110px;
    }

    .new_partner_profile_right_top_ci a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100px;
    }

    .new_partner_profile_right_top_ci h6, .new_partner_profile_right_top_gen h6 {
        margin-bottom: 7px;
        font-size: 12px;
    }

    .new_partner_profile_right_top_ci img, .new_partner_profile_right_top_gen img {
        max-width: 70px;
        max-height: 70px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.new_partner_profile_right_top_ex {
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .new_partner_profile_right_top_ex a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100px;
    }

    .new_partner_profile_right_top_ex h6 {
        margin-bottom: 7px;
        font-size: 12px;
    }

    .new_partner_profile_right_top_ex img {
        max-width: 70px;
        max-height: 70px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


.new_partner_profile_right_chart, .user_right_chart {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom:10px;
}
#myChart {
    background: linear-gradient(360deg, #c6799e 0%, #F8FBFF 100%);
}
.new_partner_profile_modal_chart {
    padding-bottom: 20px;
}

.new_partner_profile_right_chart canvas, .user_right_chart canvas {
    height: 160px !important;
}

.new_partner_profile_right_chart_part_modal canvas {
    height: 350px !important;
    width: 100% !important;

}

.new_partner_profile_modal_chart_part {
    padding: 100px 0px;

}

.new_partner_profile_modal_chart_part canvas {
    height: 300px !important;
   
}
/******* End Partner User Profile **********/


/**************** Start MyDashboard page comments_section *********************/
hr {
    margin: 10px 0 10px 0;
    color: gray;
}

.my_dashboard_comments_section {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 20px;
}

.like_love_div {
    display: flex;
    gap: 20px;
}

.comment_text span {
    font-size: 13px;
    color: gray;
}

.like_love_icon_div {
    display: flex;
    justify-content: center;
    gap: 5px;
}

    .like_love_icon_div span {
        font-size: 12px;
        color: gray;
    }

.like_love_icon {
    position: relative;
    display: flex;
}

    .like_love_icon button {
        border: none;
        color: #fff;
        padding: 3px 3px;
        border-radius: 100%;
        line-height: 10%;
        transition: .3s;
    }

.like_icon {
    background: #3498DB;
}

.love_icon {
    background: #EC7063;
}

.like_love_icon button i {
    font-size: 8px;
}
/**************** Start MyDashboard page Social Icon *********************/
.my_dashboard_social_icon {
    display: flex;
    justify-content: space-between;
    padding-bottom: 7px;
}

.details_social_icons {
    display: flex;
    align-items: center;
    gap: 5px;
}

.view_div_social_icon button {
    border: none;
    background: #fff;
    /* background: #c6799e;*/
    border: 1px solid var(--primary-color);
    color: #fff;
    padding: 6px 6px;
    border-radius: 5px;
    line-height: 50%;
    transition: .3s;
}

    .view_div_social_icon button i {
        color: var(--primary-color);
        font-size: 12px;
    }

.my_dashboard_share_div button, .my_dashboard_repost_div button {
    border-radius: 5px;
    color: var(--primary-color);
    font-weight: 500;
    padding: 6px 6px;
    border: none;
    transition: .3s;
    background: #fff;
    /* background: #c6799e;*/
    border: 1px solid var(--primary-color);
    font-size: 12px;
    line-height: 50%;
}

    .my_dashboard_share_div button span i, .my_dashboard_repost_div button span i {
        color: var(--primary-color);
        font-size: 10px;
        margin-right: 5px;
    }

.my_dashboard_share_div, .my_dashboard_repost_div {
    position: relative;
}

.my_dashboard_repost_icon {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    position: absolute;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    top: -80px;
    left: 0px;
    z-index: 2;
}

.my_dashboard_share_icon {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    position: absolute;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    top: -50px;
    left: 0px;
    z-index: 2;
}

.share_icon_ref {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    position: absolute;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    top: -50px;
    right: 0px;
    z-index: 2;
}

    .my_dashboard_share_icon::after, .share_icon_ref::after {
        top: 100%;
        left: 30px;
        border: 1px solid #000;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #e1dfdf;
        border-width: 10px;
        margin-left: -18px;
    }

.my_dashboard_repost_icon::after {
    top: 100%;
    left: 30px;
    border: 1px solid #000;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #e1dfdf;
    border-width: 10px;
    margin-left: -18px;
}


/*.share_icon_ref::before {
        content: '';
        position: absolute;
        transform: rotate(45deg);
        width: 36px;
        height: 36px;
        bottom: -12px;
        z-index: -1;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    }*/
.my_dashboard_repost_icon ul {
    min-width: 250px;
}

.my_dashboard_share_icon ul, .share_icon_ref ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    /*flex-wrap: wrap;*/
}

    .my_dashboard_share_icon ul li, .share_icon_ref ul li, .my_dashboard_repost_icon ul li {
        margin: 5px 5px;
        transition: .3s;
    }

        .my_dashboard_share_icon ul li:hover, .share_icon_ref ul li:hover {
            transform: translateX(2px);
        }

        .my_dashboard_share_icon ul li a, .share_icon_ref ul li a, .my_dashboard_repost_icon ul li a {
            color: var(--text-color);
            margin-top: 2px;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            padding: 5px;
        }

            .my_dashboard_share_icon ul li a i, .share_icon_ref ul li a, .my_dashboard_repost_icon ul li a i {
                margin: 0px 3px;
                font-size: 23px;
            }

            .my_dashboard_repost_icon ul li a i {
                margin: 0px 5px;
                font-size: 12px;
            }

.seeMoreBtn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    font-size: 12px;
    border: none;
    background: none !important;
    color: #0080FF;
}

/**************** End MyDashboard page Social Icon *********************/


/**************** Start MyDashboard page SComment Section *********************/
.my_dashboard_input_comment_field {
    width: 100%;
    display: flex;
    padding: 10px 0;
    gap: 5px;
}


#input-container {
    background: #fff;
    position: relative;
    width: 100%;
    border-radius: 50px;
}

.input_icon {
    display: flex;
    position: absolute;
    top: 5px;
    right: 15px;
}

    .input_icon i {
        color: gray;
        font-size: 20px;
        padding: 8px;
        z-index: 2;
    }

.post_btn {
    color: gray;
    cursor: pointer;
    padding: 5px 8px;
}

    .post_btn:hover {
        color: dodgerblue;
        font-weight: bold;
    }
/*.fa-face-smile:hover, .fa-image:hover {
    cursor: pointer;
    background-color: #F5F5F5;
    padding: 8px;
    border-radius: 50%;
    transition: 500ms;
}*/
.input_border {
    width: 100%;
    border: 1px solid #E5E5E5;
    border-radius: 38px;
}

#input-container input[type=text] {
    border-radius: 38px;
    border: none;
    color: black;
    width: 87%;
    min-height: 45px;
    padding-left: 15px;
    font-size: 14px;
}

input[type=text]:focus {
    outline: none;
    border: 1px solid #E5E5E5;
    color: black;
}

.my_dashboard_comments_title span i {
    color: gray;
}

.my_dashboard_commect_body {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    padding-top: 8px;
    padding: 8px;
}

.my_dashboard_user_profile {
    width: 40px;
    height: 35px;
    overflow: hidden;
    border-radius: 100%;
}

.my_dashboard_postadd_user_profile {
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 100%;
}

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

.my_dashboard_user_profile img, .my_dashboard_user_profile_modal_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.my_dashboard_user_profile_modal_image {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
}

.card {
    background-color: #F7F7F7;
    margin-bottom: 5px !important;
}

    .card p {
        font-weight: initial;
    }

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

    .card_title h5 {
        font-weight: bold;
    }

    .card_title span {
        font-weight: inherit;
        color: gray;
        font-size: 12px;
    }

.comment_menu_icon i {
    color: gray;
    font-size: 14px;
}

.reply_section {
    display: flex;
}

    .reply_section div span {
        font-size: 12px;
        color: gray;
    }

.reply_like_love_section {
    display: flex;
    gap: 8px;
}

.reply_like_section span i {
    background: #3498DB;
    color: #ffff;
    border-radius: 50%;
    font-size: 8px;
    padding: 3px 4px 4px 3px;
    border-radius: 100%;
}

.reply_love_section span i {
    background: #EC7063;
    color: #ffff;
    border-radius: 50%;
    font-size: 8px;
    padding: 3px 3px 3px 4px;
    border-radius: 100%;
}


.reply_like_love_section div span {
    font-size: 12px;
    color: gray;
}
/**************** End MyDashboard page Comment Section *********************/
.test_image_view {
    padding-top: 150px !important;
}

.password_eye_btn {
    position: relative;
}

.password_eye_icon {
    position: absolute;
    top: 25px;
    right: 17px;
}

    .password_eye_icon i {
        color: gray;
        font-size: 16px;
        padding: 8px;
        z-index: 2;
    }

/******************** job Application******************/
.job_application_body {
}

.job_application_title h4 {
    margin-left: 20px;
    font-weight: bold;
    font-size: 16px;
}

.job_application_area_body {
}

#addCV button span {
    font-size: 11px;
}

#addCV button i {
    margin-left: 5px;
    font-size: 11px;
}

.apply_input input[type=text] {
    border: none;
    color: black;
    width: 100%;
    height: 30px;
    padding-left: 15px;
    font-size: 14px;
}

hr {
    /* margin: 4px 13px;*/
    padding: 0 0;
}

.apply_input {
    padding: 5px 8px;
}

.apply_description {
    border: 1px solid lightgray;
    border-radius: 5px;
}

    .apply_description textarea {
        border: none;
        color: black;
        width: 100%;
        height: 250px;
        padding-left: 15px;
        font-size: 14px;
        border: none;
        background-color: transparent;
        resize: none;
        outline: none;
        padding: 8px 22px;
    }

.job_application_submit {
    padding-top: 15px;
    display: flex;
    justify-content: end;
    gap: 5px;
}

    .job_application_submit button {
        font-size: 12px;
        padding: 1px 10px;
        background: gray;
        color: #fff;
        border: none;
        border-radius: 5px;
    }

#addCV > input::file-selector-button {
    cursor: pointer;
    width: 100%;
    height: 4vh;
    border: none;
    transition: all 0.5s;
    color: white;
    background-color: gray;
    border-radius: 5px;
    font-size: 12px;
}

/******************* Magnific Popup core css file **********************/
img.mfp-img {
    width: 100% !important;
    /*height: 800px !important;*/
}
/********************* Support Number ***********************************/
.support_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.support-number {
    margin-top: 10px;
    width: 165px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 1px 6px 0 7px !important;
    border-radius: 3px;
}

    .support-number a {
        font-size: 16px;
        color: #30509D;
        font-family: "Abel", sans-serif;
        font-weight: 600;
        font-style: normal;
        letter-spacing: 2px;
    }

/********************* super Admin Userr datalist***********************************/

.user_list_admin_post_body {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    overflow: hidden;
    width: 100%;
}

.user_list_admin_post_body_2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    overflow: hidden;
    width: 100%;
}

.user_list_card {
    display: flex;
    flex-direction: column;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
    transition: .4s;
    overflow: hidden;
    justify-content: space-between;
}

    .user_list_card:hover {
        border: 1px solid var(--primary-color);
    }

.user_list_card_top {
    display: flex;
    flex-direction: row;
}

#user_list_card_2 {
    display: flex;
    flex-direction: column;
}

.user_list_card_img {
    margin-right: 10px;
}

#user_list_card_img_2 {
    margin-right: 0px;
    margin-bottom: 5px;
    width: 100%;
}

    #user_list_card_img_2 img {
        width: 100%;
        object-fit: cover;
        height: 125px;
    }

.user_list_card_post_bold {
    color: #373373;
    font-size: 13px;
    font-weight: 500;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 5px;
}

.user_list_card_post_same {
    color: #6c6c6c;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
}

.user_list_card_bottom {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    border-radius: 5px;
}

    .user_list_card_bottom .user_list_boost_btn {
        border: 1px solid var(--primary-color);
        background: #fff;
        color: #373373;
        font-weight: 600;
        width: 100%;
        transition: .5s;
    }

.popover_field, .popover_field_history {
    position: absolute;
    top: 25px;
    right: 1px;
    height: auto;
    padding: 10px 10px;
    width: 100px;
    background: white;
    border: 1px solid lightgray;
    border-radius: 5px;
    transition: .5s;
}

.popover_edit_history p, .popover_remove_history p {
    font-size: 12px;
    padding: 3px;
    font-weight: bold;
    cursor: pointer;
}

.popover_edit p, .popover_remove p {
    font-size: 12px;
    padding: 3px;
    font-weight: bold;
    cursor: pointer;
}

.popover_edit span i {
    font-size: 12px;
    padding: 5px;
    margin-right: 10px;
    color: #0080FF;
}

.popover_remove span i {
    font-size: 12px;
    padding: 5px;
    margin-right: 10px;
    color: #EC7063;
}

.popover_edit_history span i, .popover_remove_history span i {
    font-size: 12px;
    padding: 5px;
}

.comment_update_btn {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    padding: 5px;
}

.edit_cancel {
    padding: 2px 5px;
    border: none;
    border-radius: 3px;
    background: red;
    font-size: 10px;
    color: #ffff;
    font-weight: bold;
}

.edit_update {
    padding: 2px 5px;
    border: none;
    border-radius: 3px;
    background: #0080FF;
    font-size: 10px;
    color: #ffff;
    font-weight: bold;
}

    .edit_cancel:hover, .edit_update:hover {
        color: #ffff;
    }

.password_content {
    font-size: 12px;
    margin-top: 5px;
}

#subcategoryDropdown {
    margin-left: 0px !important;
}


.position-class {
    margin-top: 5px;
}

#category {
    width: 305px !important;
}

#subcategory {
    width: 305px !important;
}

#registration_district, #registration_thana {
    border-radius: 5px;
    border-color: none;
    padding-right: 2px;
}

/*user color-profile start*/

.user_profile_container {
    width: 100%;
    margin: 10px 10px 20px 10px;
    height: auto;
    background-color: #fff;
    padding: 50px 50px;
}

    .user_profile_container h1 {
        font-size: 20px;
        font-weight: bold;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 10px 0px;
    }

.user_profile {
    width: 100%;
    padding: 20px 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 200px;
    flex-direction: row;
}
.verified_user_profile {
    width: 100%;
    padding: 20px 10px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 200px;
    flex-direction: row;
}

.verified_user_info {
    display: flex;
    gap: 10px;
    padding: 10px 0px;
}

    .verified_user_info h5 {
        font-size: 14px;
        font-weight: bold;
    }

    .verified_user_info p {
        font-size: 12px;
    }
    .verified_user_info button {
        border: none;
        background: #3c8dbc;
        border-radius: 5px;
        padding: 0px 8px;
        color: #fff;
    }

.membership_profile {
    width: 100%;
    padding: 20px 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 200px;
    flex-direction: row;
}

.user_details {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.user_info {
    display: flex;
    gap: 10px;
    padding: 10px 0px;
}

    .user_info h5 {
        font-size: 14px;
        font-weight: bold;
    }

    .user_info p {
        font-size: 12px;
    }

.profile_edit_container {
    padding: 10px 0px;
}

.profile_edit {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--primary-color);
    padding: 5px 10px;
    font-weight: bold;
}

    .profile_edit:hover {
        color: #fff;
        background: var(--primary-color);
    }

    .profile_edit h6 {
        font-size: 12px;
        font-weight: bold;
    }

.profile_image {
    height: auto;
    width: 100%;
}

    .profile_image img {
        max-width: 150px;
        max-height: 150px;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }

.image_edit_btn {
    display: flex;
    flex-direction: column;
}

.user_profile_back_btn {
    border: none !important;
    padding: 4px 55px 2px 50px;
    border-radius: 2px;
    font-size: 13px;
}

/*payment system*/
.payment-system {
    padding: 10px 0px;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.payment_card {
    padding: 0px 80px 0px 60px !important;
    width: 100px;
    border-radius: 2px !important;
    border: 1px solid #E5E1E1;
}

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

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

    .payment_area_rocket img {
        padding-left: 5px;
    }


/************************bkash payment page*************************************/
.bkash_payment {
    width: 100%;
    height: auto;
    background: #F2FCFC;
    padding-bottom: 50px;
    padding: 50px 10px;
}

.payment_btn {
    display: flex;
    justify-content: center;
    padding: 40px 0px;
}

    .payment_btn button {
        padding: 8px 40px;
        color: white;
    }

.payment_box {
    display: flex;
    justify-content: center;
}

.payment_container {
    height: 480px;
    width: 440px;
    background: white;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    border-radius: 10px;
}

.payment_status {
    text-align: center;
    padding: 20px;
}

    .payment_status h3 {
        font-weight: bold;
    }

.status_show {
    display: flex;
    justify-content: center;
    padding-top: 50px;
}


.success_containerr {
    width: 100%;
    padding: 0px 20px;
}

.payment_messages {
    width: 100%;
    padding: 20px;
    color: gray;
    font-size: 14px;
    text-align: center;
}

    .payment_messages h3 {
        color: gray;
        font-size: 18px;
        line-height: 30px;
    }


.add_post_icon_list {
    padding: 5px 10px;
    display: flex;
    justify-content: space-around;
}

.add_post_image_icon span, .add_post_video_icon span {
    font-size: 14px;
    color: gray;
    font-weight: bold;
    padding: 5px;
}

.add_post_image_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #21C65D;
    font-size: 12px;
}

.add_post_video_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #EC7063;
}

#socialModal {
    left: 56px;
}
/*.socialModalDialog {
    max-width: 40%;
}*/
.addpost_modal {
    border: none !important;
    padding: 0px;
    font-size: 16px;
}

.add_post_modal_bottom_part {
    padding: 10px 0px;
    /* display: flex;
    justify-content: space-between;*/
}

.post_subhmit {
    padding: 5px 20px !important;
    background: lightgray;
    font-weight: bold;
}

.socialTerm_link {
    font-size: 50px;
    padding: 10px 0px;
}

    .socialTerm_link a {
        font-size: 20px;
    }

.about_partners_btn {
    padding: 0px 25px;
    border: none;
    background: var(--primary-color);
    color: #fff;
    border-radius: 5px;
}

    .about_partners_btn:hover {
        background: var(--primary-color);
    }

#pdf_table, #excel_table {
    display: none;
}


.pdf_download {
    background: green;
    border: none;
    padding: 1px 10px 6px 10px;
    border-radius: 3px;
    margin: 5px;
}

    .pdf_download input {
        border: none;
        font-size: 13px;
        background: green;
        color: #fff;
    }


/************************mydashboard view image display**********************************/
/*.image_div{
    padding:10px;
}*/
#image_view_body {
    padding: 0px !important;
}

#image_view_modal_dialog {
    max-width: 1010px;
}

.image_comment_container {
    height: 70vh;
    overflow-y: auto;
    padding-right: 10px;
}

.image_preview_container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

#mydashboard_carousel {
    position: relative;
    /*  max-height: 91vh;*/
    width: 100%;
    background: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#modalDialog {
    padding-top: 50px;
}

.left_side_for_image_details {
    position: relative;
    padding: 10px 0px;
    width: 50%;
}

.overflow_div {
    height: 80vh;
    overflow-y: auto;
}

.close_bton {
    display: none;
}

.image_view_cancel_btn {
    z-index: 10;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

    .image_view_cancel_btn i {
        font-size: 20px;
        color: gray;
    }

#carousel_image {
    height: 80vh;
    width: 100%;
}

    #carousel_image img {
        height: 100%;
        max-width: 100%;
        object-fit: contain;
    }

.new_partner_profile_imageview_img {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.imageview_modal_close_div {
    padding: 10px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.new_partner_profile_imageview_profile_pic {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ddd;
}

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

.my_dashboard_image_preview_user_profile {
    max-width: 40px;
    max-height: 40px;
    width: 100%;
    height: auto;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ddd;
}

    .my_dashboard_image_preview_user_profile img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }

.image_view_username h5 {
    font-size: 15px;
}

.image_view_username p {
    font-size: 12px;
}

.term_date span {
    font-size: 12px;
}

.user_layout_banner_image {
    height: auto;
    width: 100%;
}

    .user_layout_banner_image img {
        max-height: 512px;
        width: 500px;
        height: 100%;
        width: 100%;
    }


.dashboard_layout {
    display: none;
    z-index: 999;
}

.dashboardShow {
    width: 100%;
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
}
/*.dashboardOff {
    display: none;
}*/
.dashboard_navbar {
    width: 100%;
}


.dashboard_layout_container {
    height: 75px;
    width: 100% !important;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 4px 5px #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.blink_div {
    /* position: absolute;
    right: 0%;
    top: 5px;*/
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 18px;
}


.blink {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 2px;
    text-align: center;
    padding: 0px 10px;
}

/* Define the animation */
@keyframes blinkAnimation {
    0% {
        transform: scale(.8);
        transition: 10s;
    }

    50% {
        /* opacity: 100;*/
        transition: 10s;
        transform: scale(1);
    }

    100% {
        /*opacity: 2;*/
        transition: 10s;
        transform: scale(.8);
    }
}

@keyframes blinkAnimationp {
    0% {
        opacity: .5;
    }

    50% {
        opacity: 2;
    }

    100% {
        opacity: .5;
    }
}


/* Apply the animation to the text */
.blink h1 {
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    animation: blinkAnimation 2s infinite;
}

.blink p {
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    animation: blinkAnimationp 1s infinite;
}

#dashboard_li_list a {
    padding: 0px 60px;
}

.dashboard-navbar-brand {
    height: 50px;
    width: 50px;
}

    .dashboard-navbar-brand img {
        width: 145px;
        height: 55px;
    }

.dashboard_navbar_account li a {
    color: gray;
}

    .dashboard_navbar_account li a:hover, .dashboard_navbar_account li a:focus {
        background: none !important;
        color: gray;
    }

#dashboard_navbar_dropdown_menu ul li a {
    color: gray !important;
}

#dashboard_navbar_dropdown_menu {
    background: gray;
}

.exe_nav_item {
    width: 100%;
}

    .exe_nav_item ul {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }

        .exe_nav_item ul li a {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 5px;
        }

            .exe_nav_item ul li a > div {
                font-size: 13px;
            }

    .exe_nav_item li a i {
        font-size: 18px;
        color: #fff;
    }

.exe_nav_item_phone li a i {
    font-size: 20px;
    color: #fff;
}

.exe_nav_item_phone ul {
    display: none;
}

.phn_location_filed {
    display: none;
    padding-left: 5px;
}

.user_exe_nav_item {
    width: 100%;
}

.user_exe_nav_item ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

    .user_exe_nav_item ul li a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }

        .user_exe_nav_item ul li a > div {
            font-size: 13px;
        }

    .user_exe_nav_item li a i {
        font-size: 18px;
        color: #fff;
    }

.user_exe_nav_item_phone li a i {
    font-size: 20px;
    color: #fff;
}

.user_exe_nav_item_phone ul {
    display: none;
}

.location_icon_div {
    margin-top: 2px;
    display: flex;
    gap: 7px;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 6px 65px 6px 8px;
    border-radius: 5px;
    border: 1px solid rgb(55, 51, 115);
}

    .location_icon_div span {
        color: #373373;
        font-size: 12px;
        padding-top: 2px;
    }
/************post user profile view***************/
.post_user_profile {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.post_user_profile_part {
    width: 35%;
}

.active_pending_user_area {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
    justify-content: center;
    align-items: center;
}

.active_pending_user {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    padding: 8px 10px;
    border-radius: 5px;
}


    .active_pending_user p, .active_pending_user h6 {
        font-size: 14px;
    }

.post_user_profile_pic_part {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.post_user_profile_image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 160px;
    width: 160px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .post_user_profile_image img {
        max-height: 160px;
        max-width: 160px;
        height: 100%;
        width: 100%;
    }

.post_user_profile_username {
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
}
/***************************blogs*************************/
.blog_cntainer {
    width: 100%;
}

.blogs {
    padding-top: 30px;
    width: 100%;
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

.blog_container_title {
    font-size: 40px;
    font-weight: bold;
    padding: 20px;
    color: var(--primary-color);
}

.blog_card {
    transition: 0.5s;
    width: 19rem;
}

.blog_card_body {
    height: 17rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.blog_image {
    height: 300px;
    width: 100%;
}

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

.blog_card:hover {
    transform: scale(1.05);
}

.blog_title {
    line-height: 27px;
    font-weight: bold;
    color: black;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Limit to 3 lines */
    overflow: hidden;
    text-overflow: ellipsis; /* Show ellipsis for overflow */
}

.blog_text {
    line-height: 25px;
    /*padding-bottom: 10px;*/
    color: black;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* Limit to 3 lines */
    overflow: hidden;
    text-overflow: ellipsis; /* Show ellipsis for overflow */
}

    .blog_text p {
        color: black;
    }
.blog_btn {
    background: #C42B1E;
    padding: 5px 8px;
    color: #fff;
}

    .blog_btn:hover {
        color: #fff !important;
    }

.back_btn {
    display: flex;
    justify-content: center;
}

    .back_btn button {
        background: #11C7E6;
        color: #fff;
    }

        .back_btn button:focus, .back_btn button:hover {
            color: #fff;
        }

.layout_home {
    display: block;
    z-index: 999;
}

.layout_home_image {
    height: 30px;
    width: 30px;
    border-radius: 60px;
    background: #fff;
}

    .layout_home_image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

.dashboard_profile {
    height: 30px;
    width: 30px;
    border-radius: 60px;
    background: #fff;
}

.dashboard_profile_toggle {
    height: 30px;
    width: 30px;
    border-radius: 60px;
    background: #fff;
}

    .dashboard_profile img, .dashboard_profile_toggle img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

.profile_logout_phonne_view {
    display: none;
}

.position_show_div {
    padding: 0px 4%;
}

    .position_show_div ul {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
    }

        .position_show_div ul li {
            background: #11C7E6;
            color: #fff;
        }

.dashboard_icon a:hover {
    background: none !important;
}

.exe_nav_item li a {
    margin: 0px !important;
    background: none !important;
}

    .exe_nav_item li a:hover {
        background: none !important;
    }

.exe_nav_item li {
    /* width: 23%;*/
    display: flex;
    justify-content: center;
    align-items: flex-end !important;
}


    .exe_nav_item li:hover {
        /* border-radius: 5px;
    background: #11C7E6 !important;*/
    }

.large_device_ads_index {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}

.small_device_ads_allAds {
    display: none;
}

.large_device_ads_allAds {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}

.small_device_add_responsive_index {
    width: 350px;
    height: 50px;
}

.large_device_add_responsive_index {
    width: 1024px;
    height: 90px;
}

.large_device_add_responsive_allAds {
    width: 1024px;
    height: 70px
}

.small_device_add_responsive_allAds {
    width: 330px;
    height: 50px
}

.common_user_login {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}

.common_user_login_container {
    background: #fff;
    height: 100vh;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20vh;
}

.common_user_login_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: 30vh;
    padding: 10px;
    background: #a73069;
    margin: 10px;
    box-shadow: 0px 4px 10px #ccc;
    border-radius: 5px;
}

    .common_user_login_item p {
        color: #fff;
        text-align: center;
        font-size: 14px;
        font-weight: normal;
    }

    .common_user_login_item > div {
        font-size: 20px;
        color: #fff;
        font-weight: bold;
    }

        .common_user_login_item > div :hover {
            color: #fff;
        }

#general_user {
    margin-bottom: 70vh;
}

.about_bio_div {
   /* margin-top:10px;*/
    padding: 0px 0px 20px 0px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
   
}

.scrolledProfile {
    width: 286px;
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    display: none;
}

.sorolledPic {
    width: 100%;
    display: flex;
}

.new_partner_profile_image_sorolled {
    height: 50px;
    width: 60px;
    border-radius: 100px;
}

    .new_partner_profile_image_sorolled img {
        height: 100%;
        width: 100%;
        border-radius: 100%;
        object-fit: cover;
    }

.last_div {
    padding: 10px;
    margin-top: 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.profile_details {
    margin-top: 10px;
    padding: 10px 15px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    line-height: 25px;
}

    .profile_details h5 {
        padding: 10px 0px;
    }

.follow_btn {
    background: #207FDE;
    color: #fff;
    border-radius: 30px;
    padding: 2px 8px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

.bio {
    padding: 10px 0px;
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 13px;
}

.profile_details p {
    font-size: 14px;
    color: #6b6b6b;
    font-weight: normal;
}

.contact_bio span {
    font-size: 14px;
    color: #6b6b6b;
    font-weight: normal;
}

.more_btn {
    margin-left: 5px;
    padding: 2px 8px;
    border-radius: 30px;
    border: 1px solid #6b6b6b;
    font-size: 12px;
    font-weight: bold;
}

.following_count span {
    font-size: 14px;
    color: #6b6b6b;
}

button.con_btn {
    font-size: 14px;
    background: none;
    border: none;
    margin-left: 5px;
}

.bio_social_icon {
    display: flex;
    gap: 5px;
    flex-direction: row;
    padding: 10px 0px;
}

.btn_social {
    border: none;
    padding: 2px 5px;
    background: none;
}

.dropdown-toggle {
    /*    text-align:center;
    white-space:nowrap;
    color:#fff;
    font-size:18px;*/
}

.reg_container {
    padding-bottom: 30vh;
    background: #EEEBEB;
}
.reg_add_image_div{
    width:100%;
    padding:5px 10px;
    background:var(--primary-color);
    color:#fff;
    border-radius:5px;
    text-align:center;
    cursor:pointer;
}

.login_container {
    height: 90vh;
    width: 60%;
    background: #EEEBEB;
}

.modal_container {
    padding: 0px 90px;
    width: 100%;
    height: 80vh;
}

.modal_container_professional {
    padding: 0px 90px;
    width: 100%;
    height: 80vh;
}
.bimg img{
    background:#ccc;
    width:100px;
    height:50px;
}
#inputField input[type=text] {
    border: none !important;
    width: 50vw;
}

#save_btn {
    border: none;
    font-size: 14px;
    background: #207FDE;
    padding: 1px 8px;
    color: #fff;
    border-radius: 5px;
}
/*#drop-zone {
    border: 2px dashed #ccc;
    width: 200px;
    height: 100px;
    margin: 20px auto;
    text-align: center;
    font-size: 1.5rem;
}

#image-preview-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

.image-preview {
    max-width: 100%;
    max-height: 200px;
    margin: 5px;
}*/

.editor {
    width: 80%;
    margin: 20px auto;
    border: 1px solid #ccc;
    padding: 10px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    min-height: 200px;
}

.alart_icons {
    width: 40%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
    /*    margin-left:10px;*/
}

.alart_icon1 {
    color: #6BC069;
}

.alart_icon2 {
    transform: rotateY(180deg);
    position: absolute;
    top: 28px;
    left: 0px;
    color: #E2955A;
}

    .alart_icon1 i, .alart_icon2 i {
        font-size: 120px;
    }

#alartmessage {
    font-size: 18px;
    padding: 30px 10px;
}

#alart_btn {
    padding: 5px 30px;
    font-size: 18px;
}

.alartBody {
    padding: 0rem 1rem 3rem 1rem;
}

.alart_number {
    font-size: 14px;
}

.userContactInfoLink {
    padding: 10px 0px;
}

    .userContactInfoLink button span {
        font-weight: bold;
        font-size: 14px;
        margin-left: 5px;
    }

    .userContactInfoLink p {
        font-size: 14px;
    }

.userLinkBtn {
    border: 0;
    background: none;
}

.payment_calculate {
    padding: 10px;
    line-height: 30px;
}

.price_bundle {
    /* padding:5px 20px;
    background:#fff;
    margin:5px;*/
}

.video_container {
    position: relative;
}

.video_minimize_icon {
    position: absolute;
    right: 150px;
    bottom: 32px;
}

.minimize_video_div {
    position: fixed;
    width: 400px;
    height: 300px;
    bottom: 20px;
    right: 10px;
    /*   z-index: 2*/
}

    .minimize_video_div video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.minimize_video_container_video {
    position: relative;
}

#video_pause {
    position: absolute;
    right: 150px;
    bottom: 32px;
    font-size: 100px;
    color: #fff;
    /*    z-index: 5;*/
}

.bundle_payment_header {
    /*display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;*/
    padding: 20px 15px;
    width: 100%;
    background: var(--primary-color);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

    .bundle_payment_header span {
        font-size: 18px;
    }


    .bundle_payment_header h5 {
        font-size: 20px;
        color: #fff;
        font-weight: bold;
    }



    .bundle_payment_header > div input {
        border: none;
        border-radius: 5px;
        padding: 5% 10%;
    }

#gen_addcopon_header {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.add_copon_container{
/*    margin:10px;*/
    background:var(--secondary-color);
}

#gen_addcopon_header > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--primary-color);
    width: 100%;
    padding: 20px;
    border-radius: 5px;
}

.google_space_div {
    width: 100%;
    /*   height: 120px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.google_space_container #same_bg {
    background: #fff;
    padding: 10px 0px;
    border-bottom: 1px solid #f3eded;
}

.google_space_div_phone {
    width: 100%;
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/*********show up Slider ***********/
.showup_title h5, .top_post_title h5 {
    padding: 10px 0px;
    font-size: 30px;
    font-weight: bold;
    color: #073B52;
    padding-left: 10px;
    border-bottom: 3px solid var(--primary-color);
    width: 20%;
}

/*google ads*/
#google_ads_space_desktop {
    display: inline-block;
    width: 1120px;
    height: 90px
}

.google_ads_contgainer_phone {
    display: none;
}

.all_ads_google_space_small {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}

.google_space_div_double > div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}



.brand_image_logo_top {
    padding: 2px;
    height: 40px;
    width: 30%;
}

    .brand_image_logo_top img {
        height: 100%;
        width: 100%;
    }


.googleplaystore {
    padding-top: 10px;
}

    .googleplaystore img {
        height: 70px;
        width: 100%;
        object-fit: contain;
    }

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

    .googleplaystore_div p {
        font-size: 16px;
        color: #fff;
    }

.blink_google_store_icon img {
    height: 80px;
    width: 100%;
    object-fit: contain;
}

.advertising_top_part {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
}

    .advertising_top_part h5, .advertising_top_part_modal h5 {
        font-size: 15px;
        font-weight: bold;
        padding: 10px 0px;
    }

    .advertising_top_part p, .advertising_top_part_modal p {
        font-size: 14px;
        padding: 10px 0px;
    }

.promotion_readmore_btn {
    border: none;
    border-radius: 5px;
    background: #ccc;
    padding: 5px 10px;
    font-size: 12px;
}

/*navabr*/
.navbar-expand-lg .navbar-collapse {
    width: 100%;
    position: absolute;
    top: 100px;
    right: 0px;
    height: 80vh;
    /* background: rgb(48,80,157) !important;
        background: linear-gradient(90deg, rgba(48,80,157,1) 27%, rgba(136,70,150,1) 100%) !important;*/
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(198,0,124)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-collapse {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-end;
    min-height: 70vh;
    width: 78%;
    padding: 20px 30px;
    background: var(--secondary-color) !important;
    box-shadow: 0px 1px 1px 0px #ccc;
    position: absolute;
    top: 70px;
    right: 11%;
}

    .navbar-collapse ul li {
        width: 100%;
        display: flex;
        flex-direction:column;
        justify-content: flex-end;
        align-items: end !important;
        /* box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); */
    }

.navbar-toggler {
    order: 3;
}

.post_ad_phn_view {
    display: none !important;
}

.authentication_dropdown_menu {
    background: var(--primary-color) !important;
    top: 0 !important;
    position: relative;
    right: 0;
    left: auto;
    border: 1px solid #fff;
    padding: 6px 8px;
}

    .authentication_dropdown_menu li:hover {
        background: var(--secondary-color) !important;
    }

.dropdown-submenu {
    display: flex;
    flex-direction: column;
}

.authentication_dropdown_submenu {
    background: var(--primary-color) !important;
}

.navbar-toggler {
    padding: .30rem .50rem !important;
}

    .navbar-toggler:focus {
        box-shadow: none !important;
    }

.desk_view_category, .phn_view_category {
    background: none;
    padding: 10px 0px;
    /*padding: 10px 7.8%;*/
    /*margin: 10px 0px 0px 0px;*/
}
   .desk_view_category ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        text-align: center;
        gap:5px;
    }
    .desk_view_category ul li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        cursor: pointer;       
/*        border: 1px solid #f3eded;*/
        padding: 10px;
        width: 100%;
        color: #fff;
        font-size: 14px;
    }
    .desk_view_category ul li:hover{
       background:var(--primary-color)!important;
       color:#fff;      
    }
.desk_view_category_active{
    background: var(--primary-color)!important;
    color: red;
}
.common_user_login_span {
    color: #fff;
    font-size: 20px;
    font-weight: lighter;
    padding: 0px 5px;
}

#null-navbar-toggler {
    /*   background: #fff;*/
}

.promoteShowupBtn {
    border: none;
    padding: 5px 20px;
    border-radius: 5px;
    background: var(--primary-color);
    color: #fff;
    margin: 10px;
}

.navbar-toggler-icon {
    width: 2em;
    height: 2em;
}

.add_post_div_blink, .blink_google_store_icon_div {
    display: none !important;
}

.fixed_bottom_content {
    display: none;
}

#download_div button {
    background: var(--primary-color);
    border: none;
    padding: 5px 20px;
    color: #fff;
    border-radius: 5px;
}

#download_div_home button {
    border: none;
}

    #download_div_home button span {
        background: var(--primary-color);
        padding: 5px 20px;
        color: #fff;
        border-radius: 5px;
    }

.new_partner_profile_post_text, .new_partner_profile_post_text h1, .new_partner_profile_post_text h2, .new_partner_profile_post_text h3, .new_partner_profile_post_text h4, .new_partner_profile_post_text h5, .new_partner_profile_post_text strong, .new_partner_profile_post_text b {
    font-size: 14px !important;
    font-weight: normal !important;
    margin: 5px 0px 10px 0px;
    color: #6b6b6b !important;
    text-align: justify;
    line-height: 20px;
}

.terms_container {
    padding: 0px 50px;
}

.professional_dashboard {
    background: var(--secondary-color);
}

/***********cv design *****************/
.addEducationBtn, .addEmploymentBtn, .addSkillBtn, .addProjectBtn {
    border: 2px solid rgb(0, 134, 179);
    padding: 5px 20px;
    color: rgb(0, 134, 179);
    font-weight: bold;
    border-radius: 5px;
    background: none;
}

.addEducationDiv, .addEmploymentDiv, .addSkillDiv, .addProjectDiv {
    padding: 20px 10px;
}

.addEducationBtn i, .addEmploymentBtn i, .addSkillBtn i, .addProjectBtn i {
    font-size: 18px;
    color: rgb(0, 134, 179);
    font-weight: bold;
    /*    margin: 10px;*/
}

.academic_info {
    padding: 20px 0px;
}
    .academic_info > div,.employment_info > div{
        padding-top: 20px;
    }

    .accordion-button:focus {
        box-shadow: none !important;
    }

.accordion-button:not(.collapsed) {
    color: black !important;
    background-color: #e7f1ff;
}

.submitBtn {
    border: none;
    padding: 5px 20px;
    border-radius: 5px;
}

#show_academic, #show_employment {
    width: 100%;
}

    #show_academic > div, #show_employment > div {
        display: flex;
        justify-content: flex-start;
        /*padding: 0px 30px;*/
    }

        #show_academic > div h5, #show_academic > div p {
            font-size: 16px;
        }

        #show_employment > div h5, #show_employment > div p {
            font-size: 16px;
        }

.editBtn, .deleteBtn {
    border: none;
    background: none;
}

    .editBtn i {
        color: #1981d8;
        font-size: 14px
    }

    .deleteBtn i {
        color: red;
        font-size: 14px;
    }

.editBtn {
    color: #1981d8;
    font-size: 14px;
}

.deleteBtn {
    color: red;
    font-size: 14px;
}

.cv_skill ul, .cv_language ul{
    padding: 20PX 0px;
    width: 80%;
}
    .cv_skill ul li, .cv_language ul li {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
/***********cv design *****************/
.cv_card_container {
    width: 100%;
    padding-top: 10px;
    min-height: 100vh;
}

.cv_cover {
    position: relative;
    height: 200px;
    padding: 10px;
    background: #8D4B55;
}

.cv_profile {
    position: absolute;
    bottom: -25px;
    left: 30px;
    height: 180px;
    width: 180px;
    border-radius: 100%;
}

.cv_title {
    position: absolute;
    top: 25%;
    left: 30%;
    color: #fff;
}

    .cv_title h1 {
        font-size: 30px;
        padding: 10px 0px;
    }

.cv_profile img {
    height: 100%;
    width: 100%;
    border-radius: 100%;
    object-fit: cover;
}

.cv_info_container {
    padding: 20px 30px;
    display: flex;
    justify-content: flex-start;
    gap: 40px;
}

.cv_left_info {
    width: 40%;
}
.cv_left_info h5{
    margin-bottom: 15px;
}


.cv_right_info {
    width: 60%;
}

    .cv_left_info > div, .cv_right_info > div {
        display: flex;
        flex-direction: column;
        padding: 10px 0px;
    }

        .cv_left_info > div h5, .cv_right_info > div h5 {
            width: 80%;
            color: #8D4B55;
            padding: 10px 0px;
            border-bottom: 2px solid #8D4B55;
            font-size: 16px;
        }
        .cv_left_info > div small i {
            color: #8D4B55;
            padding: 2px;
        }

.li_div ul li {
    padding: 5px 0px;
}

.annual_report_container {
    min-height: 100vh;
    padding: 30px 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

    .annual_report_container h5 {
        font-size: 30px;
        padding: 10px 0px;
        border-bottom: 2px solid black;
    }

.annual_report {
    width: 100%;
    padding: 50px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#table_head {
    background: rgb(0, 134, 179);
    width: 100%;
    min-height: 8vh;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

#table_body {
    margin-top: 20px;
    background: #ddd;
    min-height: 8vh;
    padding: 10px 20px;
    border-radius: 5px;
    color: black;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.g-3, .gy-3 {
    --bs-gutter-y: 0 rem !important;
}

.password_eye_btn {
    position: relative;
}

.password_eye_icon {
    position: absolute;
    top:23px;
    right: 17px;
}

    .password_eye_icon i {
        color: gray;
        font-size: 16px;
        /*  padding: 8px;*/
        z-index: 2;
    }


#CityProfileCV {
    z-index: 9999999999;
}
/***********cv design *****************/
#downloadfile_monthly_working_growth {
    width: 15%
}

#title_monthly_working_growth {
    width: 100%;
    text-align: center;
}

#accordionExample {
    padding: 20px 0px;
}

.accordion-button {
    background: #e7f1ff;
}

.user_dashboard_addpost_part {
    margin: 20px 0px;
    border-radius: 5px;
    cursor: pointer;
}

.blink_google_store_icon_image img {
    height: 50px;
    width: 100%;
    object-fit: contain;
}

.blink_google_store_icon_user_image img {
    height: 35px;
    width: 100%;
    object-fit: contain;
}

.bundle_payment_onliner_div {
    box-shadow: 0 1px 4px 0 #ddd;
    margin: 20px 0px;
    background:var(--secondary-color);
}

/*.postAdd {
    min-height: 100vh;
}*/

.postAdd_container {
    padding-top: 30px;
}

#transectionHistoryDiv {
    background: #30509D !important;
}


/*cv-style2*/
.cv2_cover {
    display: flex;
    justify-content: space-between;
    gap: 10%;
    padding: 0px 30px;
}

.cv2_title {
    width: 70%;
    background: #7284a1;
    padding: 20px;
    color: #fff;
}

    .cv2_title h1 {
        font-size: 30px;
    }

    .cv2_title h5 {
        width: 50%;
        padding: 10px 0px;
        border-bottom: 1px solid #fff;
    }

    .cv2_title small {
        margin: 10px 0px;
    }

.cv2_profile {
    height: 150px;
    width: 150px;
    border-radius: 100%;
}

    .cv2_profile img {
        height: 100%;
        width: 100%;
        border-radius: 100%;
        object-fit: cover;
    }

.cv2_left_info {
    width: 30%;
}

.cv2_right_info {
    width: 70%;
}

.skill {
    width: 100%;
    padding: 10px;
    background: #7284a1;
    color: #fff;
    border-radius: 5px;
    margin: 10px 0px;
}

.cv2_left_info > div, .cv2_right_info > div {
    display: flex;
    flex-direction: column;
    padding: 10px 0px;
}

    .cv2_left_info > div h5, .cv2_right_info > div h5 {
        width: 80%;
        color: #7284a1;
        padding: 10px 0px;
        border-bottom: 2px solid #7284a1;
        font-size: 16px;
    }

.li_div ul li h6 {
    font-size: 16px;
    color: #7284a1
}

.cv2_left_info > div small i {
    color: #7284a1;
    padding-bottom: 2px;
}

/*cv3_style*/
.cv3_info_container {
    padding: 0px 0px;
    display: flex;
    justify-content: flex-start;
    gap: 40px;
}

.cv3_cover {
    padding: 0px 30px;
}

.cv3_left_info {
    background: #5a7e8f;
    width: 40%;
    padding: 10px 10px 10px 30px;
    color: #fff;
}

.cv3_right_info {
    width: 60%;
    padding: 10px 30px;
}


.cv3_title {
    padding: 15px 0px;
    color: #fff;
}

    .cv3_title h1 {
        font-size: 30px;
    }

    .cv3_title h5 {
        width: 50%;
        padding: 10px 0px;
        border-bottom: 1px solid #fff;
    }

    .cv3_title small {
        margin: 10px 0px;
    }

.cv3_profile {
    height: 150px;
    width: 150px;
}

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


.cv3_left_info > div, .cv3_right_info > div {
    display: flex;
    flex-direction: column;
    padding: 10px 0px;
}

    .cv3_left_info > div h5 {
        color: #fff;
        padding: 10px 0px;
        border-bottom: 2px solid #fff;
        font-size: 16px;
    }

    .cv3_right_info > div h5 {
        color: #5a7e8f;
        padding: 10px 0px;
        border-bottom: 2px solid #5a7e8f;
        font-size: 16px;
    }

.left_li_div {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 5px 10px;
    color: #5a7e8f;
    margin: 5px 0px;
}

.cv3_left_info > div small i {
    color: #fff;
    padding: 8px;
}

.cv3_right_info > div ul li h6 {
    font-size: 16px;
    color: #5a7e8f;
}

.getExecutivePartnerProfile {
    background: #fff;
}

.get_Executive_Partner_Container {
    background: var(--secondary-color);
}

.cv_styles {
    width: 50%;
    display: flex;
    justify-content: space-between;
}

    .cv_styles button {
        border: none;
        padding: 3px 10px;
        border-radius: 5px;
        color: #fff;
        width: 30%;
    }

#cv_modal_dialog {
    margin-top: 70px;
}

#download_div {
    position: absolute;
    top: 70px;
    right: 8%;
}

.download_div_terms {
    position: absolute;
    top: 120px !important;
    right: 8%;
}


.cv4_info_container {
    padding: 10px 40px 0px 40px;
}
.cv4_cover {
    display: flex;
    justify-content: space-between;
}
.cv4_title h1{
  font-size:35px;
  font-weight:bold;
}
.cv4_title h5 {
    font-size: 20px;
    font-weight: normal;
    padding:10px 0px;
}
.cv4_profile {
    height: 120px;
    width: 120px;
    border-radius: 100%;
}

.cv4_profile img {
    height: 100%;
    width: 100%;
    border-radius:100%;
    object-fit: cover;
}


.cv4_left_info {
  /*  margin: 20px 0px;*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10%;
    border-top: 3px solid #A36340;
    padding:10px 0px;
 
}
.cv4_right_info {
    padding: 10px 30px;
}
.li_div_cv4{
    padding:20px 10px;
}
    .li_div_cv4 ul li {
        padding: 5px 0px;
    }
        .li_div_cv4 h5 {
            font-weight:bold;
            font-size: 16px;
            color: #A36340
        }
.cv4_left_info h5 {
    font-weight: bold;
    font-size: 16px;
    color: #A36340
}
.cv4_left_info > div small {
    margin: 10px 0px;
}
    .cv4_left_info > div small i {
        margin: 0px 10px;
        color: #A36340;
    }
.cv4_left_info > div h5 {
    font-weight: bold;
    font-size: 16px;
    color: #A36340
}

.cv5_left_info {
    background:#243445;
    width: 40%;
    color: #fff;
}
.cv5_profile {
    position:absolute;
    top:50px;
    left:25%;
    height: 150px;
    width: 150px;
    border-radius:100%;
}
.cv5_title {
    width:100%;
    position: absolute;
    bottom:5px;
    left: 0%;
}

.cv5_profile img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.upper_wabe {
    position:relative;
    height: 250px;
    width: 100%;
}
.upper_wabe img{
    height: 100%;
    width: 100%;
}
.down_wabe1 {
    height: 250px;
    width: 100%;
}

.down_wabe2 {
    height: 220px;
    width: 80%;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.down_wabe3 {
    height: 140px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
    .down_wabe1 img, .down_wabe2 img, .down_wabe3 img {
        height: 100%;
        width: 100%;
    }
.cv5_left_info_contact {
    padding: 10px 15px 10px 15px;
}
.cv5_left_info_contact > div small i {
    color: #fff;
    padding: 8px;
  
}

.cv5_right_info {
    width: 60%;
    padding: 10px 30px;
}

    .cv5_right_info > div {
        display: flex;
        flex-direction: column;
        padding: 10px 0px;
    }

        .cv5_right_info > div h5 {
            color: #243445;
            padding: 10px 0px;
            border-bottom: 2px solid #243445;
            font-size: 16px;
        }


.cv6_right_info {
    width: 65%;
    z-index:999999;
}
.cv6_left_info {
    width: 35%;
    margin-top: 45%;
}

.cv6_left_info > div, .cv2_right_info > div {
    display: flex;
    flex-direction: column;
    padding: 10px 0px;
}

    .cv6_left_info > div h5 {
        color: #884268;
        padding: 10px 0px;
        border-bottom: 2px solid #7284a1;
        font-size: 16px;
    }

    .cv6_left_info > div small i {
        color: #884268;
        padding: 2px;
    }
    .cv6_title {
        width: 70%;
        color: #884268;
        padding: 10px 0px;
        border-bottom: 3px solid #884268;
    }
.big_round_down {
    height: 250px;
    width: 250px;
    position: absolute;
    bottom: -40px;
    right: 0px;
    opacity: 50%;
    background: #D7BCCD;
    border-radius: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 84%, 0 84%, 0 100%);
}

.small_round_down {
    height: 180px;
    width: 180px;
    position: absolute;
    bottom: -20px;
    right: 20px;
    opacity: 40%;
    background: #884268;
    border-radius: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 90%, 0 100%);
}
.rounded1_down {
    height: 80px;
    width: 80px;
    position: absolute;
    bottom: 50px;
    right: 5px;
    opacity: 40%;
    background: #A6808A;
    border-radius: 100% !important;
}
.rounded2_down {
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: 60px;
    right: 230px;
    opacity: 40%;
    background: #A6808A;
    border-radius: 100% !important;
}
.rounded3_down {
    height: 50px;
    width: 50px;
    position: absolute;
    bottom: 180px;
    right: 120px;
    opacity: 40%;
    background: #A6808A;
    border-radius: 100% !important;
}

.big_round {
    height: 340px;
    width: 340px;
    position: absolute;
    top: 0px;
    left: -40px;
    background: #D7BCCD;
    border-radius: 100%;
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 12% 100%);
}
.small_round {
    height: 250px;
    width: 250px;
    position: absolute;
    top: 50px;
    left: -20px;
    background: #884268;
    border-radius: 100%;
    clip-path: polygon(8% 0, 100% 0, 100% 100%, 8% 100%);
}
.roundedd {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 45px;
    left: 160px;
    opacity: 55%;
    background: #A6808A;
    border-radius: 100%!important;
}
    .big_round img, .small_round img, .rounded img, .big_round_down img, .small_round_down img, .rounded1_down img, .rounded2_down img, .rounded3_down img {
        height: 100%;
        width: 100%;
    }
.cv6_profile {
    position: absolute;
    top: 100px;
    left: 30px;
    height: 150px;
    width: 150px;
    border-radius: 100%;
}
    .cv6_profile img {
        height: 100%;
        width: 100%;
        object-fit:cover;
        border-radius: 100%;
    }


.skill_cv6 {
    width: 100%;
    padding: 10px;
    background: #884268;
    color: #fff;
    border-radius: 5px;
    margin: 10px 0px;
}

.li_div_cv6 ul li {
    padding: 5px 0px;
}

.li_div_cv6 h5 {
    color: #8D4B55;
}
/****** Start Message System******/
.admin_support_chat_div {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.chat-container {
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
}

.chat-box {
    width: 100%
}

.messages_div {
    background: #fff;
    height: 75vh;
    padding: 20px 10px;
    overflow-y: auto;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.chat-box-header {
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--primary-color);
    padding: 10px 15px;
    border-top-right-radius: 5px;
    height: 60px;
}

.supportChat_header {  
    background-color: var(--primary-color);
    padding: 20px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
   /* height: 120px;*/
}
.supportChat_header_closeIcon {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.supportChat_header_mid_div {
    line-height:30px;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}
    .supportChat_header_mid_div span, .supportChat_header_mid_div p{
        color: #fff;
        padding:5px;
    }

    .support_chat_div {
        padding: 10px 20px;
        min-height: 100vh;
    }

.input_send_area {
    width: 100%;
    position: relative;
    display: flex;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid #ddd;
    padding: 0px 10px;
}
#user_input_send_area {
  /*  pointer-events: none;
    background: #f0f0f0 !important;*/
}
/*.form-control {
    background: none !important;
}*/
.chat-box-icon {
    padding-right: 10px;
}

    .chat-box-icon i {
        font-size: 20px;
    }

.chat-box-input {
    width: 100%;
}

    .chat-box-input input {
        padding: 20px 0px;
    }

/*.chat_send_btn{
    position:absolute;
    top:10px;
    right:14px;
}*/
.chat_send_btn img {
    height: 30px;
}

.messageTextArea {
    border: 0 none #FFF !important;
    overflow: hidden !important;
    outline: none !important;
}

    .messageTextArea:focus {
        border: 0 none #FFF !important;
        overflow: hidden !important;
        outline: none !important;
    }

.users-list {
    background-color: lightgray;
}

.user-box {
    display: flex;
    justify-content: space-between;
    background-color: white;
    margin: 1px;
    padding: 1px 5px;
}

    .user-box:hover {
        cursor: pointer;
    }

    .user-box i {
        color: lawngreen;
        margin: 10px;
    }

.fa-times:hover {
    cursor: pointer;
    font-size: 18px;
}

.dvmsg-from {
    display: flex;
    justify-content: flex-start;
}

    .dvmsg-from .msg {
        background-color: cornflowerblue;
        color: white;
    }

.msg {
    padding: 8px;
    width: auto;
    border-radius: 20px;
}

.message-input {
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border: 1px solid #ddd;
}

.dvmsg_container {
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end !important;
    align-items: flex-end;
    margin-bottom: 20px;
}

.dvmsg_div {
    width:50%;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    justify-content: flex-end;
}
.dvmsg_div_image {
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end !important;
    align-items: flex-end;
}

.dvmsg_div_admin_image {
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}
.dvmsg_div_message {
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 20px !important;
    border-radius: 20px;
    text-align: end;
}

.dvmsg-to-user {
    width: 100%;
    display: flex;
    justify-content: flex-end !important;
    margin-bottom: 10px;
    align-items: flex-end;
}

.dvmsg_admin_container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    margin-bottom: 20px;
}

.dvmsg_div_admin {
    width: 50%;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}


.user_message_div {
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 20px !important;
    border-radius: 20px;
    text-align: end;
    width: auto;
}

.admin_message_div {
    background: #fff;
    padding: 10px 20px !important;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    border-radius: 20px !important;
}

.admin_message_p {
    color: var(--text-color);
    padding: 0;
    height: 0px;
    font-size: 12px;
    font-weight: 400;
    padding: 10px;
}

.user_message_p {
    color: var(--text-color);
    padding: 10px 5px;
    height: 0px;
    font-size: 12px;
    font-weight: 400;
    padding: 10px;
}

.chat_header_image_div {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.chat_header_image {
    height: 30px;
    width: 30px;
    border-radius: 100%;
}

    .chat_header_image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 100%;
    }

.chat_header_image_div h5 {
    color: #fff;
}

.support_chat_admin {
    padding: 10px 20px;
}

#chat_list {
    background: var(--primary-color);
    height: 90vh;
    overflow-y: auto;
    border-top-left-radius: 5px;
}

#chat_container {
    height: 90vh;
    overflow-y: auto;
}

#supportUserListDiv {
    background: red !important;
}

.support_chat_icon_div {
    padding: 10px;
    color: #fff;
    background: var(--primary-color);
    position: fixed;
    bottom: 80px;
    right: 25px;
    border-radius: 100%;
    cursor: pointer;
    z-index:9999999999999999999999999999;
}

.support_chat_icon_div i{
    font-size:25px !important;
}

.support_chat_div_admin {
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 99999;
}

.support_chat_icon_div_admin {
    padding: 5px 10px;
    color: #fff;
    background: var(--primary-color);
    border-radius: 10px;
    cursor: pointer;
}

.support_chat_div_admin_container {
    position: relative !important;
    width: 100%;
    height: 100px;
    background: red;
}

.support_chat_count_admin {
    position: absolute;
    /*   top: -25px;*/
    left: -4px;
    height: 30px;
    width: 30px;
    border-radius: 60px;
    background: #fff;
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

/*.chat_image_small {
    height: 30px;
    width: 5%;
    border-radius: 100%;
}*/

    .chat_image_small img {
        height: 30px;
        width: 30px;
        object-fit: cover;
        border-radius: 100%;
    }

.support_chat_icon_div i {
    font-size: 12px;
    padding: 5px;
}

.support_chat_icon_div span {
    font-size: 16px;
}

.show_chat_box_container {
    width: 400px;
    position: fixed;
    bottom: 50px;
    right: 25px;
    z-index: 9999999999;
}

.supportChat_div {
    background: #fff;
    height: 200px;
    padding: 20px 10px;
    overflow-y: auto;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
/****** End Message System******/
.postItem_span {
    color: #008000;
    font-size: 30px;
    font-weight: bold;
}

#recentMessageList {
    width: 100%;
}

.messageImagePreview {
    height: auto;
    width: 100%;
    margin: 10px 0px;
    border-radius:5px;
}

    .messageImagePreview img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

.input-field {
    width: 300px;
    height: 100px;
    padding: 8px;
    font-size: 16px;
    border: 1px solid #ccc;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.bio_part, .bio_social_icon, .following_count {
    padding: 5px 10px;
}
.bio_part_phone {
    font-size: 18px !important;
}
.cardHeader {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding: 4% 5px;
    border-bottom: 2px solid #fff;
    font-weight:bold;
}

.active_image_div {
    display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}
.active_image {
    cursor: pointer;
}

.active_image img {
    height: 30px;
    width: 30px;
    border-radius: 100%;
    object-fit: cover;
}
/* Base container for the switch */
.switch-container {
    display: inline-block;
    position: relative;
    font-family: Arial, sans-serif;
}

/* Hide the checkbox input */
.switch-input {
    display: none;
}

/* Style the outer switch container */
.switch-label {
    display: flex;
    align-items: center;
    position: relative;
    width: 50px;
    height: 26px;
    background-color: #ccc;
    border-radius: 20px;
    padding: 5px;
    justify-content: space-between;
    transition: background-color 0.3s ease;
}

/* Style the slider (circle that moves) */
.switch-slider {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 16px;
    height: 16px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

/* Style the text labels */
.switch-text {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    transform: translateY(-40%);
    transition: opacity 0.3s ease;
}

    .switch-text.off {
        left: 10px;
        color: #888;
    }

    .switch-text.on {
        right: 10px;
        color: transparent; 
    }

.switch-input:checked + .switch-label {
    background-color: #4CAF50; 
}

    .switch-input:checked + .switch-label .switch-slider {
        transform: translateX(25px); 
    }

    .switch-input:checked + .switch-label .switch-text.off {
        opacity: 0; 
    }

    .switch-input:checked + .switch-label .switch-text.on {
        opacity: 1;
    }
.edit_input_div input, .edit_input_div textarea {
    background: #fff !important;
}
.edit_input_div {
    padding:5px 0px;
}
.modal-title{
    color:#fff;
}

.cv_styles {
    width:100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
#style1 {
    height:150px;
    width:100%;
    background: #8D4B55;
    
}
    #style1 span, #style2 span, #style3 span, #style4 span, #style5 span, #style6 span {
        font-size: 30px;
    }
    #style1 h5, #style2 h5, #style3 h5, #style4 h5, #style5 h5, #style6 h5 {
        font-size: 30px;
    }
#cv_header{
    width:100%;
    display:flex;
    justify-content:center;
}
#style2 {
    height: 150px;
    width: 100%;
    background: #7284a1;
}
#style3 {
    height: 150px;
    width: 100%;
    background: #5a7e8f;
}
#style4 {
    height: 150px;
    width: 100%;
    background: #4CB5F6;
}
#style5 {
    height: 150px;
    width: 100%;
    background: #E58E97;
}
#style6 {
    height: 150px;
    width: 100%;
    background: #F7B521;
}
#ExecutiveProfileCVDesigns {
    z-index: 9999999;
}
#ExecutiveProfileCV {
    z-index: 99999999;
}
.about_bangla p, .about_bangla h5 {
    font-family: "Tiro Bangla", serif !important;
}

    .socialModal_header {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        cursor: pointer;
    }
.socialModal_header h6{
   color:var(--text-color);
   font-size:16px;
   font-weight:bold;
}
.social_header_body_div {
    display: flex;
    justify-content: space-between;
}
.social_header_body_icon {
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.socialHeaderBody h5{
    padding:10px 0px;
    font-size:16px;
    font-weight:bold;
    color:var(--text-color);
}
.social_header_body_icon >div{
    height:40px;
    width:40px;
    border-radius:100%;
    background:#ddd;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:5px;
}
.social_header_body_icon > div i{
    color:var(--text-color);
}

.page-break {
    page-break-before: always; 
}

.no-break {
    page-break-inside: avoid; 
}
.support_chat_phone{
    display:none;
}
.accordion-button::after{
    display:none;
}
#suggestionsList {
   padding:10px 0px;
   cursor:pointer;
}
    #suggestionsList img{
        width: 20px !important;
        height: 20px !important;
        margin-right: 8px;
        object-fit: cover;
    }
.inputFieldimg {
    width: 33px;
    height: 32px;
    border-radius: 5px;
    border: 1px solid #ddd;
    object-fit: cover;
}
.inputFieldimg img{
    width: 100%;
    height: 100%;
    border-radius:5px;
    object-fit: cover;
}

.use_company_list {
    padding: 5px 0px;
    display: flex;
    gap: 5px;
    justify-content: flex-start;
    align-items: center;
}
    .use_company_list > div {
        width: 20px;
        height: 20px;
    }
        .use_company_list > div img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.accordion-button{
    width:100%;
    display:flex;
    justify-content:space-between;
}
.ref_code_container ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.ref_code_container ul li{
    width: 100%;
    display:flex;
    justify-content:center;
    align-items:center;
   
    border:1px solid #ddd;
    padding:10px;
    height:15vh;
}
.ref_code_container ul li a i{
   font-size:40px;
}
.signInDiv_null{
    padding:2px 0px;
    color:#fff;
    text-decoration:none;
}
.signInDiv_null:hover {
    color: #fff;
}

.display_category_layout_item {
    padding: 5px;
    cursor: pointer;
    color: #a73069;
    font-size: 16px;
}
.subCategoryLayout {
    position: absolute;
    top: 0px;
    left: 175px;
    width: 250px;
    height: 300px;
    background: #a73069;
    overflow-y: auto;
    scrollbar-width: thin;
}
.sub_menu_layout{
    display:none;
}
.subCategoryLayout li {
    padding: 10px;
    border: .2px solid #ddd;
}

.category_div_layout {
    padding: 9px 30px 9px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
#showCategoryLayout {
    position: absolute;
    top: 53px;
    left: 0px;
}
#displayCategoryLayout {
    padding: 10px;
    border: 1px solid #a73069;
    width: 250px;
    height: 300px;
    background: #fff;
}
#phone_view_category{
    display:none;
}
.jobdiv{
    padding:0px 0px 0px 10px;
}
#jobp {
    display: flex;
    flex-direction: row;  
}
#jobImg img {
    width: 100px!important;
    height: 100px !important;
}

#jobcontent{
  padding:10px;
  font-size:15px;
}

.active_job_btn {
    background-color: var(--primary-color);
    color:white;
    width: 60px;
    padding: 3px;
    font-size:11px;
    border-radius:3px;
    border:none;
}
.applied_userlist_border {
    border: 1px solid var(--primary-color);
    padding:5px;
    text-align:left;
}

.desktopSocialGoogleAd {
    display: block;
}

.mobileSocialGoogleAd {
    display: none;
}
#model-height{
    min-height:600px;
}
#logo_size {
    font-size:20px;
}