/* ********************
        COMMON CSS
******************** */
* {
    margin: 0;
    padding: 0;
}
body, html {
    height: 100%;
}
body {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #000000;
}

.main {
    background: #fff;
    min-height: 100%;
}
.page-content{
    min-height: calc(100vh - 413px);
}
section,
.section {
    position: relative;
}

.container {
    width: 100%;
    margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    color: #000000;
    margin-bottom: 0;
    font-family: 'latobold';

}

h1 {
    font-size: 4em;
    font-weight: 600;
    line-height: 1.2;
}

h2 {
    font-size: 40px;
    line-height: 1.3;
}

h3 {
    font-size: 20px;
    line-height: 1.2;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
    font-weight: 400;
}

p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #000000;
    margin-bottom: 0;
    font-family: 'latoregular';
}

a {
    color: #000000;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a:hover{
    color: #F66E67;
}
a:focus {
    color: #000000;
}

a,
a:hover,
a:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.text-body > a {
    text-decoration: underline;
    color: #212529;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

ol li,
ul li {
    list-style: none;
}

img {
    height: auto;
    max-width: 100%;
}
.ptb_100 {
    padding: 70px 0;
}
.p-10px{padding: 10px;}
.lato_font{
    font-family: 'Lato', sans-serif;
}
.lato_font ul,.lato_font ol{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.lato_font ul{
    list-style-type: disc;
}
.lato_font ol{
    list-style-type: decimal;
}
.lato_font ol li,.lato_font ul li{
    list-style: unset;
}
.custom-control-input:checked~.custom-control-label::before{
    border-color: #F66E67;
    background-color: #F66E67;
}
.custom-control-input:focus~.custom-control-label::before{
    box-shadow: 0 0 0 0.2rem rgba(246,110,103,.25);
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{
    border-color: #f1c9c7;
}
.roome-btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary {
    color: #fff;
    background-color: #F66E67;
    border-color: #F66E67;
}
.btn-primary.hvr-rectangle-out,
.btn-light.hvr-rectangle-out{overflow: hidden;}
.btn-primary.hvr-rectangle-out:before{background: #ffffff;}
.btn-light.hvr-rectangle-out:before{background: #f66e67;}

.btn-primary:hover {
    color: #ffffff;
    background-color: #F66E67;
    border-color: #F66E67;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #F66E67;
    border-color: #F66E67;
    box-shadow: none;
}
.btn-primary.hvr-rectangle-out:focus,.btn-primary.hvr-rectangle-out.focus{
    color: #F66E67;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #F66E67;
    border-color: #F66E67;
}
.btn-primary.hvr-rectangle-out:hover{
    color: #F66E67;
}
.btn-primary.disabled.hvr-rectangle-out:before,.btn-primary.hvr-rectangle-out:disabled {
    background-color: transparent;
    color: #F66E67;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #F66E67;
    border-color: #F66E67;
}
.btn-primary.hvr-rectangle-out:not(:disabled):not(.disabled):active, .btn-primary.hvr-rectangle-out:not(:disabled):not(.disabled).active,
.show > .btn-primary.hvr-rectangle-out.dropdown-toggle {
    color: #F66E67;
    background-color: #F66E67;
    border-color: #F66E67;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-light {
    color: #F66E67;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-light:hover {
    color: #ffffff !important;
    background-color: #dde2f1;
    border-color: #ffffff;
}

.btn-light:focus, .btn-light.focus {
    color: #ffffff !important;
    background-color: #dde2f1;
    border-color: #ffffff;
    box-shadow: none;
}

.btn-light.disabled, .btn-light:disabled {
    color: #000000;
    background-color: #f8f9fc;
    border-color: #f8f9fc;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #000000;
    background-color: #d4daed;
    border-color: #cbd3e9;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-dark.hvr-rectangle-out{overflow: hidden;}
.btn-dark.hvr-rectangle-out:before{background: #ffffff;}
.btn-dark {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-dark:hover {
    color: #ffffff !important;
    background-color: #000000;
    border-color: #000000;
}
.btn-dark.hvr-rectangle-out:hover{
    color: #000 !important;
}
.btn-dark.hvr-rectangle-out:focus,.btn-dark.hvr-rectangle-out.focus{
    color: #000000;
}
.btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    box-shadow: none;
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #42444e;
    border-color: #3d3e47;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-outline-dark{
    color: #000000;
    border-color: #000000;
    background-color: #ffffff;
}
.btn-outline-dark.hvr-rectangle-out:focus,
.btn-outline-dark.hvr-rectangle-out:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark.hvr-rectangle-out:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.hvr-rectangle-out.dropdown-toggle:focus{
    box-shadow: none;
}
.btn-outline-dark.hvr-rectangle-out{
    overflow: hidden;
}
.btn-outline-dark.hvr-rectangle-out:before{
    background-color: #000000;
}
.btn-outline-dark.hvr-rectangle-out:hover{
    background-color: #ffffff;
}
.btn-outline-dark.hvr-rectangle-out:not(:disabled):not(.disabled):active,
.btn-outline-dark.hvr-rectangle-out:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.hvr-rectangle-out.dropdown-toggle{
    color: #fff;
    background-color: transparent;
    border-color: #343a40;
}

.btn-outline-primary {
    color: #F66E67;
    border-color: #F66E67
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #F66E67;
    border-color: #F66E67
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(246, 110, 103, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #F66E67;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #F66E67;
    border-color: #F66E67
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(246, 110, 103, .5)
}
.badge-primary{
    background-color: #f66e67;
}
.br-100{
    border-radius: 100px !important;
}
.br-10{
    border-radius: 10px !important;
}
.form-control:focus{
    border-color: #F66E67;
    box-shadow: rgba(246, 110, 103, .25);
    box-shadow: 0 0 0 0.2rem rgba(246,110,103, .25);
}
.has-float-label .form-control:focus{
    box-shadow: none;
}
.has-float-label .form-control{
    border-bottom: 1px solid #7E7E7E;
    color: #000000;
}
.has-float-label textarea.form-control{
    padding-top: 10px;
    padding-bottom: 0;
    resize: none;
}
label.error{
    color:red
}
.login-page label.error{
    color: #000000;
}
.modal label.error{
    color: red;
}
.login-page label.error,
form label.error,
.form-error label.error{
    position: relative;
    top: -25px;
    margin: 0;
}
#addhouseModal form label.error{
    top: -15px;
}
#addhouseModal .select2-container .select2-search--inline .select2-search__field{
    margin-left: 0;
}
.form-group label.error{
    position: relative;
    top: 0;
    margin: 0;
}
.bg-primary {
    background-color: #F66E67 !important;
}
.fRegular{font-family: 'latoregular';font-weight: normal;}
.semiBold{font-family: 'latosemibold';font-weight: normal;}
.fBold{font-family: 'latobold';font-weight: normal;}
.f-50px{font-size: 50px;}
.f-40px{font-size: 40px;}
.f-37px{font-size: 37px;}
.f-30px{font-size: 30px;}
.f-25px{font-size: 25px;}
.f-20px{font-size: 20px;}
.f-19px{font-size: 19px;}
.f-18px{font-size: 18px;}
.f-16px{font-size: 16px;}
.f-15px{font-size: 15px;}
.f-14px{font-size: 14px !important;}
.f-13px{font-size: 13px;}
.f-12px{font-size: 12px;}
.f-11px{font-size: 11px;}
.f-10px{font-size: 10px;}

.mb-60px{margin-bottom: 60px;}
.mb-38px{margin-bottom: 38px;}
.mb-40px{margin-bottom: 40px;}
.mb-30px{margin-bottom: 30px;}
.mb-25px{margin-bottom: 25px;}
.mb-20px{margin-bottom: 20px;}
.mb-15px{margin-bottom: 15px;}
.mb-13px{margin-bottom: 13px;}
.mb-10px{margin-bottom: 10px;}
.mb-5px{margin-bottom: 5px;}

.mr-10px{margin-right: 10px;}

.ml-20px{margin-left: 20px;}
.ml-13px{margin-left: 13px;}
.ml-10px{margin-left: 10px;}

.pt-98px{padding-top: 98px;}
.pt-15px{padding-top: 15px;}
.pb-98px{padding-bottom: 98px;}

.py-20px{
    padding-top: 20px;
    padding-bottom: 20px;
}

.mt-50px{margin-top: 50px;}
.mt-30px{margin-top: 30px;}
.mt-20px{margin-top: 20px;}
.mt-15px{margin-top: 15px;}
.mt-10px{margin-top: 10px;}
.mt-5px{margin-top: 5px;}

.my-35px{
    margin-top: 35px;
    margin-bottom: 35px;
}

.opacity_05{
    opacity: 50%;
}
.text-primary {
    color: #F66E67!important;
}
.text-gray{
    color: #6E6E6E;
}
.lightgray{
    color: #A8A8A8;
}
.text-black {
    color: #000000!important;
}
a.text-primary:focus, a.text-primary:hover {
    color: #F66E67!important;
}

.min-w-118{
    min-width: 118px;
}
.min-w-115{
    min-width: 115px;
}
.min-w-100{
    min-width: 100px;
}
.min-w-133{
    min-width: 133px;
}
.min-w-170{
    min-width: 170px;
}
.min-h-815{
    min-height: 765px;
}
.min-h-300{
    min-height: 300px;
}
.min-h-350{
    min-height: 350px;
}
.min-h-400{
    min-height: 400px;
}
.text-underline{
    text-decoration: underline;
}
.modal-header .close{
    opacity: 1;
    outline: 0;
}
.modal-footer .btn{
    font-size: 16px;
    font-family: 'latosemibold';
    line-height: 1.95;
    border-radius: 30px;
    padding: .375rem 1rem;
}
.container-fluid{
    max-width: 1350px;
}
.container-fluid.login-page{
    max-width: 1366px;
}
.navbar-toggler{
    outline: 0 !important;
}
@media (min-width: 1900px){
    .container-fluid{
        max-width: 1350px;
    }
    .container-fluid.login-page{
        max-width: 1366px;
    }
}
@media (max-width:991px) {
    .min-h-815 {
        min-height: unset;
    }
}
@media (min-width: 576px){
    .modal_475 .modal-dialog {
        max-width: 475px;
        margin: 1.75rem auto;
    }
    .modal_700 .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }
}


.custom-scroll{
    scrollbar-width: thin;
    scrollbar-color: #cccccc #fff;
}
.custom-scroll::-webkit-scrollbar {
    height: 4px;
    width: 6px;
    background-color: #ffffff;
}

.custom-scroll::-webkit-scrollbar-track {
    border-radius: 2px;
}

.custom-scroll::-webkit-scrollbar-thumb {
    margin: 2px;
    border-radius: 2px;
    background: #dee2e6;
}
body.modal-open.modal_scroll{
    padding-right: 6px !important;
}

.modal_scroll .navbar{
    -webkit-transition: none;
    transition: none;
}
body.modal-open.modal_scroll .topbar.navbar-fixed-top,
.modal_scroll.openFilter .topbar.navbar-fixed-top{
    margin-right: 6px !important;
    -webkit-transition: none;
    transition: none;
}
@media (max-width:991.98px) {
    body.modal-open.modal_scroll{
        padding-right: 0 !important;
    }

    .modal_scroll .navbar{
        -webkit-transition: none;
        transition: none;
    }
    body.modal-open.modal_scroll .topbar.navbar-fixed-top,
    .modal_scroll.openFilter .topbar.navbar-fixed-top{
        margin-right: 0 !important;
        -webkit-transition: none;
        transition: none;
    }
}
/* ********************
 Preloader-main CSS
******************** */
.preloader-main {
    position: fixed;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
}
.center-loader{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    background-color: rgba(255,255,255,0.6);
}
.center-loader .loader_gif{width: 100px;height: 100px;}
.center-loader:before{
    content: '';
    background-image: url('../img/page-loader.png?v=1.1');
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
}

/* ********************
      HEADER CSS
******************** */
.navbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 999;
    -webkit-transition: .3s;
    transition: .3s;
    background: transparent;
}

.navbar .navbar-nav .nav-link {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    -webkit-transition: .3s;
    transition: .3s;
}
.navbar.mainhome_header .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
}
.navbar .navbar-brand-sticky {
    display: none;
}

.navbar-sticky {
    -webkit-transition: none;
    transition: none;
}

.navbar-sticky-transitioned {
    -webkit-transition: .3s;
    transition: .3s;
}

.navbar-sticky-moved-up {
    position: fixed;
    top: 0;
    background: #fff;
    margin-top: -110px;
}

[data-theme=dark] .navbar-sticky-moved-up {
    background: #01081f;
    -webkit-box-shadow: 0 4px 25px rgba(30, 39, 69, 0.3), 0 1px 0px rgba(30, 39, 69, 0.4);
    box-shadow: 0 4px 25px rgba(30, 39, 69, 0.3), 0 1px 0px rgba(30, 39, 69, 0.4);
}

.navbar-sticky-on {
    margin-top: 0;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
}

.navbar-sticky-on .navbar-brand-regular {
    display: none;
}

.navbar-sticky-on .navbar-brand-sticky {
    display: inline;
}
.navbar-brand .roomeLogo{
    height: 52px;
    transform: scale(1.5);
    position: relative;
    left: 1.6rem;
}
/*NAVBAR DARK*/
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
}
.navbar-dark .navbar-nav .nav-link.nav_presignbtn{
    padding: 8px 20px;
    background: #ffffff;
    color: #F66E67;
    border-radius: 8px;
    border: 1px solid #ffffff;
}

.navbar-dark .btn-outline {
    color: #fff;
}

.navbar-dark.navbar-sticky-on .navbar-nav .nav-link {
    color: #000000;
}
.navbar-dark.navbar-sticky-on .navbar-nav .nav-link.nav_presignbtn{
    color: #F66E67;
    border-color: #F66E67;
}
[data-theme=dark] .navbar-dark.navbar-sticky-on .navbar-nav .nav-link {
    color: #e7eaee;
}

.navbar-dark.navbar-sticky-on .navbar-nav .nav-link:hover,
.navbar-dark.navbar-sticky-on .navbar-nav .nav-link:focus,
.navbar-dark.navbar-sticky-on .navbar-nav .nav-link.active,
.navbar-dark.navbar-sticky-on .navbar-nav .nav-link.current-menu-item {
    color: #2c2e30;
}

[data-theme=dark] .navbar-dark.navbar-sticky-on .navbar-nav .nav-link:hover,
[data-theme=dark] .navbar-dark.navbar-sticky-on .navbar-nav .nav-link:focus,
[data-theme=dark] .navbar-dark.navbar-sticky-on .navbar-nav .nav-link.active,
[data-theme=dark] .navbar-dark.navbar-sticky-on .navbar-nav .nav-link.current-menu-item {
    color: #D2D5DA;
}



/*---------- bootstrap nav custom hover ----------*/
.dropdown-menu {
    border: 0;
    padding: 0.625rem 0;
    margin: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.dropdown-menu > li {
    padding: 0 0.625rem;
}

.dropdown > .dropdown-menu:before {
    content: '';
    position: absolute !important;
    top: -10px;
    right: auto;
    bottom: auto;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.dropdown-submenu > .dropdown-menu:before {
    content: '';
    position: absolute !important;
    top: 30px;
    right: auto;
    bottom: auto;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
}

.dropdown-item {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    /*text-transform: uppercase;*/
    font-size: 0.8125rem;
    font-weight: 700;
    color: #2c2e30;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.dropdown-item.active, .dropdown-item:active {
    background: #f8f9fa;
    color: #000000;
}

.dropdown-divider {
    border-color: #8d98b7;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}

/*mainmenu caret*/
.dropdown-toggle:after {
    margin-left: 4px;
    vertical-align: 1px;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #d3d3d3;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

/*submenu cater*/
.dropdown-submenu .dropdown-toggle:after {
    position: absolute;
    right: 24px;
    top: 20px;
    color: #d3d3d3;
}

.dropdown-submenu:hover .dropdown-toggle:after {
    text-decoration: underline;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* ********************
 Welcome Section CSS
******************** */
.welcome-area {
    background: rgba(0, 0, 0, 0) url("../img/background/welcome-bg.jpg") no-repeat scroll center center / cover;
}
.welcome-area {
    height: 800px;
    z-index: 1;
}
.welcome-intro h1{
    font-family: 'latobold';
    font-size: 45px;
}
.welcome-intro{
    position: relative;
    top: -50px;
}

.welcome-intro .app_store_icon{margin-top: 2rem;}
.app_store_icon p{
    margin-bottom: 0.5rem;
    line-height: 1.4 !important;
    font-family: 'latobold' !important;
    font-size: 20px !important;
}
.welcome-intro .footer_ul .footer_applink{
    display: inline-block;
    margin-right: 1rem;
}
.welcome-intro .footer_ul .footer_applink:last-child{margin-right: 0;}
.welcome-intro p{
    font-family: 'latoregular';
    font-size: 19px;
    line-height: 1.5;
}
.homesearchBar{
    max-width: 360px;
}
.homesearchBar label{
    font-family: 'latoregular';
    font-size: 19px;
    line-height: 1.5;
}
.searchBox {
    position: relative;
    display: inline-block;
    width: 100%;
}
.searchBox input.search-input{
    border: 0;
    border-radius: 25px;
    height: calc(2em + 1rem + 2px);
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}
.searchBox .searchIcon{
    position: absolute;
    top: 14px;
    left: 14px;
}
.searchBox .fa-search{
    position: absolute;
    top: 16px;
    right: 14px;
    color: #cecece;
    font-size: 18px;
}
.mainhome_header .searchBox{
    min-width: 300px;
    width: auto;
    margin-left: 50px;
}
.mainhome_header .searchBox input.search-input{
    height: calc(1.5em + .75rem + 2px);
    padding-left: 30px;
    padding-right: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    border: 1px solid #f87973;
}

.mainhome_header .searchBox .searchIcon{
    width: auto;
    height: 16px;
    top: 11px;
}
.mainhome_header .searchBox .fa-search{
    position: absolute;
    top: 13px;
    right: 11px;
    color: #cecece;
    font-size: 13px;
}
.mainhome_header .searchBox .clear_location{
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translate(0, -50%);
}
@media (max-width:575.98px) {
    .welcome-intro{
        top: auto;
    }
    .welcome-intro .footer_applink img{
        height: 40px;
    }
    .welcome-intro .app_store_icon{
        margin-top: 1.4rem;text-align: center;
    }
    .welcome-intro .footer_ul .footer_applink{
        margin-right: 0.5rem;
    }
    .homesearchBar{
        max-width: 100%;
    }
    .mainhome_header .searchBox{
        min-width: 100%;
        margin-left: 0;
        margin-top: 5px;
    }
}
@media (max-width:320px) {
    .welcome-intro .footer_applink img{
        height: 40px;
    }
    .welcome-intro .footer_ul .footer_applink{
        margin-right: 0;
    }
}
.email-signup{
    position: relative;
}
.email-signup .form-control{
    height: calc(2.875em + .75rem + 2px);line-height: 2;
    padding-right: 13rem;
}
.email-signup-btn{
    position: absolute;
    top: 50%;
    right: 1%;
    transform: translate(0, -50%);
}
.email-signup-btn .btn-primary{
    padding: 0.563rem .75rem;
    min-width: 198px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}
form.presignupForm label.error{
    position: absolute;
    color: #ffffff;
    background: #000;
    padding: 2px 10px;
    margin-top: 5px;
    border-radius: 5px;
}

@media (max-width: 991px){
    .email-signup label.error{
        bottom: -40px;
        left: 0;
    }
}
.welcome-thumb {
    max-width: 300px;
    /*padding-top: 70px;*/
    padding-top: 0;
}
.welcome-area.bg-overlay::after {
    z-index: -2;
}

.welcome-area .shape-bottom {
    z-index: -1;
}

.shape-bottom {
    position: absolute;
    top: auto;
    bottom: -1px;
    left: 0;
    right: 0;
}
.bg-overlay,
.overlay-dark {
    position: relative;
    z-index: 0;
}
.bg-overlay::after,
.overlay-dark:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.bg-overlay::after {
    opacity: 0.94;
    z-index: -1;
}


.bg-overlay::after{
    background: linear-gradient(-47deg, #F66E67 0%, #FF847E 100%);
}


.section-heading > h2{
    position: relative;
    font-family: 'latobold';
}
.section-heading p{font-size: 18px;}
.section-heading{
    margin-bottom: 50px;
}
.dark-bg-section{
    background-color: #F66E67;
    color: #ffffff;
}
.dark-bg-section h2,
.dark-bg-section .section-heading p{color: #ffffff;}
.dark-bg-section .section-heading > h2::after{
    position: absolute;
    content: '';
    height: 5px;
    width: 70px;
    background-color: #ffffff;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.preSignupradio{
    color: #ffffff;
}
.preSignupradio .custom-control-input:checked~.custom-control-label::before{
    color: #ffffff;
    border-color: #F66E67;
    background-color: #F66E67;
    border: 2px solid #ffffff;
}
.preSignupradio .custom-control-label::before,
.preSignupradio .custom-control-label::after{
    width: 20px;
    height: 20px;
    left: -2rem;
}
.preSignupradio .custom-control-input:focus~.custom-control-label::before{box-shadow: none;}
.preSignupradio .custom-control-label{
    font-size: 16px;
    line-height: 25px;

}
.preSignupradio .custom-control-inline{margin-right: 1.8rem;}
/* ********************
  Feature Section CSS
******************** */
.features-row{
    margin-right: -10px;
    margin-left: -10px;
}
.features-row .features-col{
    padding-right: 10px;
    padding-left: 10px;
}
.feature-box{
    background-color: #FCEFEE;
    border-radius: 1.5rem;
    padding: 25px 45px;
    position: relative;
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    min-height: 270px;
}
.feature-box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
}
.feature-img{
    background-color: #F66E67;
    width: 65px;
    height: 65px;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 10px;
}
.feature-img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.feature_title {
    font-size: 20px;
    font-family: 'latobold';
    margin-bottom: 17px;
}
.feature_text {
    font-size: 15px;
}
.feature_text a{
    font-weight: bold;
}
.mb-20{margin-bottom: 20px;}

/* ********************
  About Section CSS
******************** */
.left-about-list{text-align: right;}
.right-about-list{text-align: left;}

.about_list{
    padding: 20px 10px;
}
.about_icon{
    background-color: #F66E67;
    width: 60px;
    height: 60px;
    position: relative;
    display: inline-block;
    border-radius: 50%;
}
.about_icon img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.left-about-list .about_icon {
    float: right;
}
.right-about-list .about_icon {
    float: left;
}
.left-about-list .about_text{
    margin-right: 80px;
    overflow: hidden;
}
.right-about-list .about_text{
    padding-left: 20px;
    overflow: hidden;
}
.about_text h5{font-size: 20px;margin-bottom: 10px;}
.about_text p{
    font-size: 16px;
    min-height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ********************
  Find Section CSS
******************** */
.find-btn{
    background-color: #ffffff;
    color: #000000;
    border: 1px solid transparent;
    box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
    border-radius: 15px;
    position: relative;
    display: block;
    text-align: center;
    padding: 20px 10px;
    transition: all 0.3s ease 0s;
    margin-bottom: 30px;
    font-size: 20px;
    font-family: 'latosemibold';
}
.find-btn:hover, .find-btn.active {
    color: #F66E67;
    border-color: #F66E67;
}
.find-btn:focus {
    box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
}
.find-btn img{
    width: auto;
    height: 40px;
    object-fit: contain;
}
.find-btn span{
    margin-left: 10px;
}
/* ********************
Screenshots Section CSS
******************** */
.screenshot-bg:before{
    content: '';
    background-image: url('../img/screenshot_bg.png');
    background-repeat: no-repeat;
    /*background-size: contain;*/
    height: 50%;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: bottom;
    background-size: cover;
}
@media (min-width: 1900px) {
    height: 50%;
}
.screenshot .swiper-slide {
    width: 267px;
}
.screenshot .swiper-slide img{
    width: 100%;
}
.nextprev_col{
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.swiper-button-next, .swiper-button-prev{
    background: #ffffff;
}
.swiper-button-next img,
.swiper-button-prev img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
}
.screenshot-bg{
    position: relative;
}
.screenshot-bg .section-heading > h2{color: #ffffff;}


/* ********************
  Contact Section CSS
******************** */
.social-icon{
    background-color: #F66E67;
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-block;
    border-radius: 50%;
}
.social-icon img,
.social-icon svg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.footer_contact .social-icon,
.footer_contact .contact-media span{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.footer_contact .contact-media:hover span{
    color: #F66E67;
}
.footer_contact .contact-media:hover .social-icon{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.footer_contact .social-icon svg{width: 15px;height: 15px;stroke: #fff;}

.contact-media span{font-size: 20px;color: #000000;}
.contact-media{margin-bottom: 64px;}
.contact-media:last-child{margin-bottom: 0;}
.social-col{padding-right: 3rem;}
.contact-form .form-group{margin-bottom: 20px;}
.contact-form .form-control{
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    height: calc(2.375em + .75rem + 4px);
    border-radius: .5rem;
    border-color: #E0E0E0;
}
.contact-form textarea.form-control{height: auto;resize: none;}
.contact-form .contact-sendBtn{padding: 0.875rem .75rem;border-radius: .5rem;margin-top: 8px;}


/* ********************
  Advertise Section CSS
******************** */
.add_box{
    background-color: #ffffff;
    color: #000000;
    border: 1px solid transparent;
    box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
    border-radius: 15px;
    position: relative;
    display: block;
    text-align: center;
    padding: 24px 10px;
    transition: all 0.3s ease 0s;
    margin-bottom: 30px;
}
.add_box .svg-icon{
    height: 80px;
    width: auto;
}
.add_box h4{
    transition: all 0.3s ease 0s;
}
.add_box:hover, .add_box.active {
    color: #F66E67;
    border-color: #F66E67;
}
.add_box:hover h4{
    color: #F66E67;
}
.add_box:focus{
    box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
}

/* ********************
  Guides Section CSS
******************** */

.likeshare_row{
    border-top: 1px solid #dee2e6;
    text-align: center;
    padding: 10px 0 8px;
}
.likeshare_row a{
    display: inline-block;
    text-align: center;
    font-size: 14px;
}
.likeshare_row a img{
    width: auto;
    height: 20px;
}
.likeshare_row a i{
    font-size: 20px;
    color: #f66e67;
    vertical-align: bottom;
}
.likeshare_row .share-socialIcon a i{
    color: #ffffff;
    vertical-align: unset;
    font-size: 18px;
}
.likeshare_row a span{
    display: block;
}

/* ********************
  Footer Section CSS
******************** */
.footer-section{background-color: #F8F8F8;}
.footer_ul{list-style: none;padding: 0;margin: 0;}
.footer_contact .social-icon {
    width: 40px;
    height: 40px;
}
.footer_contact .social-icon img{width: 15px;}
.footer_contact .contact-media{margin-bottom: 21px;}
.footer_contact .contact-media:last-child{margin-bottom: 0;}
.footer_contact .contact-media span{font-size: 15px;}
.footer-title{font-size: 18px;margin-bottom: 15px;}

.footer_link{font-size: 16px;font-family: 'latoregular';color: #000000;}
.footer_ul li{margin-bottom: 20px;}
.footer_ul li:last-child{margin-bottom: 0;}

.footer_applink img{height: 50px;}
.social_media_ul li{
    display: inline-block;
    margin-right: 10px;
}
.social_media_ul li:last-child{
    margin-right: 0;
}
.social_media_ul li a{
    width: 40px;
    height: 40px;line-height: 40px;text-align: center;
    font-size: 16px;
    background-color: #F66E67;color: #ffffff;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.social_media_ul li a.socail_fb{
    background-color: #3b5999;
}
.social_media_ul li a.socail_insta{
    background-color: #e4405f;
}
.social_media_ul li a.socail_link{
    background-color: #0077B5;
}
.social_media_ul li a:hover{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
@media (max-width:991.98px) {
    .footer_app_col{
        text-align: center;
    }
    .footer_app_col .footer_ul li {
        display: inline-block;
        padding: 0 10px;
        margin-bottom: 0;
    }
    .footer_app_col .footer_ul li a {
        display: inline-block;
    }

}

@media (max-width:575.98px) {
    .footer-col .form-row .col-sm-4{
        margin-bottom: 10px;
    }
    .footer-col .form-row .col-sm-4:last-child{
        margin-bottom: 0;
    }
    .footer_app_col{
        text-align: left;
        margin-top: -10px;
    }
    .footer_app_col .footer_ul{
        display: inline-block;
        margin-left: -10px;
        margin-right: -10px;
    }
    .footer_app_col .footer_ul li{
        display: block;
        margin-bottom: 0;
        width: 50%;
        float: left;
    }
    .footer-linkcol .footer_ul{
        display: inline-block;
        width: 100%;
    }
    .footer-linkcol .footer_ul li{
        float: left;
        width: 50%;
        margin-bottom: 10px;
    }
}
/* ********************
  Blank page CSS
******************** */
.blankpage-logo{
    width: 200px;
}


/* ********************
  Roome WEB Page CSS
******************** */
.page-section{
    padding: 25px 0;
}
.white-line{
    height: 1px;
    background-color: #ffffff;
    display: block;
}
.select2-float{
    position: relative;
}

.select2-float .form_lable{
    position: absolute;
    z-index: 1;
    top: 45%;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-50%);
    transition: all 0.2s ease 0s;
}
.login-page .select2-float .form_lable{
    left: 30px;
}
.select2-float .form_lable.selected {
    top: -15px;
    font-size: 13px;
    transform: translateY(0);
    opacity: 1;
}
.select2-selection__arrow b{display: none;}
.login-page .select2-container--default .select2-selection--single .select2-selection__arrow{
    color: #ffffff;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    line-height: 39px;
    text-align: right;
    height: 40px;
    color: #000000;
    font-size: 10px;
}
.select2-selection__arrow{
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.select2-selection__arrow:before{
    content: "\f078";
}
.select2-container *{
    outline: 0;
}
.login-page .select2-container--default .select2-selection--single{
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    height: 40px;
}
.select2-container--default .select2-selection--single{
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #7E7E7E;
    border-radius: 0;
    height: 40px;
}
.filter_ullist .select2-container--default .select2-selection--single{
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #7E7E7E;
    border-radius: 0;
    height: 40px;
}
.page_formgroup .select2-container--default .select2-selection--single{
    height: 38px;
}
.login-page .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 36px;
    color: #ffffff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
    color: #000000;
}
.page_formgroup .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 38px;
}
.login-page .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-left: 30px;
    font-size: 16px;
    margin-top: -2px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-left: 0;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #F66E67 !important;
}
.select2-container--open .select2-dropdown{
    border-radius: 0 !important;
    border-color: #7E7E7E;
    padding: 0;
}
.login-page .select2-container--open .select2-dropdown{
    border-radius: 0 !important;
    border-color: #ffffff;
    padding: 4px;
}

.roomeweb-main .form-control[readonly]{
    background-color: transparent;
}
.roomeweb-main .form-control{
    background-color: transparent;
    height: calc(1.5em + .75rem + 4px);
    font-size: 16px;
}
.roomeweb-main .form-control:focus{
    border-color: #F66E67;
    box-shadow: none;
    background-color: transparent;
}
.roomeweb-main .bg-primary .form-control{border-color: #ffffff;color: #ffffff;}
.roomeweb-main .bg-primary .form-control:focus{border-color: #ffffff;}
.roomeweb-main .bg-primary ::placeholder {color: #ffffff;opacity: 1;font-weight: normal;font-size: 14px;}
.roomeweb-main .bg-primary :-ms-input-placeholder {color: #ffffff;font-weight: normal;font-size: 14px;}
.roomeweb-main .bg-primary ::-ms-input-placeholder {color: #ffffff;font-weight: normal;font-size: 14px;}

/* ********************
  Roome Login Page CSS
******************** */
.roomeweb-main .login-bg-image{
    background: url('../img/login-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    right: auto;
    z-index: 1;
}
/*.login-bg-image {
    -ms-flex-align: start!important;
    align-items: start!important;
}
.login-bg-image a{
    margin-top: 35%;
}*/
.roomeweb-main .login-bg-image:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .75);
    z-index: -1;
}
.roomeweb-main .login-logo{
    width: auto;
    height: 130px;
    object-fit: contain;
}
.roomeweb-main .has-float-label .faIcon,
.roomeweb-main .select2-float .faIcon{
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 14px;
}
.roomeweb-main .has-float-label .pass_showhide{
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 14px;
    cursor: pointer;
}
.roomeweb-main .login-page .has-float-label label,
.roomeweb-main .login-page .has-float-label > span.form_lable{
    left: 30px;
}
.roomeweb-main .login-page .form-control{
    padding-left: 30px;
    color: #ffffff;
}
.roomeweb-main .login-page .form_lable{
    color: #ffffff;
}
.roomeweb-main .login-page .has-float-label input,
.roomeweb-main .login-page .has-float-label select,
.roomeweb-main .login-page .has-float-label textarea{
    border-bottom: 1px solid #ffffff;
}
.changeemailModal .has-float-label input{
    border-color: #000000 !important;
}
.changeemailModal .form-control,
.changeemailModal .form_lable{
    color: #000000 !important;
}
.roomeweb-main .login-page .form-group{
    margin-bottom: 30px;
}
.roomeweb-main .login-btn{
    font-family: 'latobold';
    font-size: 20px;
    border-radius: 25px;
}
.roomeweb-main .modal .modal-footer .btn.login-btn.okButton{
    font-size: 16px;
    line-height: 1.65;
    min-width: 100px;
}
.cofirm-btn{
    font-family: 'latosemibold';
    font-size: 16px;
    border-radius: 25px;
    padding: .6rem 2rem;
}
.roomeweb-main .login-form {
    padding: 3rem 4rem;
}
.roomeweb-main .login-footer{
    margin-top: 50px;
}
.confirmText{
    padding: 0 2rem;
}
@media (min-width: 1900px){
    /*    .login-bg-image a {
            margin-top: 60%;
        }*/
}
@media (max-width: 1200px){
    .roomeweb-main .login-form {
        padding: 3rem 3rem;
    }
}

.roomeweb-main .login-form.signup-form{
    padding: 0 2rem;
}
@media (max-width: 1300px){
    .roomeweb-main .login-form.signup-form {
        padding: 3rem 0;
    }
    .signup-page .banner_top p{
        font-size: 12px;
    }
    .signup-page .banner_top.alert-dismissible .close{
        padding: 2px 5px;
    }
    .signup-page .alert.banner_top{
        padding: .5rem;
    }
    .signup-page .banner_top.alert-dismissible{
        padding-right: 1.2rem;
    }
    .areyou_h4{
        margin-bottom: 30px !important;
    }
}
@media (max-width: 1200px){
    .roomeweb-main .login-form.signup-form {
        padding: 3rem 0;
    }
}
.login-page .h-100{
    min-height: 100vh !important;
    height: auto !important;
    background-color: #050505;
}
.signup-page .signup-form{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.signup_tab{
    width: 212px;
    height: 212px;
    border: 1px solid #ffffff;
    border-radius: 10px;
    display: inline-block;
    position: relative;
}
.signup_tab.student_signtab{
    width: 438px;
    margin-bottom: 10px !important;
}
.signup_tab .svg-icon{
    width: auto;
    height: 80px;
}
.signup_tab .svg-icon path{
    fill: #ffffff;
    stroke: none;
}
.signup_tab:hover .svg-icon path{
    fill: #F66E67;
}

.signup_tab:hover{
    background: #ffffff;
    color: #F66E67;
}
.signup_tab:hover h3{
    color: #F66E67;
}

.signup_tab.active{
    background: #ffffff;
}
.signup_tab .tab_signupmiddle{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.signup_tab h3{
    margin-top: 20px;
    color: #ffffff;
}
.signup_tab.active h3{
    color: #F66E67;
}
.signup_tab.active .svg-icon *{
    stroke: #F66E67;
}
.signup_tab:first-child{
    margin-right: 7px;
}
.signup_tab:last-child{
    margin-left: 7px;
}
.row.signupform_tab{
    margin-right: -2.5px;
    margin-left: -2.5px;
}
.row.signupform_tab .col-6{
    padding-right: 2.5px;
    padding-left: 2.5px;
}
.signupform_tab .btn-tab{
    border: 1px solid #ffffff;
    text-align: center;
    border-radius: 25px;
    font-size: 16px;
    color: #ffffff;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.signupform_tab .btn-tab.active{
    background: #ffffff;
    color: #F66E67;
}
.signupform_tab .btn-tab .svg-icon{
    width: auto;
    height: 24px;
    margin-right: 10px;
}
.signupform_tab .svg-icon path{
    fill: #ffffff;
    stroke: none;
}
.signupform_tab .btn-tab.active .svg-icon path{
    fill: #F66E67;
}

.changeemailModal .login-btn{
    font-size: 16px;
}
@media (max-width:575.98px) {
    .signupform_tab .btn-tab{
        padding: 10px 5px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .signupform_tab .btn-tab .svg-icon{
        margin-right: 4px;
        height: 16px;
    }
}

/* ********************
  Front page Header CSS
******************** */
.topbar .navbar-brand img{
    height: 44px;
    object-fit: contain;
    transform: scale(1.5);
    position: relative;
    left: 1.6rem;
}
.topbar.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.topbar.navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.topbar .nav-item.dropdown .dropdown-toggle::after {
    display: none;
}
.topbar .nav-item.dropdown.show .dropdown-toggle::after {

}


.topbar .nav-item .nav-link {
    position: relative;
}


.topbar .nav-item .nav-link .badge-counter {
    position: absolute;
    right: 3px;
    top: 3px;
    min-width: 12px;
    height: 12px;
    background-color: #F66E67;
    color: #ffffff;
    border-radius: 15px;
    font-size: 8px;
}

.topbar .nav-item .nav-link .badge-counter.chat_badge {
    position: relative;
    right: auto;
    top: auto;
    margin-left: 4px;
    margin-top: 2px;
    font-size: 10px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    line-height: 16px;
}
.topbar .nav-item .img-profile {
    height: 30px;
    width: 30px;
    border-radius: 5px;
    object-fit: cover;
    margin-right: 10px;
}

.topbar {
    height: 80px;
}

.topbar #sidebarToggleTop {
    height: 2.5rem;
    width: 2.5rem;
}

.topbar #sidebarToggleTop:hover {
    background-color: #eaecf4;
}

.topbar #sidebarToggleTop:active {
    background-color: #dddfeb;
}





.topbar .nav-item .nav-link {
    height: 4.375rem;
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
}

.topbar .nav-item .nav-link:focus {
    outline: none;
}

.topbar .nav-item:focus {
    outline: none;
}

.topbar .dropdown {
    position: static;
    padding: 10px 0;
}

.topbar .dropdown .dropdown-menu {
    /*width: calc(100% - 1.5rem);*/
    right: 0.75rem;
    border: 1px solid #eaeaea;
}

.topbar .dropdown-list {
    padding: 0;
    border: none;
    /*overflow: hidden;*/
}

.topbar .dropdown-list .dropdown-header {
    /*background-color: #ffffff;*/
    border-bottom: 1px solid #D3D3D3;
    padding: 15px;
    color: #000000;
}

.topbar .dropdown-list .dropdown-item {
    white-space: normal;
    padding: 15px;
    line-height: 1.3rem;
}
.topbar .dropdown-list .dropdown-item.unread{
    background-color: #F2F0F0;
}
.topbar .dropdown-list .dropdown-item.notification-item,
.topbar .dropdown-list .dropdown-item.chat-item{
    padding: 9px 14px;
    position: relative;
}
.topbar .dropdown-list .dropdown-item.chat-item .unread_count{
    bottom: 10px;
    right: 15px;
}
.topbar .dropdown-list .dropdown-item.notification-item:hover,
.topbar .dropdown-list .dropdown-item.chat-item:hover{
    background-color: #F2F0F0;
}
.topbar .dropdown-list .dropdown-item .dropdown-list-image {
    position: relative;
    height: 2.5rem;
    width: 2.5rem;
}

.topbar .dropdown-list .dropdown-item .dropdown-list-image img {
    height: 2.5rem;
    width: 2.5rem;
}

.topbar .dropdown-list .dropdown-item .dropdown-list-image .status-indicator {
    background-color: #eaecf4;
    height: 0.75rem;
    width: 0.75rem;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 0.125rem solid #fff;
}

.topbar .dropdown-list .dropdown-item .text-truncate {
    max-width: 10rem;
}

.topbar .dropdown-list .dropdown-item:active {
    background-color: #eaecf4;
    color: #3a3b45;
}
.dropdown.profile-dropdown > .dropdown-menu:before{
    display: none;
}
.dropdown > .dropdown-menu.notification_list:before,
.dropdown > .dropdown-menu.chat_list:before{
    border: 0;
}



.topbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

.topbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
    color: #fff;
}

.topbar.navbar-dark .navbar-nav .nav-item .nav-link:active {
    color: #fff;
}

.topbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: #000000;
    border: 0;
    width: auto;
    height: 30px;
    display: inline-block;
    background: transparent;
    padding: 0;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link.menu_name{
    border-radius: 0;
    border-bottom: 2px solid transparent;
    font-size: 16px;
    height: 40px;
    display: flex;
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link.menu_name.active{
    border-color: #F66E67;
    color: #F66E67;
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link.header_notification{
    width: 30px;
    background: #EAEAEA;
    position: relative;
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link.header_notification .svg-icon{
    width: auto;
    height: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
    color: #F66E67;
}

.topbar.navbar-light .navbar-nav .nav-item .nav-link:active {
    color: #858796;
}
.noti_image{
    width: 53px;
    height: 53px;
    border-radius: 6px;
    object-fit: cover;
}
.noti_profile{
    overflow: hidden;
}
.noti_profile p{
    line-height: 1.22;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.noti_btn{
    margin-top: 5px;
}
.noti_btn .btn{
    font-size: 12px;
    font-family: 'latobold';
    line-height: 15px;
    min-width: 76px;
    border-radius: 25px;
    text-align: center;
}
.noti_btn .btn.btn-primary:hover{
    background-color: #ffffff;
    color: #F66E67;
}
.noti_media{
    width: calc(100% - 165px);
}
.noti_media.header_noti_media{
    width: 100%;
    position: relative;
}
.noti_media.header_noti_media .notiTime{
    position: absolute;
    top: 0;
    right: 0;
}
.noti_media.header_noti_media .noti_profile{
    width: 100%;
}
.noti_media.header_noti_media .noti_profile p.notiTitle{
    padding-right: 125px;
}
.noti_media.header_noti_media .max-w-100{
    max-width: 100%;
}
.noti_media.header_noti_media .noti_btn{
    margin-top: 3px;
}
.block_usercard .noti_media{
    width: calc(100% - 90px);
}

.notifiaction_count{
    padding: 10px 14px;
}
.notifiaction_count span{
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    background: #f66e67;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    border-radius: 15px;
    padding: 0 4px;
}
.notification_list_div{
    max-height: 220px;
    overflow-y: auto;
}
.chat_list_div{
    max-height: 220px;
    overflow-y: auto;
}
.profile-text-drop p{
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
    display: block;
}
.profile-dropdown .dropdown-item{
    padding: 7px 11px;
    color: #000000
}
.profile-dropdown .dropdown-item i{
    width: 16px;
    text-align: center;
}
.nav-search{
    min-width: 300px;
    position: relative;
    display: inline-block;
    margin-left: 1rem;
}
.nav-search .svg-icon{
    position: absolute;
    top: 46%;
    left: 0;
    transform: translate(0, -50%);
    width: 13px;
}
.nav-search .has-float-label > span.form_lable{
    left: 23px;
    display: none;
}
.nav-search .has-float-label .form-control{
    padding-left: 23px;
    text-overflow: ellipsis;
    color: #000000;
}
.nav-search .has-float-label input:placeholder-shown:not(:focus)::-webkit-input-placeholder,
.nav-search .has-float-label input:placeholder-shown:not(:focus)::placeholder{
    opacity: 1;
}

.mapDrop .pac-container{
    z-index: 1030;
    position: fixed !important;

}
.clear_location{
    position: absolute;
    top: 46%;
    right: 0;
    transform: translate(0, -50%);
    color: #f66e67;
}
.search_navbar_nav .dropdown > .dropdown-menu:before{
    display: none;
}
.search_navbar_nav.location-serach{
    margin-left: 40px;
}
@media (min-width: 992px){
    .search_navbar_nav .dropdown-toggle{
        display: none !important;
    }
    .search_navbar_nav .dropdown-menu{
        display: block;
        position: relative !important;
        border: 0 !important;
    }
    .mapDrop .pac-container{
        top: 58px !important;
    }

}
@media (max-width: 992px){
    .topbar .search_navbar_nav .dropdown .dropdown-menu{
        right: auto;
        padding: 10px;
    }
    .nav-search{
        margin-left: 0;
    }
    .topbar.navbar-light .navbar-nav .nav-item .nav-link.menu_name{
        margin-right: 1rem !important;
    }
}
@media (min-width: 576px) {
    .topbar .dropdown {
        position: relative;
    }
    .topbar .dropdown .dropdown-menu {
        min-width: 148px;
        right: 0;
    }
    .topbar .dropdown-list {
        width: 20rem !important;
    }
    .topbar .dropdown-list.notification_list{
        width: 475px !important;
    }
    .topbar .dropdown-list.chat_list{
        width: 475px !important;
    }
    .topbar .dropdown-list .dropdown-item .text-truncate {
        max-width: 13.375rem;
    }
    .dropdown > .dropdown-menu.notification_list:before,
    .dropdown > .dropdown-menu.chat_list:before{
        display: none;
        right: 5px;
        left: auto;
        border: 0;
        background-image: url(../img/down-arrow.png);
        background-repeat: no-repeat;
        width: 23px;
        height: 10px;
        background-size: cover;
    }
}
@media (max-width:1200px) {
    .location-serach .nav-search{
        min-width: 270px;
    }
}
@media (max-width:991.98px) {
    .topbar .dropdown-list.chat_list{
        right: -80px;

    }
    .topbar .nav-item .img-profile{
        margin-right: 0;
    }


}
@media (max-width: 600px) {
    .topbar.navbar-light .navbar-nav .nav-item .nav-link.menu_name{
        font-size: 13px;
        margin-right: 0.7rem !important;
    }


}
@media (max-width: 575px) {
    .noti_media {
        width: calc(100% - 55px);
    }
    .notification_list_div .dropdown-item{
        padding-bottom: 3rem;
        position: relative;
    }
    .notification_list_div .noti_btn .btn{
        margin-bottom: 10px;
    }
    .topbar.navbar-light .navbar-nav .nav-item .nav-link.menu_name{
        font-size: 10px;
        height: 30px;
        margin-right: 7px !important;
    }
    .topbar .navbar-brand img{
        transform: scale(1.3);
        position: relative;
        left: 0.6rem;
    }
    .topbar .nav-item .nav-link .badge-counter.chat_badge{
        font-size: 8px;
        min-width: 12px;
        height: 12px;
        line-height: 12px;
        margin-top: 0;
    }
    .topbar .dropdown .dropdown-menu{
        right: 0;
    }
    .topbar .dropdown .notification_list.dropdown-menu,
    .topbar .dropdown .chat_list.dropdown-menu{
        width: 100%;
    }
    .topbar{
        height: 50px;
        padding: .5rem .5rem;
    }
    .topbar .navbar-brand img{
        height: 30px;
    }
    .topbar .nav-item .img-profile{
        margin-right: 0;
        height: 25px;
        width: 25px;
        border-radius: 3px;
    }
    .topbar.navbar-light .navbar-nav .nav-item .nav-link.header_notification{
        width: 25px;font-size: 12px;
        height: 25px;
        margin-right: 7px !important;
        line-height: 25px;
    }
    .front_login a.ls-btn{
        font-size: 12px;
        min-width: 80px;
        padding: .25rem .75rem;
    }
    .search_navbar_nav.location-serach {
        margin-left: 10px;
    }
}
@media (max-width: 360px) {

    .topbar.navbar-light .navbar-nav .nav-item .nav-link.menu_name{
        font-size: 8px;
        height: 20px;
    }
    .topbar .nav-item .nav-link .badge-counter.chat_badge{
        font-size: 6px;
        min-width: 10px;
        height: 10px;
        line-height: 10px;
        margin-left: 2px;
    }
    .topbar .nav-item .nav-link .badge-counter{
        min-width: 10px;
        height: 10px;
        font-size: 6px;
        top: 1px;
        right: 2px

    }
    .topbar.navbar-light .navbar-nav .nav-item .nav-link.header_notification .svg-icon{
        height: 12px;
    }
    .topbar.navbar-light .navbar-nav .nav-item .nav-link.header_notification,
    .topbar .nav-item .img-profile {
        height: 20px;
        width: 20px;
        line-height: 20px;
    }
}
@media (max-width: 320px) {
    .topbar .navbar-brand img {
        height: 25px;
    }
    .front_login a.ls-btn{
        font-size: 11px;
        padding: .219rem .75rem;
    }
}







.front-wrapper{
    padding-top: 80px;
    min-height: calc(100vh - 80px);
}

.lookingfor-section{
    background: url(../img/house-11146.jpg);
    min-height: calc(100vh - 160px);
    width: 100%;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.lookingfor-section:before{
    content: '';
    position: absolute;
    background: rgb(255 255 255 / 0.89);
    width: 100%;
    height: 100%;
    z-index: -1;
}
.looking_ul{
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    justify-content: center;
}
.looking_ul.student_ul{
    margin-top: 20px;
}
.looking_ul li{
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.looking_ul.mylist_look_ul li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: center !important;
}
.looking-box{
    width: 200px;
    height: 200px;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid transparent;
    box-shadow: 0 0 1rem rgba(0,0,0,.10);
    border-radius: 15px;
    position: relative;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.looking-box h3{
    transition: all 0.3s ease 0s;
}
.lookbox-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.lookbox-content .svg-icon{
    height: 60px;
    width: auto;
    /*object-fit: contain;*/
}
.owl-carousel .owl-stage{
    margin: 0 auto;
}

.looking-box:hover,.looking-box.active{
    /*    background-color: #F66E67;*/
    color: #F66E67;
    border-color: #F66E67;
}
.looking-box:hover h3,
.looking-box.active h3{
    color: #F66E67;
}
/*.looking-box:hover .svg-icon path{
    fill: #ffffff;
    stroke: none;
}*/
.looking-box:focus{
    box-shadow: 0 0 1rem rgba(0,0,0,.10);
}

.page-container{
    padding: 50px 0;
}
.looking_ul.studentportal_ul{
    max-width: 924px;
    margin: 0 auto;
}
.looking_ul.studentportal_ul li{
    flex: 0 0 25%;
    max-width: 25%;
    text-align: center !important;
}
.looking_ul.landloardportal_ul{
    max-width: 726px;
    margin: 0 auto;
}
.looking_ul.landloardportal_ul li{
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    text-align: center !important;
}
/*.studentportal_ul li:nth-child(1),
.studentportal_ul li:nth-child(4){
    text-align: right;
}
.studentportal_ul li:nth-child(2),
.studentportal_ul li:nth-child(5){
    text-align: center;
}
.studentportal_ul li:nth-child(3),
.studentportal_ul li:nth-child(6){
    text-align: left;
}*/
@media (max-width: 1300px) {
    .studentportal_ul{
        width: 75%;
        margin: 0 auto;
    }
    /*    .studentportal_ul li{
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
        .studentportal_ul li:nth-child(1),
        .studentportal_ul li:nth-child(4){
            text-align: right;
        }
        .studentportal_ul li:nth-child(2),
        .studentportal_ul li:nth-child(5){
            text-align: center;
        }
        .studentportal_ul li:nth-child(3),
        .studentportal_ul li:nth-child(6){
            text-align: left;
        }*/
}
@media (max-width: 1200px) {
    .studentportal_ul{
        width: 90%;
        margin: 0 auto;
    }

    /*    .landloardportal_ul{
            width: 80%;
            margin: 0 auto;
        }
        .landloardportal_ul li{
            flex: 0 0 33.33%;
            max-width: 33.33%;
        }
        .landloardportal_ul li:nth-child(1),
        .landloardportal_ul li:nth-child(4){
            text-align: right;
        }
        .landloardportal_ul li:nth-child(3),
        .landloardportal_ul li:nth-child(5){
            text-align: left;
        }*/
}
@media (max-width: 992px) {
    .looking_ul.studentportal_ul{
        max-width: 730px;
    }
    .looking_ul.studentportal_ul li{
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }
    .studentportal_ul{
        width: 100%;
    }
    .lookingfor-section{
        background-position: center;
    }
    .looking_ul li{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .looking_ul li:nth-child(1),
    .looking_ul li:nth-child(3){
        text-align: right;
    }
    .looking_ul li:nth-child(2),
    .looking_ul li:nth-child(4){
        text-align: left;
    }
    /*    .studentportal_ul li{
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
        .studentportal_ul li:nth-child(1),
        .studentportal_ul li:nth-child(4){
            text-align: right;
        }
        .studentportal_ul li:nth-child(2),
        .studentportal_ul li:nth-child(5){
            text-align: center;
        }
        .studentportal_ul li:nth-child(3),
        .studentportal_ul li:nth-child(6){
            text-align: left;
        }*/
    .landloard_ul li{
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .landloard_ul li:nth-child(2){
        text-align: center;
    }
    .landloard_ul li:nth-child(3){
        text-align: left;
    }
    .landloardportal_ul{
        width: 100%;
    }
    /*    .landloardportal_ul li{
            flex: 0 0 33.33%;
            max-width: 33.33%;
        }
        .landloardportal_ul li:nth-child(1),
        .landloardportal_ul li:nth-child(4){
            text-align: right;
        }
        .landloardportal_ul li:nth-child(2){
            text-align: center;
        }
        .landloardportal_ul li:nth-child(3),
        .landloardportal_ul li:nth-child(5){
            text-align: left;
        }*/

}
@media (max-width: 670px) {
    .looking_ul.studentportal_ul li,
    .looking_ul li,.landloard_ul li {
        flex: 0 0 50%;
        max-width: 50%;
        text-align: center !important;
    }
    .looking_ul.studentportal_ul,
    .looking_ul.landloardportal_ul{
        max-width: 470px;
    }
    .looking_ul.landloardportal_ul li{
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 575px) {
    .looking_ul li{
        flex: 0 0 50%;
        max-width: 50%;
        text-align: center !important;
    }
    .looking-box{
        width: 150px;
        height: 150px;
    }
    .looking-box svg{
        width: 40px;
        height: 40px;
    }
    .looking-box .lookbox-content h3{
        margin-top: 16px;
        font-size: 16px;
    }
    .lookingfor-section .pb-98px,
    .lookingfor-section .pt-98px{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .front-wrapper{
        padding-top: 50px;
    }
    .looking_ul.landloardportal_ul li{
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 320px) {
    .looking-box{
        width: 130px;
        height: 130px;
    }
    .looking-box .lookbox-content h3{
        margin-top: 14px;
        font-size: 14px;
    }
    .lookingfor-section .f-25px{
        font-size: 22px;
    }
}
/* ********************
  Chat page CSS
******************** */
.chat-tabs{
    margin-bottom: 40px;
}
.chat-tabs.nav-tabs .nav-item{margin-bottom: 0;}
.chat-btn{
    border: 1px solid #CBCBCB;
    border-radius: 100px;
    min-width: 275px;
    font-size: 18px;
    padding: 0.5rem .75rem;
    font-family: 'latoregular';
}
.chat-btn.active{
    background-color: #F66E67;
    color: #ffffff;
    border-color: #F66E67;
}
.badge-tab{
    font-size: 10px;
    line-height: 11px;
    background: #f66e67;
    color: #ffffff;
    border-radius: 100px;
    padding: 3px 4px;
    display: inline-block;
    position: relative;
    top: -2px;
    left: 4px;
}
.chat-btn.active .badge-tab{
    background: #ffffff;
    color: #000000;
}
.chat-tabs li:first-child .chat-btn{
    border-radius: 100px 0 0 100px;
}
.chat-tabs li:last-child .chat-btn{
    border-radius:  0 100px 100px 0 ;
}

.chat-frame{
    height: 92vh;
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.chat-frame.shadow{
    box-shadow: -2px 0rem 3rem rgb(0 0 0 / 28%) !important;
}
.left-chat-list,
.right-message-list{
    background-color: #ffffff;
}
.left-chat-list{
    z-index: 1021;
    float: left;
    height: 100%;
    border-right: 1px solid #CBCBCB;
    -webkit-transition: left .25s ease-out;
    -moz-transition: left .25s ease-out;
    -o-transition: left .25s ease-out;
    transition: left .25s ease-out;
    position: relative;
    overflow: hidden;
}
.right-message-list{
    float: right;
    height: 100%;
    position: relative;
}
.chat-close-btn{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    background: #e86861;
    color: #ffffff;
    width: 20px;
    height: 20px;
    padding: 0;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
}
.chat-header{
    height: 80px;
    padding: 20px;
    border-bottom: 1px solid #CBCBCB;
}
.chat-search .form-control{
    height: calc(1.5em + .75rem + 4px);
    background-color: #EFEFEF;
}
.chat-search .form-control:focus{
    box-shadow: none;
}
.chat-body{
    padding: 20px;
}
.left-chat-list .chat-body{
    height: calc(100% - 80px);
    overflow-y: auto;
    overflow-x: hidden;
}
.right-message-list .chat-body{
    height: calc(100% - 175px);
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}
.chat-profile{
    width: 50px;
    height: 50px;
    border-radius: 6px;
    object-fit: cover;
    margin-right: 15px;
}
.chat-msg{
    font-size: 15px;
    opacity: 0.7;
}
.chat-body .media-body{
    position: relative;
    width: calc(100% - 65px);
}
.agent_chatname{
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    line-height: 1.2 !important;
}
.chat-time{
    position: absolute;
    opacity: 0.5;
    top: 0;
    right: 0;
    font-size: 11px;
    font-family: 'latoregular';
    line-height: 1.4;
}
.unread_count{
    min-width: 20px;
    height: 20px;
    background-color: #f66e67;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    border-radius: 10px;
    padding: 0 4px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.chat-overflow{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 3rem;
}
.agent-chatlist{
    margin-bottom: 15px;
}
.agent-chatlist .media{
    padding: 15px 0;
    border-bottom: 1px solid #CBCBCB;
}
.agent-chatlist .media:hover,
.message-chatlist .media:hover{
    color: unset;
}
.matches-list{
    overflow-x: scroll;
    width: 100%;
    white-space: nowrap;
}
.matches-list{
    scrollbar-width: thin;
    scrollbar-color: #cccccc #fff;
}
.matches-list::-webkit-scrollbar {
    height: 4px;
    width: 2px;
}

.matches-list::-webkit-scrollbar-track {
    border-radius: 0;
}

.matches-list::-webkit-scrollbar-thumb {
    margin: 2px;
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.2);
}
.matche-profile{
    position: relative;
    display: inline-block;
    margin-bottom: 4px;
}
.matche-profile img{
    width: 42px;
    height: 42px;
    border-radius: 5px;
    object-fit: cover;
}
.online-circle{
    font-size: 9px;
    color: #4CCC1D;
    position: absolute;
    right: 0;
    bottom: 0;
}
.message-chatlist .media{
    border-bottom: 1px solid #CBCBCB;
    padding: 10px;
}
.message-chatlist .media:hover{
    background-color: #F2F0F0;
}
.message-chatlist .media.active{
    background-color: #F2F0F0;
}
.uni_name{opacity: 0.5;}
.lh-1{line-height: 1;}
.lh-1four{line-height: 1.4;}

.right-message-list .chat-profile{
    width: 45px;
    height: 45px;
}
.right-message-list .chat-header{
    padding: 17px 20px;
}

.chat-dropdown .dropdown-menu{
    -webkit-transition: none;
    -o-transition: inherit;
    transition: none;
    border: 1px solid #D3D3D3;
    min-width: 147px;
    padding: 0;
    z-index: 1021;
}
.chat-dropdown .dropdown-menu .dropdown-item{
    font-size: 16px;
    font-family: 'latoregular';
    padding: 5px 12px;
    font-weight: 500;
    color: #000000;
}
.chat-dropdown .dropdown-menu i{
    width: 15px;
    font-size: 15px;
    height: 12px;
}
.chat-dropdown.dropleft .dropdown-toggle::before{
    display: none;
}
.dropdown.chat-dropdown > .dropdown-menu:before{
    display: none;
}
.msg-sent .chat-dropdown.msgchat-dropdown{
    float: left;
    margin-right: 5px;
}
.msg-replies .chat-dropdown.msgchat-dropdown{
    float: right;
    margin-left: 5px;
}
.msgchat-dropdown .btn{
    color: #bbbbbb;
}
.chat-dropdown.msgchat-dropdown .dropdown-menu{
    min-width: 110px;
}
.group-infobox .chat-dropdown.msgchat-dropdown .dropdown-menu{
    min-width: 130px;
}
.msgchat-dropdown .dropdown-menu .dropdown-item{
    font-size: 14px;
    padding: 3px 10px;
}
.msgchat-dropdown .dropdown-menu .dropdown-item i{
    width: 15px;
    font-size: 13px;
    height: 12px;
}
.message-list ul li{
    display: inline-block;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    position: relative;
}
.msgsent_name{
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px;
    color: #676767;
}
.msg-profile{
    width: 42px;
    height: 42px;
    border-radius: 5px;
    object-fit: cover;
    float: left;
    margin-right: 8px;
}
.msg-replies .msg-profile{
    float: right;
    margin-right: 0;
    margin-left: 8px;
}
.msg-sent-div{
    background-color: #E8E8E8;
    color: #000000;
    padding: 9px 13px;
    max-width: 555px;
    display: inline-block;
    border-radius: 0 10px 10px 10px;
    position: relative;
}
.msg-replies-div{
    background-color: #F66E67;
    color: #ffffff;
    padding: 9px 13px;
    max-width: 555px;
    display: inline-block;
    border-radius: 10px 0 10px 10px;
    float: right;
    position: relative;
}
.msg-sent-div p,.msg-replies-div p{
    font-size: 16px;
    word-break: break-word;
}
.msg-replies-div p{color: #ffffff;}
.sent-time{
    font-size: 12px;
    opacity: 0.5;
}
.msg-replies-div .sent-time{opacity: 1;}
.msg-replies-div i.fa-check{font-size: 12px;}
.msg-sent-div.msg-img,
.msg-replies-div.msg-img{
    padding: 2px;
    position: relative;
    min-width: 230px;
    max-width: 230px;
    height: 155px;
}
.msg-sent-div.msg-img .sent-time{
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #ffffff;
    opacity: 1;
    text-shadow: 0px 2px 7px #000000;
    line-height: 1.4;
}
.msg-sent-div.msg-img .msgsent_name{
    position: absolute;
    bottom: 25px;
    left: 10px;
    color: #ffffff;
    display: inline-block;
    text-shadow: 0px 2px 7px #000000;
}
.msg-replies-div.msg-img .sent-time{
    position: absolute;
    bottom: 5px;
    left: 10px;
    text-shadow: 0px 2px 7px #000000;
}
.msg-replies-div.msg-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 0 10px 10px;
}
.msg-replies-div.msg-img .chat-video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 0 10px 10px;
}

.msg-sent-div.msg-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 10px 10px 10px;
}
.msg-sent-div.msg-img .chat-video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 10px 10px 10px;
}
.msg-video a:before{
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f04b";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #f66e67;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 5px;
}
.videoDuration i,
.audioDuration i{font-size: 12px;}
.videoDuration,.audioDuration{
    position: absolute;
    color: #ffffff;
    bottom: 10px;
    font-size: 12px;
    display: inline-block;
    right: 10px;
    font-weight: 700;
    text-shadow: 0px 2px 7px #000000;
    line-height: 1.4;
}
.audioDuration{
    bottom: 8px;
    color: #676767;
    text-shadow: 0px 2px 7px #ffffff;
    right: 14px;
}
.msg-replies-div .audioDuration{
    color: #ffffff;
    text-shadow: 0px 2px 7px #000000;
}
.message-input{
    position: absolute;
    bottom: 15px;
    width: 96%;
    z-index: 99;
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    left: 0;
    right: 0;
    padding: 18px 18px;
    margin: 0 auto;
    border-radius: 40px;
}
.userTag{
    position: absolute;
    background: #f0f0f0;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 5px 10px;
    top: 0;
    left: 0;
    transform: translate(0, -100%);
}
.userTag .chat-profile{
    width: 30px;
    height: 30px;
    margin-right: 5px;
    border-radius: 50%;
}
.userTag .media{align-items: center;    padding: 5px 0;}
.emojionearea-button{
    position: absolute;
    left: 0;
    top: 8px !important;
}
.emojionearea, .emojionearea.form-control{
    border: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
.emojionearea, .emojionearea.form-control:focus{
    box-shadow: none;
}

.chat-frame *{
    scrollbar-width: thin;
    scrollbar-color: #cccccc #fff;
}
.chat-frame ::-webkit-scrollbar {
    width: 6px;
}

.chat-frame ::-webkit-scrollbar-track {
    border-radius: 10px;
    /*    background: orange;*/
}

.chat-frame ::-webkit-scrollbar-thumb {
    margin: 2px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}
.emojionearea .emojionearea-editor{
    min-height: 3em !important;
    max-height: 3em !important;
    padding: 10px 100px 10px 30px !important;
    border: 0;
}
.attach-file{
    position: absolute;
    top: 50%;
    right: 75px;
    transform: translate(0, -50%);
    opacity: 0.5;
    font-size: 20px;
}
.msg-sentbtn{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 47px;
    height: 47px;
    border-radius: 50%;
    display: inline-block;
    line-height: 47px;
    padding: 0;
}
.emojionearea .emojionearea-picker.emojionearea-picker-position-top{
    left: 0 !important;
}
.message-list ul li.msg-date.sticky-top{
    position: -webkit-sticky;
    position: sticky;
    text-align: center;
    z-index: 1020;
}
.msg-date span{
    background-color: #bbbbbb;
    padding: 5px 10px;
    border-radius: 100px;
}
.message-list ul li.typing_li{
    color: #bbbbbb;
    margin-bottom: 0;
    padding-left: 60px;
}
#typing-loader{
    position: relative;
    display: inline-block;
}
div#typing-loader .dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 3px;
    background: #bbbbbb;
    animation: typing 1.3s linear infinite;
}
div#typing-loader .dot:nth-child(2) {
    animation-delay: -1.1s;
}
div#typing-loader .dot:nth-child(3) {
    animation-delay: -0.9s;
}
@keyframes typing{
    0%, 60%, 100% {
        transform: initial;
    }
    30% {
        transform: translateY(-6px);
    }
}
.message-list ul li.removemember_text{
    text-align: center;
    color: #bbbbbb;
    font-size: 16px;
    font-weight: 500;
}
.right-chat-media{
    cursor: pointer;
}
.message_reply{
    border-bottom: 1px solid #000;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 2rem;
}
.message_reply .fa-quote-left{
    position: absolute;
    left: 0;
}
.msg_reply_name{
    color: #8e8e8e;
    font-size: 12px;
}
.reply_remove{
    position: absolute;
    right: 10px;
    top: -10px;
    font-size: 14px;
}
.msg-replies-div .message_reply{
    border-color: #ffffff;
}
.msg-replies-div .msg_reply_name{
    color: #fff;
    opacity: 0.5;
}
.edited_msg{
    position: absolute;
    right: -20px;
    top: 8px;
    pointer-events: none;
    color: #e8e8e8;
    font-size: 14px !important;
}
.msg-replies-div .edited_msg{
    right: auto;
    left: -20px;
}
.group-infobox{
    position: absolute;
    right: -440px;
    /*right: 0;*/
    width: 440px;
    height: 100%;
    top: 0;
    background: #ffffff;
    border-left: 1px solid #ccc;
    z-index: 1021;
    -webkit-transition: right .25s ease-out;
    -moz-transition: right .25s ease-out;
    -o-transition: right .25s ease-out;
    transition: right .25s ease-out;
}
.chat-frame.open_groupinfo .group-infobox {
    right: 0;
}

.group-header{
    height: 80px;
    padding: 20px;
    border-bottom: 1px solid #CBCBCB;
}
.group-infobox .groupchat-body {
    height: calc(100% - 80px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
}
.groupImage{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.groupImage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;border-radius: 50%;
    left: 0; right: 0; top: 0; bottom: 0;
}
.group_devider{
    height: 2px;
    background-color: #bbbbbb;
    margin: 10px 0;
}
.groupmember-list .media-body{
    width: calc(100% - 50px);
}
.groupmember-list .media-body .msgchat-dropdown .dropdown-menu .dropdown-item i{
    font-size: 14px;
}
.groupmember-list .chat-profile{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.groupmember-list .media{
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0;
}
.groupimg-input{
    opacity: 0;
    position: absolute;
}
.groupimg-change{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    opacity: 0;
}
.groupimg-change a{
    color: #ffffff;
}
.groupImage:hover::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 0.7);
    z-index: 1;
}
.groupImage:hover .groupimg-change{
    opacity: 1;
    z-index: 1;
}

.groupparti_name{
    width: calc(100% - 70px);
}
.audio-div{
    min-width: 40%
}
.chat-audio.green-audio-player{
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    position: relative;
    width: 100%;
    height: 35px;
    min-width: unset;

}
/*.msg-replies-div .chat-audio.green-audio-player{
    margin-bottom: 20px;
}*/
.msg-sent-div .green-audio-player .slider .gap-progress{
    background-color: #f66e67;
}
.chat-audio.green-audio-player .holder{
    width: 26px;
    height: 26px;
    background: #f66e67;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 0;
}
.msg-replies-div .chat-audio.green-audio-player .holder{
    background: #ffffff;
}
.green-audio-player .holder .play-pause-btn{
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
}
.chat-audio.green-audio-player .holder svg{
    margin: 0;
    padding: 0;
    width: 7px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.chat-audio.green-audio-player .holder svg *{
    fill: #ffffff;
}
.msg-replies-div .chat-audio.green-audio-player .holder svg *{
    fill: #f66e67;
}
.chat-audio.green-audio-player .slider .gap-progress .pin,
.chat-audio.green-audio-player .slider .progress{
    background-color: #f66e67;
}
.msg-replies-div .chat-audio.green-audio-player .slider .gap-progress .pin,
.msg-replies-div .chat-audio.green-audio-player .slider .progress{
    background-color: #ffffff;
}
.chat-audio.green-audio-player .holder .loading .loading__spinner{
    left: 5px;
    bottom: 5px;
}
.chat-audio.green-audio-player .volume{display: none;}
.chat-audio.green-audio-player .controls{
    margin-left: 0;
    margin-right: 25px !important;
}
.chat-audio .controls__total-time{display: none;}
.chat-audio.green-audio-player .controls span{
    color: #000000;
    line-height: 1;
    font-size: 16px;
}
.msg-replies-div .chat-audio.green-audio-player .controls span{
    color: #ffffff;
}

.chat_date{
    text-align: center;
    position: relative;
    z-index: 1;
}
.chat_date:before{
    content: '';
    background: #f0f0f0;
    height: 2px;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.chat_date span{
    background: #ffffff;
    padding: 0 10px;
    color: #bbbbbb;
}
.chat-progress{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    margin: 0 auto;
    transform: translate(-50%, -50%);
}
.chat-progress .progress{
    height: 0.5rem;
    background-color: #bbbbbb;

}
.chat-progress .progress-bar{
    background-color: #ffffff;
}
.progress_percent{
    position: absolute;
    top: -22px;
    right: 0;
    font-weight: 800;
    font-size: 14px;
    text-shadow: 0px 2px 7px #000000;
    color: #ffffff;
    width: 100%;
    text-align: center;
}
.pdf_div{
    width: 230px;
    display: block;
}
.pdf_div p.chat_pdfsize{
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1;
}
.pdf_div p.chat_pdficon{font-size: 14px;}
.pdf_div p.chat_pdficon i{
    font-size: 30px;margin-right: 0.5rem;
}
.msg-sent .text-white{
    color: #000!important;
}
.msg-sent .pdf_div .border-top{
    border-top: 1px solid #000000!important;
}
.img-reply-div{
    background-color: rgb(255 255 255 / 48%);
    border-radius: 5px;
    overflow: hidden;
    padding: 5px;
    border-left: 3px solid #000;
    width: 190px;
}
.img-reply-div p{
    color: #000000;font-size: 14px;width: calc(100% - 65px);
}
.img-reply-div p.audio_div{
    width: 100%;
}
.img-reply-div img.imgreply_img{
    width: 60px;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
}
.noti_btn.chat_acceptdecline .btn{
    font-size: 16px;
    line-height: 24px;
    min-width: 130px;
    margin-bottom: 10px;
    font-family: 'latoregular';
}
@media (min-width: 768px) {
    .right-message-list{
        width: calc(100% - 440px);

    }
    .left-chat-list{
        width: 440px;
    }
}

@media (max-width:1200px) {
    .msg-sent-div,
    .msg-replies-div{
        max-width: 450px;
    }
}
@media (max-width:991px) {
    .page-container {
        padding: 20px 0;
    }
    .chat-tabs{
        margin-bottom: 20px;
    }
    .chat-frame{
        height: 72vh;
    }
    .right-message-list{
        width: 100%;
    }
    .left-chat-list{
        width: 340px;
        position: absolute;
        left: -355px;
    }
    .group-infobox{
        width: 340px;
    }
    .chat-frame.toggled .left-chat-list{
        left: 0;
    }
    .message-list ul li.typing_li{
        padding-left: 0;
    }
}
@media (max-width: 575px) {
    .left-chat-list{
        width: 100%;
        position: absolute;
        left: -100%;
    }
    .right-message-list .chat-header .media{
        width: calc(100% - 40px);
    }
    .right-message-list .chat-header .media .media-body{
        width: calc(100% - 60px);
    }
    .right-message-list .chat-header .chat-overflow{
        padding-right: 0;
    }
    .right-message-list .chat-body{
        padding: 20px 10px;
    }
    .chat-tabs.nav-tabs .nav-item{
        width: 50%;
    }
    .chat-btn{width: 100%;min-width: 100%;}
    .msg-sent-div,
    .msg-replies-div,
    .msg-sent-div.msg-img, .msg-replies-div.msg-img{
        max-width: 75%;
    }
    .chat-frame.toggled .left-chat-list{
        width: 100%;
    }
    .group-infobox {
        width: 100%;
        right: -100%;
    }
    .audio-div{
        min-width: 75%;
    }
    .hd_roomePrice{
        text-align: center;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .hd_roomePrice .house_price{
        justify-content: center;
        margin-top: 0;
        margin-bottom: 0;
    }
    .hd_roomePrice .member-rooms li:first-child{
        padding-right: 15px;
    }
    .hd_roomePrice .member-rooms li:last-child{
        padding-left: 15px;
    }
    .hd_roomePrice .f-30px{
        font-size: 24px;
    }
    .hd_roomePrice .f-20px{
        font-size: 14px;
    }
    .pdf_div{
        width: 160px;
    }
    .img-reply-div{
        width: 170px;
    }
    .img-reply-div p{font-size: 12px;line-height: 1.4;}
    .img-reply-div img.imgreply_img{width: 50px;height: 40px;}
    .chat-frame{
        height: 85vh;
    }
    .right-message-list .chat-body{
        height: calc(100% - 130px);
    }
    .message-input{
        bottom: 5px;
        width: 100%;
        padding: 0 5px;
        border-radius: 21px;
    }
    .msg-sentbtn{
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        right: -5px;
    }
    .attach-file{
        right: 14%;
        font-size: 18px;
    }
    .emojionearea .emojionearea-editor{
        padding: 10px 65px 10px 30px !important;
    }
    .message-input .message_reply{
        padding-right: 2rem;
        padding-top: 10px;
    }
    .message-input .message_reply .fa-quote-left{
        left: 8px;
        top: 8px;
    }
    .message-input .reply_remove{
        top: 3px;
    }
    .agent_chatname{
        width: 70%;
    }

}
@media (max-width: 320px) {
    .hd_roomePrice .member-rooms{
        display: flex;
    }
    .hd_roomePrice .member-rooms li:first-child{
        padding-right: 10px;
    }
    .hd_roomePrice .member-rooms li:last-child{
        padding-left: 10px;
    }
    .hd_roomePrice .f-30px{
        font-size: 20px;
    }
    .hd_roomePrice .f-20px{
        font-size: 10px;
    }
    .hd_roomePrice .calender-badge{
        margin-left: 5px;
    }
    .hd_housereview{
        display: block;
        margin-top: 5px;
    }
}
audio{
    max-width: 100%;
    outline: 0;
}

@media (min-width: 1900px){
    .chat-frame{
        height: 68vh;
    }
}
.text-overflow{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text2-overflow{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.request-media{
    position: relative;
}
.request-media .chat-profile{
    width: 72px;
    height: 72px;
}
.request-media .uni_name{margin-bottom: 9px;}
.request-media .reqe-time{
    position: absolute;
    opacity: 0.5;
    top: 0;
    right: 0;
    font-size: 13px;
    font-family: 'latoregular';
}
.request-btn{
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.request-btn .btn{
    font-size: 14px;
    font-family: 'latobold';
    line-height: 15px;
    min-width: 104px;
    border-radius: 25px;
    text-align: center;
    padding: .563rem .75rem;
}
.request-btn .btn.btn-primary:hover{
    background-color: #ffffff;
    color: #F66E67;
}
.request-media .media-body{
    width: calc(100% - 87px);
    padding-right: 14rem;
}
.requestCard{
    margin-bottom: 20px;
}
.requestCard.newrequestCard{
    background-color: #eaeaea;
}
.requestCard .card-body{
    position: relative;
    padding: 15px 20px;
}
.requestModal .request-media .chat-profile{
    width: 36px;
    height: 36px;
}
.pageModal .select2-container,
.requestModal .select2-container{
    min-width: 100%;
}
.pageModal .form-control,
.requestModal .form-control{
    border: 0;
    border-bottom: 1px solid #7E7E7E;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    resize: none;
}
.pageModal .form-control:focus,
.requestModal .form-control:focus{
    box-shadow: none;
}
@media (max-width: 575px) {
    .request-media .media-body{
        padding-right: 0;
        width: calc(100% - 60px);
    }
    .request-media .media-body p:first-child{
        padding-right: 60px;
    }
    .request-media .uni_name{
        margin-bottom: 0;
    }
    .request-media .chat-msg.text-overflow{
        white-space: unset;
        overflow: unset;
        text-overflow: unset;
        line-height: 1.4;
    }
    .request-media .chat-profile{
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .request-btn{
        position: relative;
        right: auto;
        bottom: auto;
        text-align: center;
        margin-top: 10px;
    }
}



/* ********************
  Footer CSS
******************** */
.front-footer{
    height: 80px;
    padding: 15px 0;
    color: #797979;
    box-shadow: 0 0.5rem 1rem 1rem rgba(0,0,0,.15)!important;
}
.front-footer p{
    color: #797979;
}
.pagefooter_ul{
    width: calc(100% - 110px);
}
.pagefooter_ul li{
    display: inline-block;
    padding-right: 30px;
}
.pagefooter_ul li:last-child{
    padding-right: 0;
}
.pagefooter_ul li a{
    color: #797979;
    font-size: 15px;
}
.pagefooter_ul li a:hover{
    color: #F66E67;
}
.footerpage-container{
    padding: 28px 0 50px;
}
.footerpages-card p{
    font-size: 15px;
    margin-bottom: 30px;
}
@media (max-width:991.98px) {

}
@media (max-width: 575px){
    .pagefooter_ul{
        margin-bottom: 10px;
        width: 100%;
        display: inline-block;
    }
    .pagefooter_ul li{
        display: block;
        padding-right: 0;
        width: 50%;
        float: left;
        text-align: left;
    }
    .front-footer{
        height: auto;
        text-align: center;
    }
}


/* ********************
  Looking For Section
******************** */
.looking-section{
    padding: 40px 0;
}
.lookings-tabs{
    border: 0;
}
.lookings-tabs .looking-btn{
    border: 1px solid transparent;
    box-shadow: 0 0 1rem rgba(0,0,0, .10);
    border-radius: 10px;
    color: #000000;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: 'latosemibold';
    padding: 10px 20px;
}
.lookings-tabs .looking-btn.active,
.lookings-tabs .looking-btn:hover{
    border-color: #F66E67;
    /*background-color: #F66E67;*/
    color: #F66E67;
    box-shadow: none;
}

.lookings-tabs .looking-btn svg{
    width: auto;
    height: 28px;
    margin-right: 10px;
}
/*.lookings-tabs .looking-btn:hover .svg-icon path,
.lookings-tabs .looking-btn.active .svg-icon path{
    fill: #ffffff;
}*/

.lookings-tabs .nav-item{
    margin-bottom: 0;
    margin: 0 5px;
}
.gridlist-tabs{
    border: 0;
}
.gridlist-tabs.nav-tabs .nav-item{margin-bottom: 0;}
.gridlist-btn{
    border: 1px solid #CBCBCB;
    border-radius: 100px;
    min-width: 115px;
    font-size: 15px;
    padding: 0.344rem 16px;
    font-family: 'latoregular';
    display: flex;
    align-items: center;
}
.mr-7half{
    margin-right: 7.5px;
}
.gridlist-btn.active{
    background-color: #F66E67;
    color: #ffffff;
    border-color: #F66E67;
}
.gridlist-btn.active svg {
    fill: #fff;
}
.gridlist-btn.maptab-btn.active svg path{
    stroke: #ffffff;
    fill: #fff;
}
.gridlist-btn.maptab-btn.active svg circle{
    stroke: #ffffff;
    fill: #f76e67;
}
.gridlist-tabs li:first-child .gridlist-btn{
    border-radius: 100px 0 0 100px;
}
.gridlist-tabs li:last-child .gridlist-btn{
    border-radius:  0 100px 100px 0 ;
}
.btn-gray{
    background-color: #E5E5E5;
    color: #000000;
}
.filterpost-btn .btn{
    font-size: 15px;
    border-radius: 30px;
    padding: 0.344rem 16px;
    min-width: 115px;
}
.filter_sorting{
    font-size: 15px;
    border-radius: 30px;
    border: 0;
    height: calc(1.4em + .75rem + 2px);
    line-height: 1.4;
    width: auto;
}
.house-listview .card{border-radius: 10px;margin-bottom: 15px;}
.house-listview .card-body{padding: 10px;}
.hr_image{
    width: 290px;
    height: 200px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 30px;
}
.hr_image img.hrImage{
    position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;
}
.hr_image .save_anchur{
    position: absolute;
    right: 10px;
    top: 10px;
}
.imgfitbox{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}
.hr_mediabody{
    width: calc(100% - 320px);
}
.house_namedetail{
    width: calc(100% - 260px);
}
.gridview-card .house_namedetail{
    width: calc(100% - 140px);
}
.postedby{
    font-size: 12px;
    background-color: #FDE2E0;
    color: #000000;
    padding: 5px 7px;
    border-radius: 5px;
    margin-right: 15px;
    line-height: 1.4;
}
.gridview-card .postedby{
    margin-right: 0;
    max-width: calc(100% - 125px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.house-review{
    display: inline-block;
}
.house-review i{
    color: #F76E67;
}
.house-review .ml-10px{
    margin-left: 1px;
}
.gridview-card .house-review{font-size: 12px;}
.house_number span{
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translate(-50%,-50%);
}
.house_number img{
    width: 30px;
    height: 32px;
    padding: 3px;
}
.group_number span{
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #f66e67;
    color: #ffffff;
    min-width: 19px;
    height: 19px;
    line-height: 19px;
    padding: 0 4px;
    border-radius: 14px;
    text-align: center;
}
.house-discription{
    color: #797979;
    font-size: 15px;
    width: calc(100% - 260px);
    line-height: 25px;
    height: 50px;
}
.house-discription.lato_font ul,.house-discription.lato_font ol{
    margin: 0 !important;
}
.house-discription div,.house-discription b,
.house-discription ul li,.house-discription ol li,
.house-discription p,.house-discription span{
    font-size: 15px !important;
    font-family: 'Lato', sans-serif !important;
}
.calender-badge{position: relative;margin-left: 10px;}
.calender-badge .badge{
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    background: #f46d66;
    color: #ffffff;
    padding: 0;
    border-radius: 15px;
    position: absolute;
    right: -5px;
    top: -5px;
    padding: 0 2px;
}
.house-action li{
    display: inline-block;
    text-align: center;
    margin-right: 60px;
    min-width: 40px;
}
.house-action li:last-child{
    margin-right: 0;
}
.house-action a{
    display: inline-block;
    position: relative;
}
.house-action a .badge_round{
    position: absolute;
    top: -13px;
    right: 0;
    background-color: #f66e67;
    color: #ffffff !important;
    min-width: 19px;
    height: 19px;
    line-height: 19px;
    padding: 0 4px;
    border-radius: 14px;
    text-align: center;
}
.house-action a img,
.house-action a .svg-icon{
    height: 25px;
    width: auto;
    object-fit: contain;
}
.house-action a span{
    color: #7F7F7F;
    margin-top: 5px;
    line-height: 1.2;
}
.gridview-card .house-action a span{
    font-size: 12px;
}
.house-action a:hover span{
    color: #000000;
}
.viewHouse-btn{
    font-size: 15px;
    border-radius: 100px;
    margin: 10px 0;
}
.socialModal .chat-profile{
    width: 42px;
    height: 42px;
    margin-right: 10px;
}
.socialModal .uni_name{
    color: #505050;
    opacity: 1;
}
.social_ul li{
    display: inline-block;
    padding: 0 20px;
}
.social_ul li:first-child{
    padding-left: 0;
}
.social_ul li:last-child{
    padding-right: 0;
}
.social_ul li .btn,.actionBtn{
    width: 28px;
    height: 28px;
    padding: 0;
    line-height: 28px;
    color: #D3D3D3;
    border-color: #D3D3D3;
    border-radius: 50%;
    font-size: 14px;
}
.social_ul li a{
    display: inline-block;
}
.social_ul li .btn.active,.actionBtn.active{
    color: #F66E67;
    border-color: #F66E67;
}
.social_ul li img{
    width: 28px;
}
.social_ul li:last-child {
    border-left: 1px solid #9F9F9F;
}
.social_ul li:nth-child(1){
    border-left: 0;
}
.member_socialul li{
    display: inline-block;
    padding: 0 20px;
}
.member_socialul li:first-child{padding-left: 0;}
.member_socialul li img{
    width: 28px;
}
.mygroup-member .member_socialul .svg-icon {
    width: 28px;
    height: 28px;
}
.member-media{
    width: calc(100% - 145px);
}
.member-media.hd-member-media{
    width: calc(100% - 100px);
}
.member-media .media-body{
    width: calc(100% - 75px);
}
.socialModal .modal-body li.social_li:first-child{
    padding-top: 0;
}
.socialModal .modal-body li.social_li{
    border-bottom: 1px solid #CBCBCB;
    padding: 10px 0;
}
.page-dropdown .dropdown-menu{
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    padding: 0;
    border: 1px solid #D3D3D3;
    border-radius: 10px;
}
.report-dropdown .dropdown-menu{
    min-width: 113px;
}
.report-dropdown .dropdown-menu img{
    width: auto;
    height: auto;
}
.report-dropdown .dropdown-item:focus,
.report-dropdown .dropdown-item:hover{
    background-color: transparent;
}
.dropdown.page-dropdown > .dropdown-menu:before{
    display: none;
}
.page-dropdown.dropleft .dropdown-toggle::before {
    display: none;
}
.dropdown-menu.share-socialIcon{
    padding: 10px;
    margin: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}
.show>.dropdown-menu.share-socialIcon {
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: -100% !important;
    margin-top: -10px;
}
.gridview-card .show>.dropdown-menu.share-socialIcon{
    left: -7% !important;
}
.share-socialIcon a{
    width: 30px;
    height: 30px;
    background-color: #f66e67;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    border-radius: 8px;
    font-size: 18px;
    margin-right: 5px;padding: 0;
}
.share-socialIcon a:last-child{
    margin-right: 0;
}
.dropdown > .dropdown-menu.share-socialIcon:before {
    content: '';
    position: absolute !important;
    top: 96%;
    right: 44%;
    bottom: 0;
    left: auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    transform: rotate(180deg);
}
.gridview-card .dropdown > .dropdown-menu.share-socialIcon:before{
    right: 22%;
}
.hd_sharedrop.show>.dropdown-menu.share-socialIcon{
    left: -100% !important;
    transform: translateX(-50%) !important;
    top: 100% !important;
    margin-top: 0;
}
.hd_sharedrop.dropdown > .dropdown-menu.share-socialIcon:before{
    top: -7px;
    right: 7px;
    transform: rotate(0);
}
@media (max-width:991px) {
    .lookings-tabs .nav-item{
        width: 45%;
        margin-bottom: 14px;
    }
    .lookings-tabs .looking-btn{
        justify-content: center;
    }
    .hr_image{
        width: 230px;
        height: 140px;
        margin-right: 15px;
    }
    .hr_mediabody{
        width: calc(100% - 245px);
    }
    .house-listview .card-body{
        padding-bottom: 5.5rem;
    }
    .house_mediabottom {
        position: absolute;
        left: 0;
        right: 0;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 25px;
    }
    .house-discription,
    .house_namedetail{
        width: calc(100% - 150px);
    }
    .house-action li{
        margin-right: 50px;
    }
    .lh_price.f-30px{
        font-size: 26px;
    }
    .lh_price .f-20px{
        font-size: 16px;
    }

}
@media (max-width:557px) {
    .lookings-tabs .nav-item{
        width: 90%;
        margin-bottom: 14px;
    }
    #listview{display: none;}
    .sort_lable{
        display: block;
        margin-bottom: 5px !important;
    }
    .gridview-card .show>.dropdown-menu.share-socialIcon{
        left: -50% !important;
    }
    .gridview-card .dropdown > .dropdown-menu.share-socialIcon:before {
        right: 20px;
    }
}
.card.gridview-card{
    border-radius: 10px;
}
.grid-row{
    margin-right: -10px;
    margin-left: -10px;
}
.grid-col{
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
}
.gridview-card .card-body{
    padding: 12px;
}
.gridview-card .hr_image{
    width: 100%;
    height: 220px;
}
.gridview-card .house-discription{
    width: 100%;
    -webkit-line-clamp: 4;
    height: 100px;
}
.gridview-card .house-action{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 14px;
    justify-content: center;
}
.gridview-card .house-action li{
    margin-right: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.gridview-card .hr_name{
    display: inline-block;
    max-width: 80%;
}
@media (max-width: 1200px){
    .gridview-card .house-review span{
        /*        margin-left: 5px;
                font-size: 14px;*/
    }
    .gridview-card .house-action a span{font-size: 10px;}
    .gridview-card .house-review i{font-size: 12px;}
    .gridview-card .postedby{margin-right: 0;}

}
@media (max-width: 575px){

    .gridview-card .postedby{
        margin-right: 0;
    }
    .gridview-card .house-review i{
        font-size: 12px;
    }
    .gridview-card .house-review .ml-10px{
        margin-left: 5px;
    }
    .gridview-card .viewHouse-btn{min-width: 100%;}
    .gridview-card .hr_name{
        max-width: 80%;
    }
}
@media (max-width:360px) {
    .gridview-card .house-review{
        display: block;
        /*margin-top: 5px;*/
    }
}

.page-pagination .page-link{
    color: #F66E67;
}
.page-pagination .page-link:focus{
    box-shadow: none;
}
.page-pagination .page-item.active .page-link{
    background-color: #F66E67;
    border-color: #F66E67;
}
.page-item.disabled .page-link{
    color: #000000;
}

/*Search Filter*/
.search_filter{
    width: 435px;
    padding: 30px 0;
    display: inline-block;
    height: 100vh;
    overflow-y: auto;
    position: fixed;
    right: -435px;
    top: 0;
    background-color: #ffffff;
    z-index: 1041;
    transition: all 0.5s ease 0s;
}

.search_filter.visible_filter{
    right: 0;
}
.openFilter{
    overflow: hidden;
    padding-right: 6px;
}
.openFilter:before{
    content: '';
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.close_filter{
    font-size: 25px;
}
.lable_filter{
    font-family: 'latoregular';
    color: #F66E67;
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}
.lable_filter span{
    color: #000000;
    font-size: 14px;
}
.filter-tabs{border: 0;}
.filter-tabs.nav-tabs .nav-item{
    margin-bottom: 0;
    width: 50%;
}
.btn-filtertab {
    border: 1px solid #CBCBCB;
    border-radius: 100px;
    min-width: 100%;
    font-size: 16px;
    padding: 0.438rem 16px;
    font-family: 'latoregular';
}
.btn-filtertab.active {
    background-color: #F66E67;
    color: #ffffff;
    border-color: #F66E67;
}
.filter-tabs li:first-child .btn-filtertab {
    border-radius: 100px 0 0 100px;
}
.filter-tabs li:last-child .btn-filtertab {
    border-radius: 0 100px 100px 0;
}
.selectCheckbox,
.selectRadiokbox{
    margin-bottom: 0;
    display: inline-block;
    position: relative;
}
.selectCheckbox input[type="checkbox"],
.selectRadiokbox input[type="radio"]{
    position: absolute;
    opacity: 0;
}
.selectCheckbox label,
.selectRadiokbox label{cursor: pointer;}
.selectCheckbox input[type="checkbox"] + label.checkboxLable,
.selectRadiokbox input[type="radio"] + label.radioLable{
    font-size: 16px;
    border-radius: 7px;
    padding: 8px 20px;
    line-height: 1.1;
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    text-align: center;
    display: inline-block;
    font-family: 'latoregular';
}
.bedrooms_count .selectRadiokbox input[type="radio"] + label.radioLable{
    min-width: 35px;
    padding: 8px;
}
.selectCheckbox input[type="checkbox"]:checked + label.checkboxLable,
.selectRadiokbox input[type="radio"]:checked + label.radioLable{
    background-color: #F66E67;
    border-color: #F66E67;
    color: #ffffff;
}

.slider_ui .noUi-horizontal{height: 5px;}
.slider_ui .noUi-target{
    background: #CBCBCB;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}
.slider_ui .noUi-connect{background-color: #F66E67;}
.slider_ui .noUi-handle:after,
.slider_ui .noUi-handle:before{
    display: none;
}
.slider_ui .noUi-horizontal .noUi-handle{
    width: 17px;
    height: 17px;
    right: -16px;
    top: -6px;
    border-radius: 50%;
    box-shadow: none;
    background-color: #f66e67;
    border-color: #f66e67;
    outline: 0;
}
.select-university{
    position: relative;
}
.select-university i{
    position: absolute;
    left: 0;
    top: 12px;
}
.openFilter .select-university i{
    top: 8px;
}
.select-university .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-left: 24px;
}
.filter-bottom .btn{
    font-size: 16px;
    font-family: 'latosemibold';
    border-radius: 30px;
}
.filter-bottom{
    margin-right: -5px;
    margin-left: -5px;
    margin-top: 40px;
}
.filter-bottom .col-6{
    padding-right: 5px;
    padding-left: 5px;
}

.drop_lable{
    width: calc(100% - 100px);

}
.drop_tolable{
    text-align: right;
    padding-right: 15px;
}

.openFilter .select2-container--open .select2-dropdown{
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    border: 0;
    line-height: 1.3;
}
.openFilter .select2-container--default .select2-selection--single .select2-selection__arrow,
.openFilter .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 30px;
}
.openFilter .select2-container--default .select2-selection--single,
.openFilter .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 30px;
}
.openFilter .select2-container--default .select2-results>.select2-results__options{
    max-height: 150px;
}
.openFilter .select2-container--default .select2-results>.select2-results__options{
    scrollbar-width: thin;
    scrollbar-color: #cccccc #fff;
}
.openFilter .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    height: 4px;
    width: 6px;
}

.openFilter .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    border-radius: 4px;
}

.openFilter .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    margin: 2px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.2);
}
.select2-distance .select2-search,
.no-search .select2-search {
    display:none
}
.select2-distance{
    box-shadow: none !important;
    background-color: transparent !important;
    text-align: right;
    border: 0 !important;
}
.select2-container--open .select2-distance.select2-dropdown{
    left: 15px;
}
.select2-distance .select2-results{
    width: 100px !important;
    display: inline-block; text-align: left;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    border: 0;
    line-height: 1.3;
    background-color: #fff;
}
.openFilter .select2-container{
    max-width: 100%;
}
.openFilter .select2-container--default .select2-selection--single{
    border-color: #dee2e6;
}
.filter_maintitle{
    padding: 0 20px;
}
.filter_ullist li{
    padding: 20px 20px;
    border-bottom: 1px solid #dee2e6;
    position: relative;
}
.filter_ullist li .form-group{
    margin-bottom: 0;
}
.filter_ullist li .lable_filter.mb-0{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(20px, -50%);
}
.range_div .dropdown > .dropdown-menu:before,
.dropdown.location-drop > .dropdown-menu:before{
    display: none;
}
.range_div .dropdown-menu{
    -webkit-transition: unset;
    -o-transition: unset;
    transition: unset;
    padding: 5px 0;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    border-radius: 0;
}
.min_value,.max_value{
    font-size: 13px;
    display: block;
    padding: 5px 10px;
}
.max_value.disabled{
    opacity: 0.5;
}
.range_div .dropdown-menu a{
    line-height: 1.4;
}
.range_div .dropdown-menu a:hover{
    background-color: #f66e67;
    color: #ffffff;
}
.to_span{
    opacity: 1;
    position: relative;
    top: -1px;
}
.range_div{
    width: 100%;
    display: inline-block;
    text-align: right;
}
.range_value{
    text-align: right;

}
.dropdown.investRange{
    display: inline-block;
    width: 100%;
}
.range_div .select2-selection__arrow{
    display: none !important;
}
.range_div .select2-container .select2-selection--single .select2-selection__rendered{
    margin-right: -37px;
    padding-right: 37px;
}
.range_div .select2-container--default .select2-selection--single{
    border-bottom: 0;
}
.filter_ullist li.filter_footerli {
    border-bottom: 0;
}
.filter_ullist li.advance_filter .form-group{
    margin-bottom: 1rem;
}
.filter_card .looking_for{
    padding: 0 20px;
}
.filter_card .looking_for .mb-25px{
    margin-bottom: 0;
}
.sortLoader{
    position: relative;
}
.sortLoader:after{
    content: '';
    background: url(../img/white-loader.svg);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background-size: contain;
    z-index: 1060;
}
@media (max-width: 575px){
    .search_filter{
        width: 100%;
        padding: 15px 0;
        padding-bottom: 5rem;
        right: -100%;
    }
    .search_filter .mb-30px{
        margin-bottom: 20px;
        font-size: 24px;
    }
    .search_filter .mb-25px{
        margin-bottom: 5px;
    }
    .filter-tabs.nav-tabs .nav-item {
        width: 50%;
    }
    .btn-filtertab{
        min-width: 100%;
    }
    .search_filter .filter-bottom{
        right: -435px;
        transition: all 0.5s ease 0s;
    }
    .openFilter .search_filter .filter-bottom{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #ffffff;
        z-index: 1;
        padding: 15px 10px;
        box-shadow: 0 0.5rem 1rem 1rem rgba(0,0,0,.15)!important;
    }
    .filter_ullist li.filter_footerli{
        padding: 0;
    }

}


/*House Detail page CSS*/

.hd_likeshare a.hd_likeshare_anchur,.save_anchur{
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    display: inline-block;
    border-radius: 5px;
    position: relative;
    margin-left: 10px;
    border-radius: 50%;
}
.hd_likeshare .svg-icon,
.save_anchur .svg-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 16px;
}
.houseimg-slider .houseimg-image {
    width: 100%;
    height: 490px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}
.houseimg-slider .houseimg-image img,
.houseimg-slider-nav .houseimg-image img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.houseimg-slider-nav .houseimg-image img{
    filter: blur(2px);
    -webkit-filter: blur(2px);
}
.houseimg-slider-nav .is-active img{
    filter: blur(0);
    -webkit-filter: blur(0);
}
.houseimg-slider-nav .houseimg-image {
    height: 95px;
    border-radius: 5px;
    margin: 0 10px;
    overflow: hidden;
    width: auto;
    position: relative;
}
.houseimg_gallery .slick-prev,
.houseimg_gallery .slick-next {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, .6);
    z-index: 1;
}
.houseimg_gallery .slick-slide{
    outline: 0;
}
.houseimg_gallery .slick-prev {
    left: 0;
}
.houseimg_gallery .slick-next {
    right: 0;
}

.houseimg_gallery .slick-prev:hover,.houseimg_gallery .slick-prev:focus,
.houseimg_gallery .slick-next:hover,.houseimg_gallery .slick-next:focus{
    background-color: #000000;
}
.houseimg_gallery .slick-prev:before,
.houseimg_gallery .slick-next:before{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.housedetail_member .chat-profile{
    width: 43px;
    height: 40px;
    margin-right: 10px;
}
.housedetail_member .member-media p{
    line-height: 1.2;
    word-break: break-word;
}
.housedetail_member .member_email{
    color: #505050;
}
.hd_memberlist {
    max-height: 380px;
    overflow-y: auto;
}
.hd_memberlist .social_ul li .btn{
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
}
.hd_memberlist .social_ul li svg{
    width: 23px;
    height: 23px;
}
.hd_memberlist .member-media{
    width: calc(100% - 120px);
}
.hd_memberlist .chat-profile{
    width: 60px;
    height: 64px;
}
.hd_memder{
    margin-bottom: 25px;
    padding: 1px 2px;
}
.hd_memder:last-child{
    margin-bottom: 0;
}
.hd_memder .social_ul li:nth-child(1){
    border-left: 0 !important
}
.house_detail {
    width: calc(100% - 200px);
}
.houseDetail_list .svg-icon{
    width: 18px;
    height: 15px;
    object-fit: contain;
    margin-top: -3px;
}
.houseDetail_list .hd_lable{
    color: #000000;
    margin-right: 30px;
}
.houseDetail_list .hd_ans{
    color: #797979;
}
.primary-svg *{
    stroke: #f66e67;
    opacity: 1;
}
.blank_data .roundBox .primary-svg.studentsvg *{
    fill: #fee9e8;
}
.primary-fillsvg{
    fill: #f66e67;
}
.hd_row{margin-right: -5px;margin-left: -5px;}
.hd_row .hd_col{padding-left: 5px;padding-right: 5px;margin-bottom: 20px;}

.dis_review_tab .nav-tabs .nav-item.show .nav-link,
.dis_review_tab .nav-tabs .nav-link.active{
    border: 0;
    border-bottom: 1px solid #CBCBCB;
}
.dis_review_tab .nav-tabs{
    border-bottom: 1px solid #CBCBCB;
}
.dis_review_tab .nav-tabs .nav-link{
    border: 0;
    font-size: 16px;
    font-family: 'latosemibold';
    color: #7F7F7F;
    padding: 15px 35px;
}
.dis_review_tab .nav-tabs .nav-link.active{
    border-color: #F66E67;
    color: #F66E67;
}
.dis_review_tab.mylist_reivewtab .nav-tabs .nav-link{
    width: 33.3333%;
    text-align: center;
    padding: 15px 5px;
}
.review-media .chat-profile{
    width: 60px;
    height: 60px;
}
.review_ul li{
    margin-bottom: 25px;
}
.review_paragraph{
    padding-left: 75px;
}
.member-rooms li{display: inline-block;text-align: center;}
.member-rooms .group_number {display: inline-block;}
.member-rooms li:first-child{padding-right: 25px;border-right: 1px solid #BEBEBE;}
.member-rooms li:last-child{padding-left: 25px;}

.reviewsec_list ul li{
    -webkit-box-shadow: 0 0.313rem 0.875rem rgb(45 49 54 / 9%);
    box-shadow: 0 0.313rem 0.875rem rgb(45 49 54 / 9%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.reviewsec_list .review_paragraph{
    padding-left: 0;
    margin-top: 5px;
}
@media (max-width: 575px){

    .houseimg-slider .houseimg-image {
        height: 250px;
    }
    .houseimg-slider-nav .houseimg-image{
        margin: 0 5px;
        height: 50px;
    }
    .dis_review_tab .nav-tabs .nav-link{
        width: 50%;
        text-align: center;
    }
    .house_detail {
        width: 100%;
    }
    .hd_memberlist .chat-profile{
        width: 50px;
        height: 50px;
    }
    .hd_memberlist .member-media,
    .housedetail_member .member-media{
        width: 100%;
    }
    .hd_memberlist .memberview_btn{
        margin-top: 10px;
        display: block;
    }
    .housedetail_member .social_ul{
        text-align: center;
        margin-top: 10px;
    }
    .housedetail_member .mt-20px{
        margin-top: 10px;
    }
    .review_paragraph{
        padding-left: 0px;
    }
    .reviewsec_list .review-media .chat-profile{
        width: 40px;
        height: 40px;
        margin-right: 8px;
    }
    .reviewsec_list h5.f-18px{
        font-size: 15px;
        margin-bottom: 0 !important;
    }
    .reviewsec_list .postedby{
        margin-left: 0 !important;
        display: inline-block;
    }
    .reviewsec_list .media-body{
        position: relative;
    }
    .reviewsec_list .reviewTime{
        position: absolute;
        bottom: 0;
        right: 0;
    }
}


/*Add Room*/
.locationIcon{
    position: absolute;
    right: 0;
    top: 8px
}
.total-rooms .selectRadiokbox input[type="radio"] + label.radioLable{
    height: 35px;
    min-width: 35px;
    padding: 0;
    line-height: 35px;
}
.input-calender,
.input-price{
    position: relative;
}
.input-calender i.fa-calendar{
    position: absolute;
    right: 0;
    top: 10px;
    background: #ffffff;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    pointer-events: none;
    outline: 0;
}
.input-calender input[type="date"]::-webkit-calendar-picker-indicator{
    outline: 0;
    color: transparent;
    opacity: 0;
    border-radius: 0;
}
.page_formgroup .form-control{
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #7E7E7E;
    padding: 0;
    font-size: 16px;
    color: #000000;
}
.page_formgroup .form-control:focus{
    box-shadow: none;
    border-color: #000000;
}
.input-price .fa-pound-sign,
.input-price .span_pcm{
    position: absolute;
    top: 12px;
    font-size: 16px;
    line-height: 1;
}
.input-price .fa-pound-sign{
    left: 0;
}
.input-price .span_pcm{
    right: 0;
}
.page_formgroup .input-price .form-control {
    padding: 0 20px;
}
.othersroom_ul li{
    display: inline-block;
    padding-right: 50px;
}
.othersroom_ul li:last-child{
    padding-right: 0;
}
.page_formgroup .select2-container--default .select2-selection--multiple{
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #7E7E7E;
}
.page_formgroup .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background: #ffffff;
    border-color: #000000;
}
.page_formgroup .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #000000;
    border: 0;
    float: right;
}
.page_formgroup .select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    padding-left: 5px;
}
.page_formgroup .select2-container {
    max-width: 100%;
}

.dropimg_box{
    height: 330px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.profile_imgdropbox{
    height: 200px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 10px;
}
.dropimg_box.gropindi_dropimg_box{height: 250px;}

.drop_zone,.profile_dropzone{
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #EAEAEA;
    border-radius: 10px;
}
.profile_dropzone img{
    position: absolute;
    left: 0;right: 0;top: 0;bottom: 0;
    width: 100%;
    height: 100%;z-index: 1;
    object-fit: cover;
}
.input_removebtn{
    position: absolute;
    z-index: 1;
    right: 0;
}
.house_round{
    width: 68px;
    height: 68px;
    border: 1px solid #CFCFCF;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
}
.house_round .svg-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.house_round .svg-icon *{
    stroke : #CFCFCF;
    opacity: 1;
}
.profile_dropzone .house_round{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 0;
}
.middleDrop{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.editimg_btn{
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: 0;
    font-size: 12px;
}
.addimg_btn,.removeimg_btn,.editimg_btn{
    background-color: #ffffff;
    color: #F66E67;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    margin: 10px;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    font-size: 14px;
}
.addimg_btn i, .removeimg_btn i{
    line-height: unset;
}
.addimg_btn:focus,
.removeimg_btn:focus{
    color: #F66E67;
}
.img_input{
    position: absolute;
    opacity: 0;
}
.uploadimage{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.houseimg-slider .slick-prev,
.houseimg-slider .slick-next {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, .6);
    z-index: 1;
}
.houseimg-slider .slick-prev {
    left: 0;
}
.houseimg-slider .slick-next {
    right: 0;
}

.houseimg-slider .slick-prev:hover,.houseimg-slider .slick-prev:focus,
.houseimg-slider .slick-next:hover,.houseimg-slider .slick-next:focus{
    background-color: #000000;
}
.houseimg-slider .slick-prev:before,
.houseimg-slider .slick-next:before{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.uploadimage .houseimg-slider .houseimg-image{
    height: 330px;
}
.gropindi_dropimg_box .uploadimage .houseimg-slider .houseimg-image{
    height: 250px;
}

.deleteImage{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #000000;
    color: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    opacity: 0;
}
.deleteImage:hover,.deleteImage:focus{
    color: #ffffff;
}

.uploadimage .houseimg-slider .houseimg-image:before{
    content: '';
    background: rgb(0 0 0 / 0.60);
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    opacity: 0;
}
.uploadimage .houseimg-slider .houseimg-image:hover::before{
    opacity: 1
}
.uploadimage .houseimg-slider .houseimg-image:hover .deleteImage{
    opacity: 1;
    z-index: 1;
}

@media (max-width: 1200px){
    .profile_imgdropbox{
        height: 150px;
    }
}
@media (max-width: 991px){
    .profile_imgdropbox{
        height: 120px;
    }
    .profile_imgdropbox .house_round{
        width: 45px;
        height: 45px;
    }
    .profile_imgdropbox .house_round .svg-icon{
        width: 20px;
        height: 20px;
    }
    .addimg_btn, .removeimg_btn {
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin: 5px;
        font-size: 12px;
    }
}
@media (max-width: 575px){
    .addroombtn{
        min-width: 100%;
    }
    .profile_imgdropbox{
        height: 120px;
    }
    .profile_imgdropbox .house_round{
        width: 45px;
        height: 45px;
    }
    .profile_imgdropbox .house_round .svg-icon{
        width: 20px;
        height: 20px;
    }
    .addimg_btn, .removeimg_btn {
        width: 20px;
        height: 20px;
        line-height: 20px;
        margin: 5px;
    }

}
@media (max-width: 320px){
    .profile_imgdropbox {
        height: 100px;
    }
}


/*Post individual/Group*/
.social-control{
    border-bottom: 1px solid #7E7E7E;
    color: #000000;
    position: relative;
    min-height: 38px;
    padding: 10px 50px 10px 40px;
    line-height: 27px;
}
.social-control .actionBtn,
.social-control .switchdiv{
    position: absolute;
    top: 23px;
    transform: translate(0, -50%);
}

.social-control .actionBtn{
    left: 0;
}
.social-control .switchdiv{
    right: 0;
    line-height: 1;
}
.social-control .form-control{
    height: auto;
    border: 0;
    padding: 0;
}
.social-control .form-control:focus{
    box-shadow: none;
}

/*My House My Group CSS*/
.housegroup-tabs{border: 0;}
.housegroup-tabs.nav-tabs .nav-item{margin-bottom: 0;}
.housegroup-btn {
    border: 1px solid #CBCBCB;
    border-radius: 100px;
    min-width: 276px;
    font-size: 20px;
    padding: 0.626rem 16px;
    font-family: 'latoregular';
    text-align: center;
    display: inline-block;
}
.housegroup-btn.active {
    background-color: #F66E67;
    color: #ffffff;
    border-color: #F66E67;
}
.housegroup-tabs li:first-child .housegroup-btn{border-radius: 100px 0 0 100px;}
.housegroup-tabs li:last-child .housegroup-btn{border-radius: 0 100px 100px 0;}

.houseimg-slider.housegroup-slider .houseimg-image{
    height: 250px;
}
/*.houseimg-slider.housegroup-slider .slick-track{
    width: 100% !important;
}*/
.myhouse-tabs.nav-tabs .nav-item{margin-bottom: -2px;}
.myhouse-tabs.nav-tabs .nav-link{border: 0;border-bottom: 2px solid #dee2e6;font-size: 16px;color: #7F7F7F;padding: 20px 35px;font-family: 'latosemibold';
                                 font-weight: normal;}
.myhouse-tabs.nav-tabs .nav-link.active{color: #F66E67;border-color: #F66E67;}
.housedis_div p{font-size: 15px;}

.bill-box{
    border: 1px solid #CBCBCB;
    border-radius: 10px;
}
.bill_image a.bill_anchur{
    display: inline-block;width: 100%;
    padding-bottom: 270px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.bill-box.documentBox{
    height: 100%;
}
.bill-box.documentBox .bill_image a.bill_anchur{
    padding-bottom: 200px;
    display: block;
}
.bill_image .doc-upload{
    display: inline-block;width: 100%;
    padding-bottom: 192px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.bill_image .doc-upload .doc-uploadbtn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    min-width: 180px;
}
.bill_image img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.bill-box.documentBox .bill_image img.docImg{
    object-fit: contain;
    padding: 20px;
}

.page-dropdown.bill-dropdown .dropdown-menu{min-width: 125px;}
.page-dropdown.bill-dropdown .dropdown-menu .dropdown-item{
    padding: 5px 10px;
}
.bill-row{
    margin-right: -7.5px;
    margin-left: -7.5px;
}
.bill-col{
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 20px;
}
.billdropimg_box{
    height: 210px;
    width: 220px;
    display: inline-block;
}
.billimageupload:hover .deleteImage{
    opacity: 1;
}
.documentPreview{
    height: 208px;
    object-fit: cover;
    width: 100%;
}
.documentPreview.documentPreview_doc{
    height: auto;
    object-fit: contain;
    width: auto;
}
.amount_input{
    position: relative;
}
.amount_input .form-control{
    padding-left: 2rem !important;
}
.amount_input i{
    position: absolute;
    top: 12px;
    left: 0;
}
.blank_data .roundBox{
    width: 126px;
    height: 126px;
    background-color: #FEE9E8;
    display: inline-block;
    border-radius: 50%;
    position: relative;
}
.blank_data .roundBox .middle-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
}
.blank_data .roundBox .blank_dataIcon{
    position: absolute;
    left: 50%;
    top: 54%;
    transform: translate(-50%, -50%);
    color: #eb6963;
    font-size: 20px;
}
.randomiser_row{
    margin-right: -4px;
    margin-left: -4px;
}
.randomiser_col{
    padding-right: 4px;
    padding-left: 4px;
}
.randomiser_col .chat-profile{
    width: 35px;
    height: 35px;
    margin-right: 10px;
}
.min-h-35{
    min-height: 35px;
}
.randomiser_col .media p.f-16px{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mygroup-member{
    padding: 15px 0;
    border-bottom: 1px solid #CBCBCB;
}
.mygroup-member .chat-profile{
    width: 42px;
    height: 41px;
    margin-right: 10px;
}
.mygroup-member .uni_name{
    color: #505050;
    opacity: 1;
}
.mygroup-member .roome-btn{
    font-size: 11px;
    font-family: 'latosemibold';
    font-weight: normal;
    padding: .289rem .824rem;
}
/*.mygroup-member .social_ul li:first-child{border-right: 1px solid #9F9F9F;}*/
.border-right-1{border-right: 1px solid #9F9F9F;}
.border-left-1{border-left: 1px solid #9F9F9F;}
.mygroup-member .social_ul li:last-child{border-left: 0;padding: 0;}
.mygroup-member .member-media{
    width: calc(100% - 250px);
}
.mygroup-member .social_ul .svg-icon{width: 28px;height: 28px;}
.member-row,.group-row{
    margin-right: -10px;
    margin-left: -10px;
}
.member-row .member-col,.group-col{
    padding-right: 10px;
    padding-left: 10px;
}
.group-box{
    margin-bottom: 20px;
}
.group-box .chat-profile{
    margin-right: 0;
    width: 56px;
    height: 55px;
    margin-bottom: 5px;
}
.group-box .social_ul .svg-icon{
    width: 28px;
    height: 28px;
}
.group-box .uni_name{
    color: #505050;
    opacity: 1;
    margin-bottom: 10px;
}
.group-btns .btn{
    margin-bottom: 10px;
}
@media (max-width: 575px){
    .myhouse-tabs.nav-tabs .nav-item{
        width: 33.33%;
    }
    .myhouse-tabs.nav-tabs .nav-link{
        padding: 20px 5px;
        text-align: center;
    }
    .housegroup-tabs.nav-tabs .nav-item{
        width: 50%;
    }
    .housegroup-btn{
        min-width: 100%;
    }
    .mygroup-member .member-media {
        width: 100%;
    }
    .mygroup-member .social_ul,
    .mygroup-member .member_socialul{
        margin-top: 10px;
        overflow: hidden;
    }
    .viewpro_li{
        float: right;
    }
    .member_socialul li:first-child{padding-left: 0;}
    .mygroup-member .social_ul li:nth-child(1),
    .mygroup-member .social_ul li:nth-child(2){
        float: left;
    }
    .mygroup-member .social_ul li:nth-child(3),
    .mygroup-member .social_ul li.viewprobtn_li{
        float: right;
    }


}

/*My Profile page CSS*/
.uploadimage .houseimg-slider.profileSlider .houseimg-image:hover::before{
    background: transparent;
}
.myprofile_ul{
    display: flex;
    justify-content: center;
}
.myprofile_ul li{
    display: inline-block;
    padding: 0 8px;
}
.myprofile_ul li:first-child{padding-left: 0;border-right: 1px solid #7F7F7F;}
.myprofile_ul li:last-child{padding-right: 0;}
.myprofile_ul li:nth-child(3){border-left: 1px solid #7F7F7F;}
.myprofile-tabs.nav-tabs .nav-item{margin-bottom: -2px;}
.myprofile-tabs.nav-tabs .nav-link{border: 0;border-bottom: 2px solid #dee2e6;font-size: 16px;color: #7F7F7F;padding: 20px 35px;font-family: 'latosemibold';
                                   font-weight: normal;}
.myprofile-tabs.nav-tabs .nav-link.active{color: #F66E67;border-color: #F66E67;}
.detailtab_ul li{
    display: inline-block;
    width: 150px;
    margin-bottom: 25px;
}
.detailtab_ul li .align-items-center{
    -ms-flex-align: start !important;
    align-items: start !important;
}
.detailtab_ul li p{
    line-height: 1.4;
    word-break: break-word;
    width: calc(100% - 20px);
    margin-top: -2px;
}
.detailtab_ul li svg{height: 20px;}
.profile_detaildis p{
    font-size: 15px;
    margin-bottom: 30px;
}
.roome-image{
    width: 100%;
    height: 219px;
    position: relative;
    border-radius: 10px;
}
.viewMessage_07{
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: rgb(0 0 0 / 0.7);
    color: #ffffff;
    font-size: 14px;
    border-radius: .25rem;
    padding: 5px 10px;
}
.houseimg_gallery .viewMessage_07{
    bottom: 110px;
}
.viewMessage_07 span{
    margin-right: 10px;
}
.viewMessage_07 span:last-child{
    margin-right: 0;
}
.viewMessage_07 span img{
    margin-right: 5px;
    width: auto;
    height: 16px;
    border-radius: 0;
    position: static;
}
.roome-image img{
    border-radius: 6px;
}
.myroomDropdown .dropdown-menu{
    min-width: 130px;
    overflow: hidden;
}
.myroomDropdown .dropdown-menu.mw-160px{
    min-width: 160px;
}
.myroomDropdown .dropdown-item{padding: 5px 10px;}
.myroomDropdown .dropdown-toggle{
    background-color: rgb(0 0 0 / 0.62);
    color: #ffffff;
    width: 31px;
    height: 31px;
    line-height: 31px;
    font-size: 18px;
    padding: 0 !important;
    text-align: center;
}
.myroomDropdown.iconWidth i.mr-2,
.myroomDropdown.iconWidth img.mr-2{
    width: 15px;
    text-align: center;
}
.myroomDropdown.iconWidth img.mr-2{
    object-fit: contain;
}
.roomerightDrop{
    position: absolute;
    right: 10px;
    top: 10px;
}
.isBoost{
    position: absolute;
    left: 10px;
    top: 10px;
    background-color: rgb(0 0 0 / 0.7);
    color: #ffffff;
    font-size: 14px;
    border-radius: .25rem;
    padding: 0 4px;

}
.isBoost i{
    font-size: 12px;
    margin-right: 2px;
}
.postedbyReivew .postedby{
    font-size: 12px;
    padding: 6px 7px;
    margin-right: 0;
    line-height: 1;
    max-width: calc(100% - 125px);
}
.postedbyReivew .house-review{
    font-size: 12px;
}

.page-towtabs{border: 0;}
.page-towtabs.nav-tabs .nav-item{margin-bottom: 0;}
.page-towtabs .pagetowtabs-btn {
    border: 1px solid #CBCBCB;
    border-radius: 100px;
    min-width: 235px;
    font-size: 15px;
    padding: 0.438rem 16px;
    font-family: 'latoregular';
    text-align: center;
    display: inline-block;
}
.profileRow .page-towtabs .pagetowtabs-btn{
    min-width: 170px;
}
.page-towtabs .pagetowtabs-btn.active {
    background-color: #F66E67;
    color: #ffffff;
    border-color: #F66E67;
}
.page-towtabs li:first-child .pagetowtabs-btn{border-radius: 100px 0 0 100px;}
.page-towtabs li:last-child .pagetowtabs-btn{border-radius: 0 100px 100px 0;}
.myprofile-cardheader .scrtabs-tab-container,
.myprofile-cardheader .scrtabs-tab-scroll-arrow,
.myprofile-cardheader .scrtabs-tabs-fixed-container{
    height: 66px;
}
.myprofile-cardheader .scrtabs-tab-scroll-arrow{
    padding-top: 22px;
    color: #f66e67;
}
@media (max-width:991.98px) {
    .profileRow .f-16px{
        font-size: 10px;
    }
}
@media (max-width: 575px){
    .page-towtabs.nav-tabs .nav-item{
        width: 50%;
    }
    .otherprofile-tabs.nav-tabs .nav-item,
    .settings-profiletans.nav-tabs .nav-item{
        text-align: center;
        width: 50%;
    }
    .profileRow .page-towtabs .pagetowtabs-btn {
        min-width: 100%;
    }

    .profileRow .text-right{
        text-align: center!important;
        margin-top: 10px;
    }
    .page-towtabs .pagetowtabs-btn{
        min-width: 100%;
    }
    .myprofile-tabs.nav-tabs .nav-link{
        padding: 20px 20px;
    }
    .settings-profiletans.nav-tabs .nav-link{
        padding: 20px 10px;
        font-size: 14px;
    }
    .detailtab_ul li{
        width: auto;
        float: none;
        margin-right: 10px;
    }
}

/*Other Profile Page CSS*/
.addreview_ul li{
    display: inline-block;
}
.addreview_ul li i{
    color: #F66E67;
}
/*Settings page CSS*/
.settings_password .faIcon{
    position: absolute;
    top: 10px;
    left: 0;
}
.settings_password .pass_showhide{
    position: absolute;
    top: 10px;
    right: 0;
}
.settings_password .has-float-label .form-control{
    padding-left: 25px;
    padding-right: 20px;
}
.settings_password .has-float-label label,
.settings_password .has-float-label > span.form_lable{
    left: 25px;
}

/*Notification CSS*/

.noti-cardbody .notification-item{
    position: relative;
    padding: 15px 14px;
    border-bottom: 1px solid #F2F0F0;
}
.noti-cardbody .notification-item.new-notification{
    background-color: #F2F0F0;
}


@media (max-width: 575px){
    .noti-cardbody .noti_media{
        width: 100%;
    }
    .block_usercard .noti_media{
        width: calc(100% - 90px);
    }
    .noti-cardbody .noti_time{
        position: absolute;
        right: 14px;
        top: 14px;
    }
    .noti-cardbody .noti_btn{
        margin-top: 10px;
        text-align: center;
    }
    .noti-cardbody .noti-username{
        padding-right: 4rem;
    }
    .block_usercard .noti-cardbody .noti-username{
        padding-right: 0;
    }
    .block_usercard .noti-cardbody .notification-item{
        display: flex;
    }
}


/*Question page CSS*/
.question-progress {
    height: 5px;
    background-color: #FDDAD9;
    border-radius: 5px;
}
.question-progress .progress-bar{
    background-color: #F86E67;
    border-radius: 5px;
}

.reviewadd p{
    color: #f66e67;
    display: inline-block;
    font-size: 30px;
    position: relative;
}
.reviewadd input[type=checkbox]{
    opacity: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.question_cardbody{
    position: relative;
}
.skip_question{
    position: absolute;
    top: 25px;
    right: 25px;
}
.skip_question a{
    color: #f66e67;
    text-decoration: underline;
}
.skip_question a:hover{
    color: #000000;
}
.btnActive.btn-outline-dark{
    box-shadow: none !important;
}

.btnActive.btn-outline-dark.btn-primary{
    color: #ffffff;
    background-color: #F66E67;
    border-color: #F66E67;
}
.btnActive.btn-outline-dark:hover{
    color: #ffffff;
    background-color: #F66E67;
    border-color: #F66E67;
}
.btn-outline-dark:not(:disabled):not(.disabled):active{
    color: #fff;
    background-color: #f66e67;
    border-color: #f66e67;
}

/*Web landloard Groups css*/
.groups_ul li{}
.groups_ul .media-body{
    width: calc(100% - 75px);
}
.groups_ul .group_name{
    width: calc(100% - 100px);
}
.groups_ul.groups_ul_08 .group_name{
    width: calc(100% - 150px);
}
.groups_ul_08 .group_date{
    opacity: .5;
}
.lh-1_4{
    line-height: 1.4;
}
.groups_ul li:first-child .media{
    border-radius: 10px 10px 0 0;
}
.groups_ul li:last-child .media{
    border-radius: 0 0 10px 10px;
}
.groups_ul li .media{
    padding: 15px;
    border-bottom: 1px solid #CBCBCB;
    position: relative;
}
.groups_ul li .media.active{
    background-color: #F66E67;
    color: #ffffff;
}
.groups_ul li .media.active .group_date,
.groups_ul li .media.active .opacity_05{
    opacity: 1;
}
.groups_ul li .media.active *{
    color: #ffffff !important;;
}
.groups_ul li .media.active:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #f66e67;
    right: -20px;
    top: 50%;
    transform: translate(-50%, -50%);
}


.groups_row{
    min-height: 92vh;
    position: relative;
}
.group-memberlist{
    max-height: 550px;
    overflow-y: auto;
}

@media (max-width: 991px){
    .groups_ul li .media.active:after{
        display: none;
    }
}

@media (max-width: 575px){
    .min-w100Mobile{
        min-width: 100%;
    }
    .groups_ul_08 .chat-profile{
        width: 30px;
        height: 30px;
        margin-right: 5px;
        border-radius: 3px;
    }
    .groups_ul.groups_ul_08 .group_name{
        font-size: 13px;
        width: calc(100% - 120px);
    }
    .groups_ul.groups_ul_08 .f-13px{
        font-size: 10px;
        margin-top: -5px;
    }
    .groups_ul.groups_ul_08 .lh-1_4{
        font-size: 10px;
    }
}



/*Pre Sign Up  page CSS*/
.subsection-area {
    height: 170px;
    z-index: 1;
}
.subsection-area {
    background: rgba(0, 0, 0, 0) url(../img/background/welcome-bg.jpg) no-repeat scroll center center / cover;
}
.presign-tabs {
    border: 0;
}
.presign-tabs.nav-tabs .nav-item {
    margin-bottom: 0;
}

.btn-prisignup {
    border: 2px solid #f66e67;
    color: #f66e67;
    border-radius: 100px;
    min-width: 200px;
    font-size: 16px;
    padding: 0.438rem 16px;
    font-family: 'latosemibold';
}
.btn-prisignup.active {
    background-color: #f66e67;
    color: #ffffff;
    border-color: #f66e67;
}
.presign-tabs li:first-child .btn-prisignup {
    border-radius: 100px 0 0 100px;
}
.presign-tabs li:last-child .btn-prisignup {
    border-radius: 0 100px 100px 0;
}
.presign-card{
    -webkit-box-shadow: 0 0.313rem 0.875rem rgba(45, 49, 54, 0.09);
    box-shadow: 0 0.313rem 0.875rem rgba(45, 49, 54, 0.09);
    background-color: #fff;
    border-radius: 1rem;
    border: 0;
    background-color: #F8F8F8;
}
.question_title{
    position: relative;
    margin-bottom: 2rem;
}
.question_title::after {
    position: absolute;
    content: '';
    height: 5px;
    width: 70px;
    background-color: #F66E67;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.presign-card .form-control{
    font-size: 16px;
    height: calc(2em + 1rem + 2px);
    padding: 0 15px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.perform_savebtn{
    min-width: 250px;
    font-size: 18.5px;
    font-family: 'latosemibold';
    line-height: 1.95;
    padding: .375rem 1rem;
}
.custom-select2 .select2-container{
    min-width: 100%;
}
.custom-select2 .select2-container--default .select2-selection--single{
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    height: 50px;
}
.custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    width: 30px;
}
.custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 50px;
    padding-left: 15px;
    padding-right: 15px;
}
.custom-select2 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: #f66e67 !important;
}
.questep_ul li{
    display: inline-block;
    width: 33.33%;
    float: left;
    text-align: center
}
.stepno{
    background-color: #f0f0f0;
    color: #000000;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 25px;
    border-radius: 50%;
    margin-right: 10px;
}
.questep_ul {
    border: 0;
}
.questep_ul.nav-tabs .nav-link{
    border: 0;
    font-family: 'latosemibold';
    border-radius: 0;
    border-bottom: 2px solid rgb(246 110 103 / 53%);
    padding: 1rem 1rem;
    font-size: 16px;
}
.questep_ul.nav-tabs .nav-link.active{
    border-color: #f66e67;
    color: #f66e67;

}
.questep_ul.nav-tabs .nav-link.active .stepno{
    background-color: #f66e67;
    color: #ffffff;
}
.landloard-group{
    text-align: center;
}
.min-w-255{
    min-width: 255px;
}
@media (max-width: 575px){
    .subsection-area{
        height:170px;
    }
    .presign-card .card-body{
        padding: 1rem!important;
    }
    .presign-tabs{width: 100%;}
    .presign-tabs.nav-tabs .nav-item{
        width: 50%;
    }
    .questep_ul.nav-tabs .nav-link{
        height: 100%;
    }
    .btn-prisignup{width: 100%;min-width: 100%;}
    .questep_ul{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .questep_ul li{
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .questep_ul .step_name{
        display: none;
    }
    .stepno{margin-right: 0;}
    .landloard-group{
        text-align: left;
    }
    .min-w-255{
        min-width: 100%;
    }
}
@media (max-width: 320px){
    .btn-prisignup{
        font-size: 12px;
    }
}

/*Blog page CSS*/
.blogtitle-area,.blogtitle-details {
    background: rgba(0, 0, 0, 0) url(../img/background/welcome-bg.jpg) no-repeat scroll center center / cover;
}
.blogtitle-area{
    height: 170px;
}
.blogtitle-details{
    z-index: 1;
    height: 90px;
}
.blogtitle-area h3 {
    font-size: 38px;
}
.single-blog{
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    margin-bottom: 30px;
}
.single-blog:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
}
.blog-thumb{
    width: 100%;
    height: 400px;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.guide-blog .blog-thumb{
    height: 250px;
}
.blog-thumb img{
    position: absolute;
    top: 0;bottom: 0;left: 0;right: 0;
    width: 100%;height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.single-blog:hover .blog-thumb img{
    opacity: 0.7;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.blog-content{
    padding: 1.5rem;
}
.guide-blog .blog-content{
    min-height: 165px;
    padding: 1rem;
}
.blog-title{
    font-size: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.guide-blog .blog-title{
    font-size: 18px;
}
.blog-title a{
    word-break: break-word;
}
.guide-blog .blog-title{
    -webkit-line-clamp: 2;
}
.blog-detailarea .blog-title{
    display: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: unset;
    text-overflow: unset;
    display: inline-block;
    font-size: 48px;
}
.blog-detailarea .blog-thumb{
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.blog-detailarea .blog-thumb img{
    position: relative;
    object-fit: contain;
}
.blog-paragraph{
    line-height: 1.8;
    font-size: 14px;
}
.guide-blog .blog-paragraph{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
}
.guide_auther{
    font-weight: 600;
}
.tag_list span{
    background: #dcdcdc;
    color: #000000;
    padding: 5px 10px;
    border-radius: 3px;
    min-width: 50px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    margin-right: 5px;
    margin-bottom: 5px;
}
.readmore-blog{
    position: relative;
    display: inline-block;
    line-height: 20px;
    font-size: 16px;
    font-family: 'latosemibold';
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.blog-detailarea {
    word-break: break-word;
}
.blog-detailarea .meta-info{
    /*border-bottom: 1px solid #eee;*/
}
.blog-detailarea .blogAuther_name{
    font-family: 'latosemibold';
    font-size: 18px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.recentblog_image {
    position: relative;
    width: 100%;
    height: 220px;overflow: hidden;
}
.recentblog_image .recent-img{
    position: absolute;
    left: 0;right: 0;top: 0;bottom: 0;
    object-fit: cover;width: 100%;height: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.recent-card:hover .recent-img{
    opacity: 0.7;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.blogAuther_image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #F66E67;
    color: #ffffff;
    line-height: 50px;display: inline-block;
    text-align: center;
}
.sidebar-widget {
    position: relative;
    margin-bottom: 40px;
}
.sidebar-title {
    position: relative;
    margin-bottom: 20px;
}
.sidebar-title h3 {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 1.2em;
    color: #000000;
    font-family: 'latosemibold';
}
.blogTag li{
    display: inline-block;
    margin-right: 5px;
}
.blogTag li a{
    background: #dcdcdc;
    color: #000000;
    padding: 5px 10px;
    border-radius: 3px;
    min-width: 50px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    margin-bottom: 5px;
}
.recent-media{
    margin-bottom: 20px;
}
.recent-media img.recent-img{
    width: 90px;
    height: 60px;
    display: inline-block;
    object-fit: cover;
    border-radius: 6px;
    margin-right: 1rem;
}
.recent-media .media-body{
    width: calc(100% - 104px);
}

.recent-card .card-body .recent_title{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
}
.blog-npbtn{
    font-size: 14px;
    min-width: 96px;
    font-family: 'latosemibold';
}

.share-blog .dropdown-menu.show{
    opacity: 1;
    visibility: visible;
    transform: unset;
}
.share-blog .dropdown > .dropdown-menu:before{
    display: none
}
.share-blog .dropdown-menu{
    min-width: auto;
    padding: 5px 10px;
    left: -60px !important;
}
.social-blog .actionBtn{
    display: inline-block;
    text-align: center;
    background-color: #f66e67;
    color: #ffffff;
    margin-right: 5px;
}
.blog-detailarea .blogDetail img{
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain;
}
.viewallGuied{
    margin-bottom: 5px;
    display: inline-block;
    text-decoration: underline;
}
/*.blog-detailarea .blog-detail-body{
    position: relative;
}
.blog-detailarea .blog-detail-body .likeshare_row{
    position: absolute;
    border-top: 0;
}*/
@media (max-width: 575px){
    .blog-thumb{
        height: 250px;

    }
    .blogtitle-details {
        height: 90px;
        z-index: 1;
    }
    .blog-detailarea .blog-title{
        font-size: 30px;
    }
    .guide-blog .blog-content{
        min-height: unset;
    }
}


/* *********************
 Content loader  CSS
 ********************* */
.content_loader{
    position: relative;
    text-align: center;
}
.content_loader:before {
    content: '';
    background-image: url(../img/page-loader.png);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}
.content_loader .loader_gif {
    width: 50px;
    height: 50px;
}


.section_loader{
    position: relative;
}
.section_loader:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 0.7);
    z-index: 999;
    /*background-image: url(../img/page-loader.png);*/
}
.section_loader:after {
    content: url(../img/page-loader50.png);
    background: url(../img/page-loader.gif);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    z-index: 1000;
}

.hidechat {
    display: none;
}

.showchat {
    display: block;
}
.chat_onlinestatus{
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.chat_onlinestatus .online-circle{
    right: 14px;
}
.message-list ul li .chat_onlinestatus .online-circle{
    right: 7px;
}

.notfound_data span{
    font-size: 16px;
    font-weight: 600;
}
.noData span{
    display: inline-block;
    font-weight: bold;
    font-size: 22px;
}

/*Cookies Modal*/
.cookies_modal .modal-content{
    border-radius: 1rem;
}
.cookies_modal .shape-bottom{
    position: relative;
    top: -1px;
    bottom: auto;
    left: auto;
    right: auto;
    transform: rotate(180deg);
}
.cookies_modal .theme_bg_modal{
    background-color: #F66E67;
    width: 100%;position: relative;
    height: 55px;border-radius: 1rem 1rem 0 0;
}
.cookies_icon{
    position: absolute;
    height: auto;width: 68px;
    object-fit: contain;
    left: 50%;top: 50%;
    transform: translate(-50%, -35%);
    padding: 5px;z-index: 1;
}
.cookies_modal .shape-bottom svg{
    width: 100%;
}
.cookies_modal .shape-bottom svg path{
    fill: #F66E67;
}
.cookies_modal .close{
    position: absolute;
    z-index: 1;
    right: 10px;top: 5px;
    opacity: 1;outline: 0;
    text-shadow: none;color: #ffffff;
}
.cookies_modal .close:hover{
    opacity: 1 !important;
}
.cookies_modal .modal-title{
    position: relative;
    top: -10px;
}
.cookies_body{
    padding: 1rem;
}
.cookies_policylink{
    text-transform: uppercase;
    text-decoration: underline;
    color: #F66E67; letter-spacing: 1px;
}
.cookies_policylink:hover{
    text-decoration: underline;
    color: #000000;
}
.accept_cookiesbtn{
    min-width: 200px;
    border-radius: 100px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.cookies_text{
    color: #000000;
    font-size: 16px;
}
.cookies-body .modal-backdrop{
    background-color: #ffffff;
}
.cookies-body .modal-backdrop .fade {
    transition: opacity .1s linear;
}
.cookies-body .modal-backdrop.show{
    background-color: #ffffff;
    opacity: .9;
}
@media (min-width: 576px){
    .cookies_modal .modal-dialog {
        max-width: 380px;
    }
}
.cookies_bar{
    padding: 20px 30px;
    position: fixed;
    bottom: 0;
    background-color: #ffffff;
    color: #ffffff;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9999;
    transition: 0.5s;
    transform: translateY(100%);
}
.cookies_bar.open{
    transform: translateY(0);
    box-shadow: 0px 2px 10px #000000;
}
.cookies_bar .cookies-policylink{
    text-decoration: underline;
}
.closeCookies {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
}
@media (max-width: 575.98px){
    .cookies_bar{
        padding: 20px 0;
        text-align: center;
    }
    .cookies_bar .media{
        display: block;
    }
    .cookies_bar .media .mr-3{
        margin-right: 0!important;
        margin-bottom: 1rem;
    }
    .cookies_bar .cookies-policylink{
        margin-bottom: .5rem;
    }
}



.inactive_card{
    position: relative;
}
.inactive_card:after{
    content: '';
    position: absolute;
    left: 0;right: 0;bottom: 0;top: 0;
    width: 100%;height: 100%;
    background-color: rgba(255,255,255,.75);
    border-radius: 10px;
}
.inactive_card .roomerightDrop{z-index: 1;}
.inactive_card .btn-primary{
    z-index: 1;opacity: .5;
}


.banner_top{
    /*position: absolute;*/
    /*top: 80px;*/
    border-radius: 0;
    border: 0;
    background-color: #ffffff;
    left: 0;
    right: 0;
    margin-top: 100px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding-right: 40px;
}
.banner_top .card-body{
    padding: 14px;
}
.banner_top p{
    font-size: 14px;
    margin-bottom: 0;
    color: #F66E67;
    line-height: 1.5;
    width: calc(100% - 160px);
}
.banner_top.alert-dismissible .close{
    color: #f66e67;
    opacity: 1;
}
.banner-alert img{
    object-fit: contain;
}
@media (max-width: 575px){
    .banner_top{
        margin-top: 0;
        margin-bottom: 20px;
        padding: .5rem !important;
        display: block !important;
    }
    .banner_top.alert-dismissible{
        padding-right: 1rem;
    }
    .banner_top p{
        font-size: 12px;
        line-height: 1.5;
        padding-right: 10px;
        width: 100%;
    }
    .banner_top.alert-dismissible .close{
        top: 0;
        right: 0;
        padding: 0 5px;
        line-height: 1;
    }
}

.signup-page .banner_top{
    /*    position: absolute;
        top: 1%;
        width: 98%;
        margin: 0 auto;*/
    margin-top: 20px;
    margin-bottom: 0;
}
.signupColumn{
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*Splash Modal CSS Start*/
.signpageModal .modal-content{
    background-color: #F66E67;
    border: 0;color: #ffffff;
}
.signpageModal .modal-body{
    text-align: center;
}
.signpageModal .modal-body img{
    margin: 0 auto;
    object-fit: contain;
    margin-bottom: 1rem;
}
.signpageModal .modal-body h4,
.signpageModal .modal-body p,.skipBtn{
    color: #ffffff;
}
a.skipBtn:hover{
    color: #000000;
}
.signpageModal .modal-body h4{
    margin-bottom: 10px;
}
.signpageModal .modal-body p{
    font-size: 16px;
}
.modal-open #owl-demo {
    width:100%!important;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    position: relative;
}
.modal-open #owl-demo .item {width:100%!important;}
#owl-demo .owl-nav{
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 0;
    z-index: 1;
    outline: 0;
}
#owl-demo .owl-dots{
    position: absolute;
    width: 70%;
    bottom: 4px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
}
#owl-demo.owl-theme .owl-nav [class*=owl-]:hover{
    background: transparent;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    outline: 0;
}
#owl-demo.owl-theme .owl-dots .owl-dot span{
    width: 14px;
    height: 2px;
    margin: 5px 4px;
    border-radius: 0;
}
.splash_content{
    position: relative;
    height: calc(100vh - 112px);
    display: flex;
    align-items: center;
}
.owl-theme .owl-dots .owl-dot{outline: 0;}
#owl-demo .owl-stage-outer.owl-height{
    /*        min-height: calc(100% - 47px) !important;
        overflow-y: auto;
        transition: height .5s ease-in-out;*/
}
.owl-height{
    scrollbar-width: thin;
    scrollbar-color: #cccccc #fff;
}
.owl-height::-webkit-scrollbar {
    height: 4px;
    width: 6px;
}

.owl-height::-webkit-scrollbar-track {
    border-radius: 4px;
}

.owl-height::-webkit-scrollbar-thumb {
    margin: 2px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.2);
}
.item_content{
    height: calc(100vh - 160px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 575px){
    .signpageModal .modal-dialog{
        margin: 0;
    }
    .signpageModal .modal-content{
        height: 100%;
        border-radius: 0;
    }
    .signpageModal .splash_content{
        height: calc(100vh - 60px);
    }
    .signpageModal .item_content{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .signpageModal .modal-dialog-centered{
        min-height: 100%;
    }
}
/*Splash Modal CSS End*/


/*Insta Page CSS Start*/
.instaPage{
    background-color: #F8F8F8;
}
.container.instaContainer{
    max-width: 450px;
    background-color: #ffffff;
    padding: 0;
}
.instaContainer .card-header{
    background-color: #F66E67;
    border: 0;
    border-radius: 0;
}
.instaContainer .card-header span{
    display: inline-block;
    color: #ffffff;
    padding: 0 3rem;
    margin-top: 10px;
    font-weight: bold;
    font-size: 18px;
}
.insta-brand {
    width: 150px;
}
.insta-card{
    height: 120px;
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #A8A8A8;
    border-radius: 15px;
    position: relative;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.insta-card h4{
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
}
.insta-card:hover, .insta-card.active {
    background-color: #F66E67;
    color: #ffffff;
    border-color: #F66E67;
}
.insta-card:hover h4{
    color: #ffffff;
}
.mh-100vh{
    min-height: 100vh;
}
.instaButton{
    border-radius: 15px;
    border: 2px solid rgba(0,0,0,.125);
}
.instaButton .card-body{
    position: relative;
    padding: 1rem;
}
.instaButton .socialLogo{
    width: 35px;
    height: 35px;
    object-fit: contain;
    display: inline-block;
    margin-right: 0;
    position: absolute;
    left: 1rem;
    top: 14px;
}
.socialName{
    width: 100%;
    font-size: 22px;
    text-align: center;
    line-height: 1.4;
}
.socialName span{
    width: 100%;
    display: block;
    padding: 0 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.insta_cardbody{
    padding-bottom: 90px;
}
.insta_cardbody ul li{
    margin-bottom: 1rem;
}
.insta_cardbody ul li:last-child{
    margin-bottom: 0;
}
.logoButton{
    width: 70px;
    height: 70px;
    display: inline-block;
    border-radius: 50%;
    background-color: #F66E67;
    position: relative;
}
.bottom_button{
    position: fixed;
    display: inline-block;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #F8F8F8;
}
.logoButton img{
    width: 50px;
    height: auto;
    position: absolute;
    left: 50%;top: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 575px){
    .instaContainer{
        padding: 0;
    }
    /*    .insta_cardbody {
            padding: 0 !important;
        }*/
    .insta_row{
        margin-right: -5px;
        margin-left: -5px;
    }
    .insta_row .col-6{
        padding-right: 5px;
        padding-left: 5px;
    }
    .insta-card{
        height: 90px;
        max-width: 100%;
    }
    .insta-card h4{
        font-size: 14px;
    }
}
/*Insta Page CSS End*/

.sl-wrapper button{
    outline: 0 !important;
}

.homepro_height{
    height: 85px;
}
@media (max-width:575.98px) {
    .homepro_height{
        height: 110px;
    }
}


/*Enqiery page CSS Start*/
.groups_ul.enquiries_ul li .media.active .badge-primary{
    background-color: #ffffff;
    color: #f66e67 !important;
}

.enquiry-card .enquiries_ul {
    max-height: calc(100% - 32px);
    overflow-y: auto;
    overflow-x: hidden;
}
.groups_ul.enquiries_ul li:last-child .media{
    border-radius: 0 0 0 0;
}
.enquiries-member.mygroup-member .member-media{
    width: 100%;
}
article.enquiry_readmore{
    max-height: 48px;
    transition: height 500ms;
    overflow: hidden;
}
.enquiries-member.mygroup-member{
    padding: 15px 20px;
    margin-left: -20px;
    margin-right: -20px;
        position: relative;
}
.row.individual-row{
    margin-right: 0;
    margin-left: 0;
}
.card-body.individual-card-body{
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
    height: 100%;
}
.individual-card-body .enquiries-member.mygroup-member{
    margin-left: 0;
    margin-right: 0;
    height: 100%;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.indiviudual-scroll{
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.enquiries-member .member-media .media-body{
    width: calc(100% - 240px);
    padding-right: 5px;
}
.enquiry-card .groups_ul .group_name{
    width: calc(100% - 21px);
}

.enquiry-card {
    height: calc(100vh - 290px);
}
.enquiry-card .group-memberlist {
    max-height: calc(100vh - 405px) !important;
    max-height: unset;
}
@media (min-width: 768px){
    .individual-row .individual-column{
        border-right: 1px solid #CBCBCB;
    }
    .individual-row .individual-column:nth-child(even) {
        border-right: 0;
    }
}
@media (max-width: 1600px){
    .enquiry-card {
        height: calc(100vh - 190px);
    }
    .enquiry-card .group-memberlist {
        max-height: calc(100vh - 290px) !important;
    }

}
@media (max-width:575.98px) {
    .mb-2-mobile{
        margin-bottom: 10px;
    }
    .indiStatus{
        position: absolute;
        bottom: 17px;
        right: 120px;
    }
}

.swiper-container{
    width: 100%;
    height: 100%;
}
.partner_box{
    background-color: #ffffff;
    border: 1px solid transparent;
    box-shadow: 0 0 1rem rgb(0 0 0 / 5%);
    border-radius: 15px;
    text-align: center;
    padding: 30px 20px;
    margin: 20px 10px;
    display: block;
}
.partner_box img{
    width: auto;
    height: 110px;
    object-fit: contain;
    object-position: center;
    filter: grayscale(100%);
    transition: all 0.3s;
}
.partner_box:hover{
    box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
}
.partner_box:hover img{
    filter: none;
}
.nextprev_col.parnter_nextprecol{
    width: 100%;
    top: 50%;
}
.parnter_nextprecol .swiper-button-next,.parnter_nextprecol .swiper-button-prev{
    border: 1px solid transparent;
    box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f66e67;
    color: #ffffff;
    border-radius: 50%;
}
.parnter_nextprecol .swiper-button-next{
    right: -15px;
}
.parnter_nextprecol .swiper-button-prev{
    left: -15px;
}
.swiper-container.partnersSwiper{
    display: inline-block;
    width: auto;
    max-width: 100%;
}
.partnersSwiper .swiper-slide{
    width: 222px;
    display: block;
}
@media (max-width: 1200px){
    .parnter_nextprecol .swiper-button-next{
        right: 10px;
    }
    .parnter_nextprecol .swiper-button-prev{
        left: 10px;
    }
}
@media (max-width:575.98px) {
    .partner_box {
        padding: 15px 10px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
        max-width: 250px;
    }
    .partner_box img {
        height: 100px;
    }
    .nextprev_col.parnter_nextprecol{
        top: 55%;
    }
    .swiper-container.partnersSwiper {
        display: block;
        width: 100%;
        max-width: 100%;
    }
}



/*subscription Page CSS*/
.proChoose_card .studImg{
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 5px;
}
.proChoose_card .student-media{
    width: 100%;
}
.proChoose_card .custom-control-label{
    width: 100%;
}
.proChoose_card .student-media .media-body{
    overflow: hidden;
}

.proChoose_card .student-media .media-body .proAddress{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    height: 38px;
}
.proChoose_card .custom-control-label::after,
.proChoose_card .custom-control-label::before{
    top: 0;
}
.card-design .credit-card-brand {
    /* position: absolute;*/
    top: 0;
    left: 0;
    width: 80px;
    height: 50px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    float: right;
}
.card-design .card-visa {
    float: right;
    width: 100%;
    /* position: relative; */
}
.card-design .card-cvv {
    float: left;
    width: 50%;
    font-size: 14px;
}
.card-design .card-exp {
    float: right;

    font-size: 14px;
}
.card-design .card-act {
    float: right;
    width: 100%;
    margin-top: auto;
    font-size: 18px;
    /* margin-bottom: 6px; */
    color: #444;
    margin-bottom: 6px;
}
.card-design .set-as {
    float: right;
    background-color: #444;
    color: #fff;
    padding: 4px 7px;
    font-size: 12px;
    /* font-weight: 600; */
    padding-bottom: 2px;border-radius: 5px;

}
.card-design .set-as.default {
    background-color: #F66E67 !important;
}
.card-design .card-act a {
    float: left;
    /* padding: 14px; */
    padding: 0 7px;
}
.card-design .card-inner-list {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 5px;
}
.sleeve {
    flex: 1 1 0;
    margin: auto;
}

.credit-card.card-design {
    padding: 5px;
    display: flex;
    flex-shrink: 0;
    background: @card-color;
    position: relative;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 1px 1px 0 rgba(255,255,255,.3);
    width: 100%;
    height: 140px;

}

.card-design .card-type,.card-design .card-company {
    text-align: right;
    text-transform: uppercase;
    margin: 10px;
    color: rgba(0,0,40,.5);
}

.card-design .card-company {
    /*font-family: Georgia, Garamond;*/
    box-shadow:  inset 1px 0 0 rgba(255,255,255,.3);
    font-weight: normal;
    padding: 10px;
    /*background: #C32;*/
    color: #FB0;
    letter-spacing: 1px;
    text-align: center;
    margin: 15px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.card-design .card-chip img {
    width: 34px;
}
.card-design .card-number,.card-design .card-expire,.card-design .card-holder,.bank-acc-no {
    /* display: flex;*/

    justify-content: center;
    font-family: monospace;
    font-size: 17px;
    /* color: rgba(255,255,255,.8);
     text-shadow: 0 1px 1px rgba(0,0,0,.5);
     .digit-group {
       margin: 5px;
     }*/
}
.card-design .line-card {
    /*float: left;*/
    width: 100%;
    /*display: flex;*/
}

.card-design .card-expire,.card-design .card-holder {
    font-size: 16px;
    justify-content: flex-start;
    padding: 0 8px;

    .card-design .card-text {
        font-size: 12px;
        font-family: sans-serif;
        color: #000;
        color: rgba(0,0,40,.5);
        text-shadow: none;
        margin: 3px;
        margin-left: 10px;
    }
}

.card-design .card-type {
    margin-top: auto;
    font-size: 12px;
    color: #444;
}

.cradit-card-ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.cradit-card-ul li{
    margin-right: 10px;
}
.card-design .custom-control-label{
    width: 100%;
}

.card-design .card-expire{
    width: 100%;
    text-align: right;
    overflow: hidden;
    padding: 0;
}
.card-design .card-type{
    overflow: hidden;
    margin: 0;
}
.card-design .card-act{
    text-align: right;
    float: none;
    margin-bottom: 0;
    line-height: 1;
    padding-right: 13px;
    margin-top: 0;
}
.card-design .card-act a{
    float: none;
}
.card-design .set-as{
    padding: 2px 7px;
    text-align: center;
}
.card-design .card-number,
.card-design .card-expire,
.card-design .card-type{
    padding-right: 20px;
}
.card-payment-form .sq-button{
    background: #3b9182;
    font-weight: 400;
    border: 1px solid transparent;
    padding: 0.4rem 1.8rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 2rem;
    height: 51px;
}

.card-payment-form .sq-button:hover {
    background-color: #2b8a7a;
    border-color: #2b8a7a;
}
.card-payment-form .sq-button:active{
    background: #3b9182;
}

.paymentcard_footer{
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.paymentcard_footer .card-type,
.paymentcard_footer .card-act{
    padding-right: 0;
}
.paymentcard_footer .card-act a{
    padding: 0;
    cursor: pointer;
}
.cradit-card-ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.cradit-card-ul li{
    margin-right: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding-right: 5px;
    padding-left: 5px;
}
@media (max-width: 1200px){
    .card-design .card-number, .card-design .card-expire, .card-design .card-holder, .bank-acc-no{
        font-size: 14px;
    }
}
@media (max-width: 991px){
    .card-design .card-number, .card-design .card-expire, .card-design .card-holder, .bank-acc-no{
        font-size: 12px;
    }
    .card-design .card-number, .card-design .card-expire, .card-design .card-type {
        padding-right: 0;
    }
}
@media (max-width:575.98px) {
    .card-design .card-number, .card-design .card-expire, .card-design .card-holder, .bank-acc-no{
        font-size: 14px;
    }
    .cradit-card-ul li{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .form-submit-btn{
        display: block !important;
        text-align: center;
    }
    .form-submit-btn .btn{
        display: block;
        width: 100%;
        margin-top: 10px;
    }
}

.boost_property .postedbyReivew .postedby{
    max-width: calc(100% - 125px);
    text-align: center;
}
.fr1_row .select2-container{
    min-width: 300px;
}
.fr1_row .select2-container--default .select2-selection--single .select2-selection__clear{
    height: 40px;
}
.groupDate_9{
    min-width: 240px;
}
.g_date_9{
    position: absolute;
    right: 0;
    top: -5px;
    opacity: .5;
}
.titlenm_9{
    width: calc(100% - 125px);
}
@media (max-width:575.98px) {
    .fr1_row .select2-container{
        min-width: 100%;
    }
    .houseimg_gallery .viewMessage_07 {
        bottom: 65px;
    }
    .titlenm_9{
        width: 100%;
        margin-bottom: 5px;
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    transition: background-color 5000s;
    -webkit-text-fill-color: #000 !important;
}


.w-90{
    width: 90%;
}
.btn-link.text-dark:hover{
    color: #F66E67 !important;
}
.has-float-label.addDocText label, .has-float-label > span.form_lable{
    top: -15px;
}
.has-float-label.readOnly-lable > span.form_lable{
    top: -20px;
}
.isRoomeVerified{
    position: absolute;
    right: 10px;
    top: 10px;
    /*    background-color: rgb(0 0 0 / 0.7);
        color: #ffffff;
        font-size: 14px;
        border-radius: .25rem;*/
    /*padding: 0 4px;*/

}
.isRoomeVerifiedHouse{
    position: absolute;
    right: 49px;
    top: 10px;
    /*    background-color: rgb(0 0 0 / 0.7);
        color: #ffffff;
        font-size: 14px;
        border-radius: .25rem;*/
    /*padding: 0 4px;*/

}


.proRemove {
    position: absolute;
    top: -5px;
    right: -5px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    padding: 0;
    border-radius: 50%;
    font-size: 12px;
}
div.readmoreAdd {
    max-height: 48px;
    overflow: hidden;
    transition: height 500ms;
}
.checkbox-style12 {
    position: relative;
    border: 1px solid #eee;
    height: 100%;
}
.checkbox-style12 label{
    width: 100%;
    padding: 6px;
    cursor: pointer;
    margin-bottom: 0;

}
.checkbox-style12 label input[type='checkbox']{
    display: none;
}

.checkbox-style12 label span p{
    margin: 0;
    font-size: 14px;
    word-break: break-word;
}
.checkbox-style12 label img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border: 1px solid #eee;
    padding: 2px;
}
.addplacelist{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 0;
    border-bottom: 1px solid #dee2e6;
}
.addplacelist span{
    display: inline-block;
    width: calc(100% - 35px);
}
.addPlaceFromModal{
    width: 30px;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
}
.placeName{
    overflow:hidden;
    display:block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.place-media .media-body{
    width: calc(100% - 58px);
}
.stud-email-input{
    width: calc(100% - 58px);
}
.rmemailInput{
    width: 30px;
    height: 30px;
    padding: 0;
    line-height: 30px;
    border-radius: 50%;
    font-size: 12px;
}
@media (max-width:575.98px) {
    .checkbox-style12 label{
        min-height: auto;
    }
    .min-w-autom{
        min-width: auto;
    }
}

@media (min-width: 1200px){
    .nearplace-admin .col-xl-3{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

.map-media{
    max-width: 350px;
}
.map-media img.map_img{
    height: 100px;
    width: 100px;
    object-fit: cover;
    border: 1px solid #f66e67;
    padding: 3px;
    margin-right: 10px;
}
.map-media .media-body{
    width: calc(100% - 100px);
}


.center-container{
    height: 72vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.propertyAction .actionBtn{
    color: #ffffff;
    border: 0;
    font-size: 12px;
    width: 25px;
    height: 25px;
    line-height: 25px;
}

.proChoose_card .student-media.property_studmedia .media-body .proAddress{
    height: auto;
    margin-bottom: .5rem;
}
.btn.dft_btn{
    padding: 2px 5px;
    font-size: 12px;
}
@media (max-width:600px) {

    .mobile-priceedit{
        position: absolute;
        left: 0;
        right: 0;
        bottom: -30px;
    }
    .procard-mob .card-body.p-3{
        padding-bottom: 40px !important;
    }
    .proChoose_card .student-media.property_studmedia .media-body .proAddress{
        margin-bottom: 0;
    }
}


.phone-float-lable .iti__arrow{
    border-top-color: #ffffff;
}
.phone-float-lable.afterlogin-phone .iti__arrow{
    border-top-color: #000000;
}
.phone-float-lable .iti--separate-dial-code .iti__selected-flag{
    background-color: transparent;
    padding-left: 30px;
    height: 34px;
}
.phone-float-lable.afterlogin-phone .iti--separate-dial-code .iti__selected-flag{
    padding-left: 0;
}
.phone-float-lable .iti--separate-dial-code .iti__selected-dial-code{
    color: #ffffff;
}
.phone-float-lable.afterlogin-phone .iti--separate-dial-code .iti__selected-dial-code{
    color: #000000;
}
.phone-float-lable .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
    background-color: transparent;
}
.phone-float-lable .iti__arrow--up{
    border-bottom: 4px solid #ffffff;
}
.phone-float-lable.afterlogin-phone .iti__arrow--up{
    border-bottom: 4px solid #000000;
}

.phone-float-lable .iti__country-list{
    scrollbar-width: thin;
    scrollbar-color: #cccccc #fff;
}
.phone-float-lable .iti__country-list::-webkit-scrollbar {
    height: 4px;
    width: 6px;
    background-color: #ffffff;
}

.phone-float-lable .iti__country-list::-webkit-scrollbar-track {
    border-radius: 2px;
}

.phone-float-lable .iti__country-list::-webkit-scrollbar-thumb {
    margin: 2px;
    border-radius: 2px;
    background: #dee2e6;
}

.addroomWidth{
    width: calc(100% - 120px);
}
@media (max-width:600px) {
    .addroomWidth{
        width: 100%;
    }
}
.isPropertyError{
    position: absolute;
    left: 10px;
    top: 10px;

    z-index: 1;

}
.isPropertyError a{
    background-color:red;
    color: #ffffff;
    font-size: 14px;
    border-radius: .25rem;
    padding: 0 4px;
    display: inline-block;
}
.isPropertyError i{
    font-size: 12px;
    margin-right: 2px;
}


.error-doclist{
        display: flex;
    justify-content: space-between;

    padding: 0.5rem 0;
    border-bottom: 1px solid #dee2e6;
}
.error-doclist strong{
        width: calc(100% - 50px);
    word-break: break-word;
    font-weight: normal;
}
.left100px{
    left: 100px !important;
}

/* ********************
  Landlord new page
******************** */
.landlord-section {
    width: 100%;
    display: inline-block;
    padding:30px 0;
}
.header-ctm-bg-bar{
    background:linear-gradient(-47deg, #F66E67 0%, #FF847E 100%);
    height:84px;
}
.landlord-section h4.desc-ttl {
    margin-bottom: 15px;
}
.landlord-section p.desc-sub-dtl {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}
.landlord-section p.desc-sub-dtl a{
    font-weight: bold;
}
.landlord-desc {
    box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
    border-radius: 15px;
    padding: 50px;
}
.enquiries-details-content {
    padding-top: 30px;
}
.enquiries-details-content .feature-box{
    min-height: 140px;
}
.accommodation-details-content {
    padding-top: 30px;
}
.accommodation-details-content .feature-box{
    min-height: 180px;
}
.landlord-desc .find-btn{
    padding: 10px 10px;
    font-size: 18px;
    margin-bottom: 20px;
}
.property-manage-ctm {
    margin-top: 30px;
}
@media (max-width:575.98px) {
    .landlord-desc{padding: 15px;}
    .landlord-desc .find-btn{font-size: 16px;}
}
/* ********************
  Students Accommodations page
******************** */
.ctm-diff-intro {
    background-color: #F66E67;
    color: #fff;
    padding: 50px;
    border-radius: 15px 15px 0 0;
    box-shadow: 0 -7px 1rem rgb(0 0 0 / 10%);
    padding-bottom: 169px;
    position: relative;
}
.landlord-desc-sub {
    padding: 10px 50px;
    box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
    border-radius: 0 0 15px 15px;
}
.ctm-diff-intro h4.desc-ttl{color: #fff;}
.ctm-diff-intro p.desc-sub-dtl{color: #fff;}
.ctm-diff-intro p.desc-sub-dtl a {color: #fff; font-weight: bold;}
.ctm-diff-intro p.desc-sub-dtl a:hover{color: #000;}
.shape-bottom1 {
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
}
@media (max-width:575.98px) {
    .ctm-diff-intro{padding: 15px 15px 80px 15px;}
    .landlord-desc-sub{padding: 15px;}
}

/***** lookingfor modal custom css ******/
input#monthly_budget:focus-visible {
    outline: none;
}
input#monthly_budget {
    border-bottom: 1px solid #7E7E7E;
    color: #000000;
    border-left: none;
    border-right: none;
    border-top: none;
    width: 100px;
    margin-right: 15px;
}
input#monthly_budget::placeholder {
    color: #000000;
}
select#monthly_budget_unit {
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #7E7E7E;
    padding-bottom: 3px;
    font-size: 14px;
}
select#monthly_budget_unit:focus-visible {
    outline: none;
}
div#questionModal .have_friends {
    margin-top: 10px;
}
div#questionModal .have_students_live_with{
    margin-top: 10px;
}
div#questionModal .no_of_bedrooms {
    margin-top: 10px;
}
div#questionModal .have_spare_room {
    margin-top: 10px;
}
div#questionModal .start_end_date {
    margin-top: 7px;
    display: flex;
}
.date-type-1 {
    width: 100px;
    margin-right: 50px;
}
.date-type-2 {
    width: 100px;
}
div#questionModal .start_end_date input {
    font-size: 14px;
}
.rental-budget {
    display: flex;
    margin-top: 5px;
}
div#questionModal .searchBox .searchIcon {
    position: absolute;
    top: 14px;
    left: 0;
}
div#questionModal .searchBox input.search-input{padding-left: 25px;}
div#questionModal .searchBox .text-primary {
    color: #000 !important;
}