/*Common all pages CSS Start*/

body {
    font-family: "Sinkin Sans 400";
    font-weight: normal;
    font-style: normal;
    background-color: #f2f2f2;
}
a{
    text-decoration: none;
}
*{
    /*font-weight:lighter;*/
    outline: none;
}
/*Font Style Start*/
.font-400 {
    font-family: "Sinkin Sans 400";
    font-weight: normal;
    font-style: normal;
}

.font-500 {
    font-family: "Sinkin Sans 500";
    font-weight: 500;
    font-style: normal;
}

.font-600 {
    font-family: "Sinkin Sans 600";
    font-weight: 600;
    font-style: normal;
}

.font-700 {
    font-family: "Sinkin Sans 700";
    font-weight: bold;
    font-style: normal;
}
/*Font Style End*/
.resizenone{
    resize: none;
}

/*Font Size Start*/
.f-8px {
    font-size: 0.5rem;
}
.f-9px {
    font-size: 0.563rem;
}
.f-10px {
    font-size: 0.625rem;
}
.f-12px {
    font-size: 0.75rem;
}
.f-13px {
    font-size: 0.813rem;
}
.f-14px {
    font-size: 0.875rem;
}
.f-15px {
    font-size: 0.938rem;
}
.f-16px {
    font-size: 1rem;
}
.f-18px {
    font-size: 1.125rem;
}
.f-20px {
    font-size: 1.25rem;
}
.f-22px {
    font-size: 1.375rem;
}
.f-24px {
    font-size: 1.5rem;
}
.f-26px {
    font-size: 1.625rem;
}
.f-28px {
    font-size: 1.75rem;
}
.f-30px {
    font-size: 1.875rem;
}
.f-35px {
    font-size: 2.188rem;
}
.f-36px {
    font-size: 2.25rem;
}
.f-40px {
    font-size: 2.5rem;
}
.f-50px {
    font-size: 3.125rem;
}
/*Font Size End*/

/* Margin CSS Start */
.mb-30px {
    margin-bottom: 1.875rem;
}
.mb-40px {
    margin-bottom: 2.5rem;
}
.mb-50px {
    margin-bottom: 3.125rem;
}
.mb-32px{
    margin-bottom: 2rem;
}
.mt-1px{
    margin-top: 0.063rem;
}
/* Margin CSS End */

/* width height CSS */
.w-64px {
    width: 4rem;
    max-width: 100%;
}
.w-120px {
    min-width: 7.5rem;
    max-width: 100%;
}
.w-140px{
    min-width: 8.75rem;
    max-width: 100%;
}
/*Color CSS Start*/
.text-dark {
    color: #1d1f3e;
}
.text-dark-light {
    color: rgba(29, 31, 62, 0.5);
}
.text-dark-05{
    color: rgba(0, 0, 0, 0.5);
}
.text-50 {
    color: #505050;
}
.text-60 {
    color: #606060;
}
.text-roome {
    color: #f96e67 !important;
}
.text-sky {
    color: #2baee5;
}
.text-green {
    color: #2bb2a3;
}

/*Color CSS End*/

/* Background CSS Start */
.bg-roome {
    background-color: #f96e67;
    color: #ffffff;
}
/* Background CSS End */

/*Button CSS Start*/
.btn.page-btn {
    font-family: "Sinkin Sans 500";
    font-weight: 500;
    font-size: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.btn-w-150 {
    width: 9.375rem;
    max-width: 100%;
}
.btn-w-200 {
    width: 12.5rem;
    max-width: 100%;
}

.btn-contact {
    font-family: "Sinkin Sans 600";
    font-weight: 600;
    font-size: 0.625rem;
    background: rgba(249, 110, 103, 0.25);
    border-radius: 0.625rem;
    padding: 0.375rem 1.5rem;
    color: #f96e67;
}
.btn-contact:hover {
    background-color: #f96e67;
    color: #ffffff;
}
.btn-check:focus + .btn-contact, .btn-contact:focus{
    background-color: #f96e67;
    color: #ffffff;
}
.btn-dark {
    color: #fff;
    background-color: #1D1F3E;
    border-color: #1D1F3E;
}
.btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
}
.btn-dark:focus {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}

.btn.page-round-btn{
    border-radius: 6.25rem;
    font-family: 'Sinkin Sans 500';
    font-weight: 500;
    font-size: 0.625rem;
    padding: 0.25rem 1rem;
    padding-right: 2.5rem;
    position: relative;
}
.page-round-btn span{
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    border-radius: 100%;
    background-color: #ffffff;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
}
.page-round-btn span svg{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0.75rem;
    height: 0.5rem;
    object-fit: contain;
}
.btn-info.page-round-btn svg path{
    fill: #2BAEE5;
    stroke: #2BAEE5;
}
.btn-primary.page-round-btn svg path{
    fill: #2BB2A3;
    stroke: #2BB2A3;
}
.btn-roome.page-round-btn svg path{
    fill: #F96E67;
    stroke: #F96E67;
}
.btn-dark.page-round-btn svg path{
    fill: #1D1F3E;
    stroke: #1D1F3E;
}

.pageBackBtn{
    width: 3.125rem;
    height: 3.125rem;
    background: #FFFFFF;
    border-radius: 0.438rem;
    padding: 0;
}
.pageBackBtn svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 1.125rem;
}
/*Button CSS End*/

/*Custom Scroll CSS Start*/
.customScroll::-webkit-scrollbar{
    height: 0.25rem;
    width: 0.375rem;
    background-color: rgba(29, 31, 62, 0.25);
}
.customScroll::-webkit-scrollbar-track{
    border-radius: 0.313rem;
}
.customScroll::-webkit-scrollbar-thumb{
    margin: 0;
    border-radius: 0.313rem;
    background: #FFFFFF;
}
.customScroll_small::-webkit-scrollbar{
    height: 0.25rem;
    width: 0.375rem;
    background-color: rgba(29, 31, 62, 0.07);
    border-radius: 0.313rem;
}
.customScroll_small::-webkit-scrollbar-track{
    border-radius: 0.313rem;
}
.customScroll_small::-webkit-scrollbar-thumb{
    margin: 0;
    border-radius: 0.313rem;
    background: #777777;
}
/*Custom Scroll CSS End*/

.z-index-1{
    z-index: 1;
}
.z-index-2{
    z-index: 2;
}
.obj-cover{
    object-fit: cover;
}
.obj-contain{
    object-fit: contain;
}

/*Page Section CSS Start*/
.darkbg-section:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:  rgba(29, 31, 62, 0.9);
    z-index: 1;
}
.page-sec-title{
    font-size: 2.188rem;
    font-family: 'Sinkin Sans 700';
    font-weight: bold;
}
.page-sub-title{
    font-family: 'Sinkin Sans 500';
    font-weight: 500;
    font-size: 1.5rem;
}
.page-sub-title.f-20px{
    font-size: 1.25rem;
}
/*Page Section CSS End*/

/*Life in Guildford as a Student Start*/
@media (min-width: 1200px){
    .lg_title{
        max-width: 57.813rem;
        margin: 0 auto;
    }
    .container-1005{
        max-width: 62.813rem;
        margin: 0 auto;
    }
    .container-465{
        max-width: 29.063rem;
        margin: 0 auto;
    }
    .container-557{
        max-width: 59.813rem;
        margin: 0 auto;
    }
}

/*Life in Guildford as a Student End*/

/*Faq Section Start*/
.faq-collapse-card .card-header{
    background: transparent;
    border: 0.125rem solid rgba(29, 31, 62, 0.15);
    border-radius: 0.313rem;
    padding: 1rem;
}
.faq-collapse-card .card-header a {
    text-decoration: none;
    padding-right: 1.563rem;
    color: #1d1f3e;
    text-decoration: none;
}
.faq-collapse-card .card-body {
    color: rgba(29, 31, 62, 0.75);
}
.faq-collapse-card .faq-plusminus {
    position: relative;
    width: 1.375rem;
    height: 1.375rem;
    display: inline-block;
}
.faq-collapse-card .faq-plusminus:before, .faq-collapse-card .faq-plusminus:after {
    content: "";
    position: absolute;
    background-color: #f96e67;
    transition: transform 0.25s ease-out;
}
.faq-collapse-card .faq-plusminus:before {
    top: 0;
    left: 50%;
    width: 0.125rem;
    height: 100%;
    margin-left: -0.063rem;
}
.faq-collapse-card .faq-plusminus:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.125rem;
    margin-top: -0.063rem;
}
.faq-collapse-card .faq-plusminus:before {
    transform: rotate(90deg);
}
.faq-collapse-card .faq-plusminus:after {
    transform: rotate(180deg);
}
.faq-collapse-card .collapsed .faq-plusminus:before {
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
}

.faqLeaves{
    top: -6.5rem;
    z-index: 1;
}
@media (max-width: 1199.98px) {
    .faqLeaves{
        display: none;
    }
}
/*Faq Section End*/

/*.Guildford Universities Start*/
.gu-card{
    width: 34.375rem;
    max-width: 100%;
    min-height: 20.625rem;
    border-radius: 0.625rem;
    overflow: hidden;
}
.mx-w-330{
    max-width: 20.625rem;
}
.gu-card:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:  rgba(29, 31, 62, 0.5);
    z-index: 1;
}
/*.Guildford Universities End*/

/*Top Student Guides Start*/
.tsg-card{
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
    width: 23.125rem;
    max-width: 100%;
    border-radius: 0.625rem;
    margin: 0 auto;
    height: 100%;
}
.tsg-card .tsgImg{
    width: 100%;
    height: 20rem;
    object-fit: cover;
    border-radius: 0.625rem
}
.tsg-card-body{
    height: calc(100% - 20rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tsg_p{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /*height: 6rem;*/
}
.topg_leavs{
    bottom: -4rem;
    z-index: -1;
    height: 27.625rem;
}
@media (max-width: 1199.98px) {
    .topg_leavs{
        bottom: -10rem;
    }
}
@media (max-width: 991.98px) {
    .topg_leavs{
        bottom: -3rem;
        z-index: -1;
        height: 14rem;
        width: auto;
    }
}
/*Top Student Guides End*/

.badge-roome{
    background-color: #F96E67;
    padding: 0.5rem 1rem;
}
.cityLink a{
    text-decoration: none;
}
.cityLink .col-lg-4 {

}
/*.cityLink .col-lg-4:nth-of-type(3n + 1){

}*/
.cityLink .col-lg-4:nth-of-type(3n + 2){
    border-right: 1px solid rgba(29, 31, 62, 0.15);
    border-left: 1px solid rgba(29, 31, 62, 0.15);
}
@media (max-width: 767.98px) {
    .cityLink .col-lg-4:nth-of-type(3n + 2){
        border-right: 0;
        border-left: 0;
    }
    .cityLink .col-lg-4:nth-of-type(2n + 1){
        border-right: 1px solid rgba(29, 31, 62, 0.15);
    }
}

/* Container CSS Start */
@media (min-width: 1200px) {
    .container.container-1170 {
        max-width: 73.125rem;
    }
    .container.container-1275 {
        max-width: 79.688rem;
    }
}
/* Container CSS End */

.page-content {
    margin-top: 5.438rem;
    min-height: 50vh;
}
@media (min-width: 1600px) {
    .page-content {
        margin-top: 4.532rem;
    }
}
@media (max-width: 767.98px) {
    .page-content{
        margin-top: 4rem;
    }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 9999s ease-in-out 0s;
}
.bg-dark-form input:-webkit-autofill,
.bg-dark-form input:-webkit-autofill:hover,
.bg-dark-form input:-webkit-autofill:focus,
.bg-dark-form input:-webkit-autofill:active {
    -webkit-text-fill-color: white !important;
}
@media (min-width: 1200px) {
    html {
        font-size: 90%;
    }
}
@media (min-width: 1400px) {
    html {
        font-size: 100%;
    }
}
@media (min-width: 1600px) {
    html {
        font-size: 110%;
    }
}
@media (max-width: 767.98px) {
    html {
        font-size: 75%;
    }
}
@media (max-width: 480px) {
    html {
        font-size: 60%;
    }
}
/*Pagination CSS Start*/
.roomePagination .page-link{
    border: 0;
    background-color: transparent;
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    padding: 0;
    text-align: center;
    border-radius: 100%;
    margin: 0 0.2rem;
    margin-left: 0.2rem !important;
    box-shadow: none !important
}
.roomePagination .page-item:first-child .page-link{
    border-top-left-radius: 100%;
    border-bottom-left-radius: 100%;
}
.roomePagination .page-item:last-child .page-link{
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
}
.roomePagination .page-link:hover{
    background-color: #ffffff;
    color: #F96E67;
}
.roomePagination .page-link svg{
    vertical-align: unset;
    width: 0.5rem;
    height: 0.813rem;
}
.roomePagination .page-item.active .page-link{
    background-color: #F96E67;
    color: #ffffff;
}
.roomePagination .disabled > .page-link,.roomePagination .page-link.disabled{
    border: 0;
    background-color: transparent;
    opacity: 0.15;
}
/*Pagination CSS End*/

/*Button Tab CSS Start*/
.nav-button-tabs .nav-link{
    background: rgba(29, 31, 62, 0.03);
    border: 0.063rem solid rgba(29, 31, 62, 0.3);
    border-radius: 0.313rem;
    color: #1D1F3E;
    font-size: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.nav-pills.nav-button-tabs .nav-link.active,
.nav-pills.nav-button-tabs .show > .nav-link{
    background: #F96E67;
    border-color: #F96E67;
    color: #ffffff;
}
.nav-button-tabs .nav-item{
    margin-right: 1rem;
}
.nav-button-tabs .nav-item:last-child{
    margin-right: 0;
}
/*Button Tab CSS End*/

/*Link Tab CSS Start*/
.nav-link-tabs{
    margin-bottom: 2rem;
}
.nav-link-tabs{
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}
.nav-link-tabs::-webkit-scrollbar {
    width: 0 !important;
    display: none;
}

.tabScroll_auto .nav-link,
.nav-link-tabs .nav-link{
    margin: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 0.125rem solid transparent;
    color: rgba(0, 0, 0, 0.25);
    font-family: 'Sinkin Sans 600';
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    padding-left: 0;
    padding-right: 0;

}
.tabScroll_auto .nav-link{
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
}

.nav-link-tabs li.nav-item{
    margin-right: 1.75rem;
}

.nav-link-tabs li.nav-item:last-child{
    margin-right: 0;
}
.nav-tabs.tabScroll_auto .nav-link.active,
.nav-tabs.nav-link-tabs .nav-link.active{
    color: #1D1F3E;
    border-bottom-color:  #F96E67;
    background-color: transparent;
}

.scrollableTabs .scrtabs-tab-scroll-arrow {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    margin: 0;
    margin-top: 0.5rem;
    padding: 0;
    text-align: center;
    border: 0.063rem solid #f96e67;
    color: #f96e67;
    border-radius: 100%;
    font-size: 0.75rem;
}
.scrollableTabs .scrtabs-tab-scroll-arrow:hover{
    background-color: #f96e67;
    color: #ffffff;
}
/*shadow Tab*/
.nav-pagetab-pills{
    background: rgba(29, 31, 62, 0.05);
    border-radius: 0.313rem;
}
.nav-pagetab-pills .nav-item{
    width: 50%;
    padding: 0.188rem;
}
.nav-pagetab-pills .nav-link{
    width: 100%;
    color: #606060;
    font-size: 0.75rem;
    border-radius: 0.313rem;
    font-family: 'Sinkin Sans 600';
    font-weight: 600;
    padding: 0.5rem 1rem 0.4rem;
}
.nav-pagetab-pills .nav-link.active{
    background: #FFFFFF;
    box-shadow: 0px 6px 18px rgba(29, 31, 62, 0.1);
    color: #F96E67;

}
/*Link Tab CSS End*/

/*No Data CSS Start*/
.nodataiImage{
    width: 13.75rem;
    height: 13.75rem;
    overflow: hidden;
    display: inline-block;
    border-radius: 100%;
    background: #D9D9D9;
    position: relative;
}
.nodataiImage img{
    bottom: -2rem;
}
.blank_data img{
    width: 6.25rem;
    height: 6.25rem;
    display: inline-block;
    object-fit: contain;
}

.nopage-data img{
    width: 6.25rem;
    height: 6.25rem;
    display: inline-block;
    object-fit: contain;
    margin-bottom: 1rem;
}
.nopage-data img.bigImage-nodata{
    width: 10rem;
    height: auto;
    max-width: 100%;
}
/*No Data CSS End*/


/*Round Progress Bar CSS Start*/
.progressRound {
    display: flex;
    justify-content: center;
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 50%;
    background: conic-gradient(#F96E67 var(--progress), #ffffff 0deg);
    font-size: 0 !important;
    animation: .4s ease-out turn_in reverse;
    margin: 0 auto;
    margin-bottom: 2rem;
}

.progressRound::after {
    content: attr(data-progress);
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin: 0.625rem;
    border-radius: 50%;
    background: #f2f2f2;
    font-size: 1rem;
    text-align: center;
}
.progressRound.progress-bg-white::after{
    background: #ffffff;
}
@keyframes turn_in {
    5% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .95), #ffffff 0deg);
    }
    10% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .9), #ffffff 0deg);
    }
    15% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .85), #ffffff 0deg);
    }
    20% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .8), #ffffff 0deg);
    }
    25% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .75), #ffffff 0deg);
    }
    30% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .7), #ffffff 0deg);
    }
    35% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .65), #ffffff 0deg);
    }
    40% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .6), #ffffff 0deg);
    }
    45% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .55), #ffffff 0deg);
    }
    50% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .5), #ffffff 0deg);
    }
    55% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .45), #ffffff 0deg);
    }
    60% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .4), #ffffff 0deg);
    }
    65% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .35), #ffffff 0deg);
    }
    70% {
        background: conic-gradient(#F96E67 calc(var(--progress) * 0.3), #ffffff 0deg);
    }
    75% {
        background: conic-gradient(#F96E67 calc(var(--progress) * 0.25), #ffffff 0deg);
    }
    80% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .2), #ffffff 0deg);
    }
    85% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .15), #ffffff 0deg);
    }
    90% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .1), #ffffff 0deg);
    }
    95% {
        background: conic-gradient(#F96E67 calc(var(--progress) * .05), #ffffff 0deg);
    }
    100% {
        background: conic-gradient(#ffffff 0deg);
    }
}
/*Round Progress Bar CSS End*/

/*Page Modal CSS Start*/
.pageModal .modal-title{
    font-family: 'Sinkin Sans 600';
    font-style: normal;
    font-weight: 600;
    font-size: 1.875rem;
}
.pageModal .modal-title.f-20px{
    font-size: 1.25rem;
}
.pageModal.deleteModal .modal-title{
    font-size: 1.25rem;
}
.pageModal .modalClosebtn{
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
}
.pageModal .modalClosebtn svg{
    width: 2.25rem;
    height: 2.25rem;
    object-fit: contain;
}
.pageModal.pageModal550 .modalClosebtn svg{
    width: 1.75rem;
    height: 1.75rem;
}
.modalForm.form-control-50 textarea.form-control,
.modalForm.form-control-50 input.form-control.form-control-lg{
    background: rgba(29, 31, 62, 0.03);
}
@media (min-width: 576px){
    .pageModal .modal-dialog{
        max-width: 41.875rem;
    }
    .pageModal.pageModal470 .modal-dialog{
        max-width: 29.375rem;
    }
    .pageModal.pageModal550 .modal-dialog{
        max-width: 34.375rem;
    }
    .documentUploadModal .modal-dialog{
        max-width: 31.25rem;
    }
}
/*Page Modal CSS End*/

/*Slick Slider Intilize*/
.slick-slider-roome {
    opacity: 0;
    height: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.slick-slider-roome.slick-initialized {
    visibility: visible;
    opacity: 1;
    height: auto;
}

.sqaureArrowBtn{
    position: absolute;
    top: 50%;
    width: 3.125rem;
    height: 3.125rem;
    background: #1D1F3E;
    border-radius: 0.313rem;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1
}
.sqaureArrowBtn svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 0.75rem;
    height: 1.25rem;
    object-fit: contain;
}
.sqaureArrowBtn.slick-disabled{
    background: rgba(29, 31, 62, 0.05);
}
.sqaureArrowBtn.slick-disabled [fill="white"]{
    fill: #1D1F3E;
}
svg[width="5"][height="5"]{
    width: 0.313rem;
    height: 0.313rem;
}
svg[width="15"][height="15"]{
    width: 0.938rem;
    height: 0.938rem;
}
svg[width="20"][height="20"]{
    width: 1.375rem;
    height: 1.375rem;
}
svg[width="22"][height="22"]{
    width: 1.375rem;
    height: 1.375rem;
}
.sqareArrowPrev{
    left: -4rem;
}
.sqareArrowNext{
    right: -4rem;
}
@media (max-width: 1199.98px) {
    .sqareArrowPrev{
        left: -1.5rem;
    }
    .sqareArrowNext{
        right: -1.5rem;
    }
}
@media (max-width: 600px) {
    /*    .sqaureArrowBtn{
            width: 2rem;
            height: 2rem;
        }*/
    .sqareArrowNext{
        right: -0.5rem;
    }
    .sqareArrowPrev{
        left: -0.5rem;
    }
    .gridview-slider .sqareArrowNext{
        right: -0.5rem;
    }
    .gridview-slider .sqareArrowPrev{
        left: -0.5rem;
    }
}


/*Payment Form start*/
.paymentCard{
    width: 18.75rem;
    max-width: 100%;
    margin: 0 auto;
    height: 10rem
}
.paymentCard .btn-roome{
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    font-size: 0.8rem;
    padding: 0.1rem 0.5rem;
}
.card-remove{
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    font-size: 1rem;
    padding: 0.1rem 0.5rem;
    color: #828282;
}
.paymentcard-number{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0.5rem 1.5rem;
}

.paymentForm{
    width: 29.375rem;
    max-width: 100%;
    margin: 0 auto;
}
.paymentForm input.form-control{
    background: #FFFFFF;
    border: 0.063rem solid #1D1F3E;
    border-radius: 0.313rem;
    font-size: 1.25rem;
}

.paymentForm .form-control::-moz-placeholder {
    font-family: 'Sinkin Sans 400';
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    color: #505050;
}
.paymentForm .form-control::placeholder {
    font-family: 'Sinkin Sans 400';
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    color: #505050;
}
/*Payment Form end*/

.select2-container--bootstrap-5 .select2-selection--single.arrowDown{
    background-image: url(../img/icons/down-arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 1.25rem center !important;
    background-size: 1rem 0.75rem !important;

}
.steps-form .select2-container--bootstrap-5 .select2-selection.arrowDown{
    padding-right: 3rem;
}
.select2-container--bootstrap-5 .select2-selection--single.arrowDown.arrowDown-dark{
    background-image: url(../img/icons/select2-arrow.svg) !important;
}
.select2-container--bootstrap-5 .select2-selection--single.arrowDown.arrowDown-white{
    background-image: url(../img/icons/select2-arrow-white.svg) !important;
}

/*Page Search*/
.searchForm .btn{
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    position: absolute;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0.3rem;
}
.searchForm .btn svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}
.searchForm .form-control{
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.313rem rgba(0, 0, 0, 0.25);
    border-radius: 3.438rem;
    border: 0;
    padding-right: 3.5rem;
}
.searchForm .form-control.form-control-lg{
    min-height: calc(2em + 1rem + 4px);
    font-size: 0.875rem;
}
.searchForm .form-control::-moz-placeholder {
    color: #1D1F3E;
    font-size: 0.875rem;
    opacity: 1;
    font-family: 'Sinkin Sans 400';
    font-weight: normal;
}
.searchForm .form-control::placeholder {
    color: #1D1F3E;
    font-size: 0.875rem;
    opacity: 1;
    font-family: 'Sinkin Sans 400';
    font-weight: normal;
}

.card-bg-shadow{
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.313rem rgba(0, 0, 0, 0.25);
    border-radius: 0.625rem;
}


.member-pro-detial .member-profile{
    width: 4.375rem;
    height: 4.375rem;
    background: rgba(29, 31, 62, 0.05);
    border-radius: 0.313rem;
    margin-right: 1.25rem;
    object-fit: cover;
}
.memberContent{
    width: calc(100% - 4.375rem - 1.25rem);
}

.memberLeftDiv{
    width: calc(100% - 2rem);
    word-break: break-word;
}

.actionDropdown{
    background: #FFFFFF;
    box-shadow: -0.188rem 0.188rem 0.625rem rgba(0, 0, 0, 0.15);
    border-radius: 0.438rem 0 0.438rem 0.438rem;
    border: 0;
}

.search-control-div .search__icon{
    left: 1.25rem;
    width: 1.125rem;
    height: 1.125rem;
}
.search-control-div input.form-control-lg{
    padding-left: 3.125rem;
}

.horizontalScroll{
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}
.horizontalScroll::-webkit-scrollbar {
    width: 0 !important;
    display: none;
}

.search_loc_icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
    width: 1rem;
}

.calendly-overlay .calendly-popup {
    background-color: white !important;
}

svg[width="19"][height="19"]{
    width: 1.188rem;
    height: 1.188rem;
}
svg[width="19"][height="18"]{
    width: 1.188rem;
    height: 1.125rem;
}
svg[width="24"][height="18"]{
    width: 1.5rem;
    height: 1.125rem;
}
svg[width="24"][height="16"]{
    width: 1.5rem;
    height: 1rem;
}
svg[width="25"][height="25"]{
    width: 1.6rem;
    height: 1.6rem;
}
.chooseDirectionInput{
    width: calc(100% - 10rem);
}

.removeArrowDropdown .select2-container--bootstrap-5 .select2-selection--single.arrowDown.arrowDown-dark{
    background-image: none !important;
}

.errorOrder_3 .error{
    order: 3;
    margin-top: 0.5rem;
}
/*Common all pages CSS End*/

/*** Header Start ***/
.header-navbar {
    padding-top: 0;
    padding-bottom: 0;
    z-index: 1030;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
}
/*.header-container {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #1d1f3e;
    border-bottom: 0.063rem solid rgba(217, 217, 217, 0.75);
    transition: 0.5s all;
}*/
.header-navbar > .container {
    max-width: 83.125rem;
    height: 100%;
    z-index: 1;
}
.header-navbar .navbar-brander{
    width: 11.438rem;
    display: inline-block;
}
.header-navbar .navbar-brander img {
    object-fit: contain;
    height: 2.063rem;
    transition: 0.5s all;
}
.header-navbar.searchbar-open .z-index-3,
.header-navbar.searchbar-open .navbar-brander{
    z-index: 3;
}

.header-navbar .navbar-nav .nav-link {
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 1.916rem 0;
    color: #ffffff;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.4rem;
    outline: none;
    transition: 0.2s all;
}

.header-navbar .navbar-nav .nav-link:hover,
.header-navbar .navbar-nav .nav-link.active {
    color: #f96e67;
}

.header-navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 0.5rem;
}

.header-navbar .nav-item {
    position: static;
}

.header-navbar .nav-item.full-width-drop .dropdown-menu {
    min-width: 84.938rem;
    padding: 1rem 1.563rem 0.5rem;
    border-radius: 1.563rem;
    -webkit-border-radius: 1.563rem;
    -moz-border-radius: 1.563rem;
    -ms-border-radius: 1.563rem;
    -o-border-radius: 1.563rem;
}
.header-navbar hr.my-2 {
    border-color: #d9d9d9;
}
.dropdown-menu-center,
.full-width-drop .dropdown-menu-center[data-bs-popper="static"] {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.search-square {
    width: 3.375rem;
    height: 3.375rem;
    background-color: #f96e67;
    border-radius: 0.313rem;
    -webkit-border-radius: 0.313rem;
    -moz-border-radius: 0.313rem;
    -ms-border-radius: 0.313rem;
    -o-border-radius: 0.313rem;
}
.search-square + div {
    width: calc(100% - 4.375rem);
}
.header-card {
    background: transparent;
    border: 0.125rem solid transparent;
    border-radius: 0.438rem;
    text-decoration: none !important;
    -webkit-border-radius: 0.438rem;
    -moz-border-radius: 0.438rem;
    -ms-border-radius: 0.438rem;
    -o-border-radius: 0.438rem;
}
.header-card.active,
.header-card:hover {
    background-color: rgba(170, 171, 179, 0.25);
    border-color: #aaabb3;
}

.header-card .card-body {
    padding: 0.625rem 0.938rem;
}

.header-card h3 {
    color: #1d1f3e;
}

.header-card p {
    color: #505050;
    font-size: 0.875rem;
}

.more-drop-menu {
    right: auto !important;
    left: auto !important;
}

.more-drop-menu .dropdown-item {
    color: #1d1f3e;
    font-size: 1rem;
    font-family: "sinkin_sans400_regular";
    border-bottom: 0.063rem solid #ccc;
    padding: 0.625rem;
}

.more-drop-menu .dropdown-item:last-child {
    border-bottom: 0;
}

.nav-icon-btn {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    vertical-align: middle;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    display: inline-block;
    z-index: 2;
    outline: 0;
    box-shadow: none !important;
    border: 0;

}

.nav-icon-btn span {
    display: block;
    position: absolute;
    height: 0.25rem;
    width: 100%;
    background: #ffffff;
    border-radius: 0.563rem;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-border-radius: 0.563rem;
    -moz-border-radius: 0.563rem;
    -ms-border-radius: 0.563rem;
    -o-border-radius: 0.563rem;
}

.nav-icon-btn span:nth-child(1) {
    top: 0;
}

.nav-icon-btn span:nth-child(2),
.nav-icon-btn span:nth-child(3) {
    top: 0.625rem;
}

.nav-icon-btn span:nth-child(4) {
    top: 1.25rem;
}

.nav-icon-btn[aria-expanded="true"] span {
    background: #ffffff;
}

.nav-icon-btn[aria-expanded="true"] span:nth-child(1) {
    top: 1.125rem;
    width: 0%;
    left: 50%;
}

.nav-icon-btn[aria-expanded="true"] span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-icon-btn[aria-expanded="true"] span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-icon-btn[aria-expanded="true"] span:nth-child(4) {
    top: 1.125rem;
    width: 0%;
    left: 50%;
}

.menu-inner .nav-item {
    padding: 0 0.625rem;
}

.menu-inner .nav-link {
    font-family: "sinkin_sans500_medium";
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.563rem;
}

.menu-inner {
    width: 100%;
    z-index: -1;
    right: -100%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.menu-inner.open-menu {
    right: 0;
    width: 100%;
    z-index: 1;
}

.navbar-logo {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.sb-sidenav-toggled .navbar-logo.translate-middle {
    transform: translate(-100%, -50%) !important;
    left: 5% !important;
}

.login-btns {
    transition: 2.4s all;
    -webkit-transition: 2.4s all;
    -moz-transition: 2.4s all;
    -ms-transition: 2.4s all;
    -o-transition: 2.4s all;
    opacity: 1;
}

.sb-sidenav-toggled .login-btns {
    opacity: 0;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.signin-btn-header {
    padding: 0.469rem 0.844rem;
    display: flex;
    align-items: center;
    border-radius: 1.563rem;
    -webkit-border-radius: 1.563rem;
    -moz-border-radius: 1.563rem;
    -ms-border-radius: 1.563rem;
    -o-border-radius: 1.563rem;
}

.header-last-dropdown .dropdown-menu {
    background: #ffffff;
    border-radius: 0.938rem;
    min-width: 14.438rem;
    margin-top: 1.55rem;
    padding: 0;
    overflow: hidden;

}
.header-last-dropdown .dropdown-menu .customScroll{
    max-height: 20rem;
    overflow-y: auto;
}
.header-last-dropdown .dropdown-menu a.dropdown-item {
    font-weight: 400;
    font-size: 1rem;
    line-height: 2.313rem;
    /*color: #1d1f3e;*/
}
.header-last-dropdown .dropdown-item:focus,
.header-last-dropdown .dropdown-item:hover {
    font-weight: 600 !important;
}
.header-navbar.header-sticky {
    background-color: #1D1F3E;
    padding-top: 0;
    padding-bottom: 0;
    height: 5.438rem;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}
@media (min-width: 1600px) {
    .header-navbar.header-sticky {
        height: 4.532rem;
    }
    .header-navbar .navbar-nav .nav-link{
        padding: 1.421rem 0;
    }
    .header-last-dropdown .dropdown-menu{
        margin-top: 0.875rem;
    }
}
/*.header-navbar.header-sticky.header-open .header-container {
    z-index: 1032;
    border-bottom: 0;
}
.header-navbar.header-sticky .header-container {
    background-color: #1d1f3e;
    z-index: 1030;
}*/

.menu_ul li.mb-1:last-child {
    margin-bottom: 0 !important;
}
.header-card h3.f-18px {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0 !important;
}
.header-card p.f-16px,
.menu-title p.f-16px {
    font-size: 1rem;
    line-height: 1.25rem;
}

span.roundeMenuProfile{
    width: 1.313rem;
    height: 1.313rem;
    background-color: #1D1F3E;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
span.roundeMenuProfile img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}
span.roundeMenuProfile img.defaultProfileImage{
    filter: grayscale(1);
    height: 75%;
    object-fit: contain;
}
@media (max-width: 1399.98px) {
    .header-navbar .nav-item.full-width-drop .dropdown-menu {
        min-width: 78.688rem;
        padding: 1.25rem;
    }

    .search-square {
        width: 3rem;
        height: 3rem;
        margin-right: 0.5rem !important;
    }
    .search-square + div {
        width: calc(100% - 3.5rem);
    }
    .header-card .card-body {
        padding: 0.5rem 0.8rem;
    }
    .search-square img {
        width: 1.563rem;
        height: 2.25rem;
        object-fit: contain;
    }
}
@media (max-width: 1299.98px) {
    .header-navbar .nav-item.full-width-drop .dropdown-menu {
        min-width: 72.438rem;
        padding: 0.938rem;
    }
}
@media (max-width: 1199.98px) {
    .header-navbar .nav-item.full-width-drop .dropdown-menu {
        min-width: 66rem;
        padding: 0.938rem;
    }
    .header-navbar .container {
        max-width: 100%;
        height: 100%;
    }
    .header-navbar .navbar-nav .nav-link {
        font-size: 0.875rem;
    }

    .header-navbar .navbar-brander img {
        height: 1.5rem;
    }
    .menu-title p.f-16px {
        font-size: 0.875rem;
    }
}
@media (max-width: 1024px) {
    .header-navbar .nav-item.full-width-drop .dropdown-menu{
        min-width: 60rem;
    }
    .menu-title p.f-16px {
        font-size: 0.75rem;
    }
}
@media (max-width: 991.98px) {
    html.html-sidenav-toggled,
    body.sb-sidenav-toggled {
        overflow: hidden;
    }
    /*    .header-container {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
        }*/
    .header-navbar .navbar-brand img {
        max-height: 2.813rem;
    }
    .header-card h3.f-18px {
        margin-bottom: 0.125rem !important;
    }
    .header-navbar .navbar-nav {
        background-color: #f96e67;
        box-shadow: 0rem 0.313rem 0.625rem rgba(0, 0, 0, 0.1);
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-height: calc(100vh - 4.875rem);
        overflow-y: auto;
        /*padding: 0 !important;*/
    }

    .header-navbar .navbar-nav .nav-link {
        padding: 0.875rem 0;
        color: #ffffff;
        display: flex;
        justify-content: space-between;
        font-weight: 500;
        font-size: 1rem;
        position: relative;
    }
    .header-navbar .navbar-nav .nav-link svg{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
    }
    .header-card .card-body {
        padding: 0.5rem;
    }

    .header-navbar .navbar-collapse {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 999;
        padding: 0.5rem;
    }
    .menu_ul li.mb-1 {
        margin-bottom: 0 !important;
    }
    .header-navbar .navbar-nav .nav-link:hover,
    .header-navbar .navbar-nav .nav-link.active {
        color: #ffffff;
    }
    .header-navbar .nav-item {
        position: relative;
    }
    .header-navbar .navbar-nav .nav-item:last-child .dropdown-menu{
        margin-bottom: 1rem !important;
    }
    .header-navbar .navbar-nav .dropdown-menu {
        left: 0;
        right: 0;
        transform: unset;
    }
    .header-navbar .nav-item.full-width-drop .dropdown-menu {
        min-width: auto;
        max-width: calc(100% - 0.875rem);
        margin: 0 auto !important;
    }
    .signin-btn-header{
        padding: 0;
        border-width: 0.125rem;
    }
}
@media (max-width: 767.98px) {
    .header-navbar .navbar-nav .nav-link {
        padding: 1rem 0;
    }
    .header-navbar .navbar-nav {
        max-height: calc(100vh - 6rem);
    }
    .header-card h3.f-18px {
        margin-bottom: 0.281rem !important;
        line-height: 1.6rem;
    }
    .header-navbar .navbar-brander img {
        height: 1.5rem;
    }
    .header-navbar.header-sticky {
        height: 4rem;
    }
    .header-card {
        margin-bottom: 0.938rem;
    }
    .header-navbar .nav-item.full-width-drop .dropdown-menu {
        padding: 0.938rem;
    }
    .navbar-brander {
        transition: 0.3s all;
        text-align: center;
    }
    span.roundeMenuProfile{
        width: 14px;
        height: 14px;
    }
    /*    .header-navbar.header-sticky .navbar-brander {
            margin-left: 0;
        }
        .header-navbar.header-sticky.header-open .navbar-brander {
            margin-left: 0;
        }*/
}
@media (min-width: 992px) {
    .header-navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        right: 0;
        opacity: 0;
        visibility: hidden;
        transition:  all 0.3s ease-in-out ;
    }
    .header-navbar .nav-item:hover .dropdown-menu {
        top: 5.375rem;
        visibility: visible;
        opacity: 1;
    }
}
@media (min-width: 1600px) {
    .header-navbar .nav-item:hover .dropdown-menu{
        top: 4.5rem;
    }
}

/*Notification Start*/
.noti-drop-menu{
    min-width: 41.875rem;
}
.noti-drop-menu .dropdown-header{
    background: rgba(29, 31, 62, 0.05);
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.noti-drop-menu .dropdown-body{

    max-height: 22rem;
    overflow-y: auto;
}
.noti-drop-menu .dropdown-body ul li{
    border-bottom:  0.063rem solid rgba(29, 31, 62, 0.15);

}
.noti-drop-menu .dropdown-body ul li div.d-md-flex{
    padding: 1.25rem 1.875rem;
    cursor: pointer;
}
.noti-drop-menu .dropdown-body ul li:last-child{
    border-bottom:  0;
}
.noti-drop-menu .dropdown-body ul li div.unread,
.noti-drop-menu .dropdown-body ul li div.new-notification{
    background-color: #eaeaec;
}
.notiImg{
    width: 4.375rem;
    height: 4.375rem;
    object-fit: cover;
    background: rgba(29, 31, 62, 0.05);
    border-radius: 0.313rem;
    margin-right: 1.25rem;
}
.noti_content{
    width: calc(100% - 4.375rem - 1.25rem);
}
.noti-img-content{
    width: 27rem;
}
@media (max-width: 767.98px) {
    .noti-drop-menu .dropdown-body ul li div.d-md-flex{
        padding: 1rem;
    }
    .noti-drop-menu{
        min-width: 100%;
        margin-right: -1rem !important;
    }
}
/*Notification End*/

/** Header End **/

/*Sub Header Start*/
/* Roome - Landlord - Dashboard - CSS Start */
.container.dashboard-container {
    max-width: 100%;
}
@media (min-width: 1200px) {
    .container.dashboard-container {
        max-width: 73.125rem;
    }
}
.dashboard-header {
    background-color: rgba(29, 31, 62, 0.05);
    padding: 0.5rem 0;
    position: -webkit-sticky;
    position: sticky;
    z-index: 1029;
    top: 5.438rem;
    transition: .25s all;
}
@media (min-width: 1600px) {
    .dashboard-header {
        top: 4.532rem;
    }
}

.dashboard-header.stud-dash-header{
    background-color: rgba(255, 255, 255, 0.25);
}
body.propertyListBody .dashboard-header,
.dashboard-header.dark-dash-header{
    background-color: rgba(231, 232, 233, 1);
}
.dashboard-header ul{
    white-space: nowrap;
    overflow-x: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    scrollbar-width: none;
}
.dashboard-header ul::-webkit-scrollbar {
    width: 0 !important;
    display: none;
}
.btn.dash-btn {
    font-family: "Sinkin Sans 400";
    font-weight: normal;
    font-size: 1rem;
    padding: 0.609rem 1.5rem;
    background-color: #ffffff;
    border-color: #ffffff;
    border-radius: 0.5rem;
    color: #1d1f3e;
    position: relative;
}
.btn.dash-btn:hover,
.btn.dash-btn.active {
    background-color: #f96e67;
    border-color: #f96e67;
    color: #ffffff;
}
.btn.dash-btn:hover svg path,
.btn.dash-btn.active svg path {
    fill: #ffffff;
    stroke: rgb(255 255 255 / 0%);
}
.btn.dash-btn span.dash-btn-img {
    display: inline-block;
    width: 1.625rem;
    height: 1.625rem;
}
.btn.dash-btn span svg,
.btn.dash-btn span img {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.btn.dash-btn:hover .colorIcon,
.btn.dash-btn.active .colorIcon,
.btn.dash-btn .whiteIcon {
    opacity: 0;
}
.btn.dash-btn:hover .whiteIcon,
.btn.dash-btn.active .whiteIcon {
    opacity: 1;
}
.dashboard-title {
    margin-bottom: 2.5rem;
}
.dashboard-title p {
    color: #505050;
}
.btn.dash-btn:hover svg rect,
.btn.dash-btn.active svg rect {
    fill: #ffffff;
}
.btn.dash-btn.btn-lg {
    font-family: "Sinkin Sans 500";
    font-weight: 500;
    font-size: 1.125rem;
}
.btn.dash-btn.btn-lg svg {
    margin-right: 0.5rem;
    width: 1.875rem;
    height: 1.875rem;
    object-fit: contain;
}
.badgeCount {
    background: #ffffff;
    border: 0.125rem solid #f96e67;
    color: #f96e67;
    font-family: "Sinkin Sans 400";
    font-weight: normal;
    font-size: 0.75rem;
    min-width: 1.875rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    top: -1rem;
    right: -0.5rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.dash-card{
    width: 23.125rem;
    max-width: 100%;
    margin: 0 auto;
}
.dash-card svg,
.dash-card .whiteIcon{
    width: 3.75rem;
    height: 3.75rem;
    object-fit: contain;
}

.dash-leave-left{
    bottom: 10rem;
}
.btn.dash-btn.btn-lg.dropdown-toggle::after{
    position: relative;
    top: 0.25rem;
}
.dash-btn.dropdown-toggle.show{
    background-color: #f96e67;
    border-color: #f96e67;
    color: #ffffff;
}
.dash-btn.dropdown-toggle.show svg path[fill="#F96E67"]{
    fill: white;
}
@media (max-width: 991.98px) {
    .dashboard_ul_btns{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: -0.5rem;
        margin-right: -0.5rem;

    }
    .dashboard_ul_btns li.d-inline-block{
        margin-right: 0 !important;
        margin-left: 0 !important;
        width: 100%;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        margin-bottom: 1.4rem;
    }
    .dashboard_ul_btns{
        margin-bottom: 0;
    }
    .dashboard_ul_btns li.li_100 .btn.dash-btn.btn-lg svg{
        width: 1.875rem;
        height: 1.875rem;
    }
    .dashboard_ul_btns li.li_100 button,
    .dashboard_ul_btns li.li_100{
        width: 100%;
    }
    .w-100-btn,
    .dashboard_ul_btns li.d-inline-block a{
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .dash-leave-right{
        width: 5rem;
        top: 5%;
    }
    .dash-leave-left{
        width: 5rem;
    }
    /*    .dashboard_ul_btns li a{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            white-space: nowrap;
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
        }
        .dashboard_ul_btns .btn.dash-btn.btn-lg svg{
            margin-right: 0;
            margin-bottom: 0.5rem;
        }
        .dashboard_ul_btns .btn.dash-btn.btn-lg svg{
            width: 2.875rem;
            height: 2.875rem;
        }*/
    .dashboard-header{
        top: 4rem;
    }

}
/* Roome - Landlord - Dashboard - CSS End */


/*Sub Header End*/

/* Footer Section Start */
.footer-section {
    background-color: #f96e67;
    color: #fff;
    padding: 3.125rem 0;
}
.footer-logo img {
    object-fit: contain;
    height: 2.75rem;
    margin-bottom: 0.688rem;
}
.footer-section .btn-store {
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    line-height: 2.75rem;
    border-radius: 0.438rem;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 0;
    font-size: 1.5rem;
}
.footer-section .btn-store svg.appIconFt{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 1.25rem;
    width: auto;
}
.footer-section .btn-store img{
    height: 1.688rem;
    object-fit: contain;
}
.footer-section .btn-store img.obj-contain{
    height: 1.5rem;
}
.footer-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.footer-link {
    color: #ffffff;
    text-decoration: none;
    display: flex;
    position: relative;
    font-size: 1rem;
}
a.footer-link:hover {
    color: #2bb2a3;
}

.footer-section .container {
    max-width: 60.625rem;
    z-index: 2;
}
.ftr-ul-links li {
    margin-bottom: 0.625rem;
}
.ftr-ul-links li:last-child {
    margin-bottom: 0;
}
.ftr-bottom {
    border-top: 0.063rem solid #ffffff;
}

.ftr-bottom a {
    text-decoration: none;
}
.ruo-footer {
    font-family: "Sinkin Sans 500";
    font-weight: 500;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    border-radius: 1.563rem;
    padding: 0.313rem 1.25rem;
    margin-top: 0.625rem;
}
.ftr-bottom a.btn-store {
    width: 1.688rem;
    height: 1.688rem;
    background: rgba(255, 255, 255, 0.1);
    line-height: 1.688rem;
    font-size: 0.813rem;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
}
.ftr-bottom a.btn-store:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.footer-leaves {
    bottom: 15%;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .footer-section .container {
        max-width: 45rem;
    }
}

@media (max-width: 767.98px) {
    .footer-section .container {
        max-width: 33.75rem;
    }
    .footer-leaves {
        display: none;
    }
    .footer-logo img{
        height: 2rem;
    }
}

@media (max-width: 575.98px) {
    .footer-section {
        padding: 1.875rem 0;
    }
}

/* Footer Section End */

/*Login Sign up Modal Start*/
.loginModal .closeModal{
    right: 0.625rem;
    top: 0.625rem;
    z-index: 1;
}
.loginModal .closeModal svg {
    width: 1.375rem;
    height: 1.375rem;
}
.loginTitle span {
    width: 2.813rem;
    height: 2.813rem;
    background: #f96e67;
    border-radius: 0.625rem;
    position: relative;
}
.loginTitle span img {
    height: 1.563rem;
}
.loginTitle h3 {
    font-size: 1.4rem;
    color: #1d1f3e;
}
.loginTitle p {
    font-size: 0.875rem;
    color: #f96e67;
}
.loginForm {
    width: 22rem;
    max-width: 100%;
    min-height: 27rem;
}
.loginForm.login_modal_form{
    min-height: 24rem;
}
.loginForm.autoHeight{
    min-height: auto;
}
.plashscreen-slider {
    height: 100%;
    width: 100%;
    background: rgba(29, 31, 62, 0.9);
    border-radius: 0.938rem;
    padding: 1rem 0;
}
.loginForm .form-floating > .form-control-plaintext ~ label,
.loginForm .form-floating > .form-control:focus ~ label,
.loginForm .form-floating > .form-control:not(:placeholder-shown) ~ label,
.loginForm
.form-floating
> .form-select
~ label
.loginForm
.form-floating
> .form-control:-webkit-autofill
~ label {
    opacity: 1;
    transform: scale(0.85) translateY(-1.7rem) translateX(0.8rem);
    background-color: #ffffff;
    width: auto;
    height: auto;
    padding-bottom: 0;
}
.loginForm input.form-control {
    box-shadow: none;
    border: 0.063rem solid rgba(29, 31, 62, 0.15);
    border-radius: 0.313rem;
    /*padding-left: 1rem;*/
    font-size: 0.8rem;
}
.loginForm .form-floating > .form-control-plaintext:focus,
.loginForm .form-floating > .form-control-plaintext:not(:placeholder-shown),
.loginForm .form-floating > .form-control:focus,
.loginForm .form-floating > .form-control:not(:placeholder-shown),
.loginForm .form-floating > .form-control-plaintext:-webkit-autofill,
.loginForm .form-floating > .form-control:-webkit-autofill {
    padding-top: 1rem;
    padding-bottom: 0.8rem;
}
.loginModal .modal-content {
    border-radius: 0.938rem;
}
.at-sign {
    top: 1.5rem;
    right: 1rem;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
}
.presignup-form-modal .at-sign{
    top: 0.6rem;
    right: 0.6rem;
    width: 0.8rem;
    height: 0.8rem;
}
.pass_showhide {
    top: 1.4rem;
    right: 1rem;
    color: rgba(29, 31, 62, 0.15);
    cursor: pointer;
}
.pass_showhide:hover {
    color: rgba(29, 31, 62, 1);
}
.selectTypeBox {
    width: 10rem;
    max-width: 100%;
    height: 8.75rem;
    border-radius: 0.625rem;
    font-size: 1rem;
    color: #1d1f3e;
    padding: 0.5rem;
}
.selectTypeBox.active,
.selectTypeBox:hover {
    background: rgba(29, 31, 62, 0.05);
    color: #1d1f3e;
}

.g-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

.splashDiv{
    width: 15rem;
    max-width: 100%;
    margin: 0 auto;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.splashDiv img{
    margin-bottom: 1.5rem;
}
.splashDiv h2{
    margin-bottom: 1rem;
}
.plashscreen-slider .slick-list,
.plashscreen-slider .slick-slide div:first-child{
    height: 100%;
}
.plashscreen-slider .slick-dots{
    bottom: 3rem;
}
.slick-dots li button{
    width: 1.125rem;
    height: 0.188rem;
    background: rgba(217, 217, 217, 0.5);
    padding: 0;
}
.slick-dots li.slick-active button{
    background: #ffffff;
}
.slick-dots li button:before{
    content: '';
}

.plashscreen-slider .owl-theme .owl-dots .owl-dot span{
    width: 1.125rem;
    height: 0.188rem;
    background: rgba(217, 217, 217, 0.5);
    padding: 0;
}
.plashscreen-slider .owl-theme .owl-dots .owl-dot.active span{
    background: #ffffff;
}
.backLoginBtn{
    width: 1.625rem;
    height: 1.625rem;
    background: rgba(29, 31, 62, 0.15);
    border-radius: 0.313rem;
    display: inline-block;
    text-align: center;
    position: relative;
}
.backLoginBtn svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 0.625rem;
    height: 1rem;
    object-fit: contain;
}
.recaptaDiv font.error{
    position: relative;
    top: -1rem;
}
/*Login Sign up Modal End*/

/*Pre-sign up Modal CSS Start*/
.loginForm .form-label {
    color: rgba(29, 31, 62, 0.5);
    font-size: 0.625rem;
    margin-bottom: 0;

}
.pre-signup-modal .loginForm input.form-control {
    border: 0.063rem solid rgba(29, 31, 62, 0.15);
    border-radius: 0.313rem;
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
}
.pre-signup-modal .loginForm .at-sign {
    top: 0.8rem;
}
.presign-radio .login-radio {
    color: rgba(29, 31, 62, 0.5);
    font-size: 0.75rem;
    border: 0.063rem solid rgba(29, 31, 62, 0.15);
    border-radius: 0.313rem;
    padding: 0.4rem 0.8rem;
}
.presign-radio input[type="radio"] {
    position: absolute;
    display: none;
}
.presign-radio label span {

    display: inline-block;
    position: relative;
    top: 0.2rem;
    margin-right: 0.2rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 0.063rem solid rgba(29, 31, 62, 0.15);
    background-color: transparent;
    transform: scale(0.7);
}

.presign-radio input[type="radio"]:checked + label span:after {
    content: '';
    border-radius: 50%;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background: #f96e67;
}
.presign-radio input[type="radio"]:checked + label span {
    border-color: #f96e67;
}
.presign-radio input[type="radio"]:checked + label {
    border-color: #f96e67;
    background: rgba(249, 110, 103, 0.1);
}
.signupPass .pass_showhide {
    top: 0.75rem;
    font-size: 0.8rem;
    right: 0.6rem;

}
.phoneInput .iti {
    width: 100%;
}
.phoneInput input.phone-control {
    border: 0.063rem solid rgba(29, 31, 62, 0.15);
    border-radius: 0.313rem;
    font-size: 0.875rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0.5rem;
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #1d1f3e;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.phoneInput .iti__selected-flag .iti__flag {
    display: none;
}
.phoneInput .iti--separate-dial-code .iti__selected-flag {
    border-right: 0.063rem solid rgba(29, 31, 62, 0.15);
    background-color: transparent;
    font-size: 1rem;
}
.phoneInput.viewGroupPhone .iti__selected-flag{
    height: calc(2rem + 1rem + 0.125rem);
}
.loginPhoneInput .iti {
    width: 100%;
}
.loginPhoneInput input.phone-control {
    border: 0.063rem solid rgba(29, 31, 62, 0.15);
    border-radius: 0.313rem;
    font-size: 0.875rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0.5rem;
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #1d1f3e;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.loginPhoneInput .iti__selected-flag .iti__flag {
    display: none;
}
.loginPhoneInput .iti--separate-dial-code .iti__selected-flag {
    border-right: 0.063rem solid rgba(29, 31, 62, 0.15);
    background-color: transparent;
    font-size: 1rem;
}
.loginPhoneInput.viewGroupPhone .iti__selected-flag{
    height: calc(2rem + 1rem + 0.125rem);
}
.loginForm .loginPhoneInput .iti--separate-dial-code .iti__selected-flag{
    font-size: 0.8rem;
}
.loginForm input.form-control::-moz-placeholder {
    color: rgba(29, 31, 62, 0.25);
    opacity: 1;
    font-size: 0.75rem;
}
.loginForm input.form-control::placeholder {
    color: rgba(29, 31, 62, 0.25);
    opacity: 1;
    font-size: 0.75rem;
}
.loginForm .form-floating > .form-control::-moz-placeholder {
    color: transparent;
}
.loginForm .form-floating > .form-control::placeholder {
    color: transparent;
}
.select2-container--bootstrap-5
.select2-selection--multiple
.select2-search
.select2-search__field::-moz-placeholder {
    color: rgba(29, 31, 62, 0.25);
    opacity: 1;
    font-size: 0.75rem;
}
.select2-container--bootstrap-5
.select2-selection--multiple
.select2-search
.select2-search__field::placeholder {
    color: rgba(29, 31, 62, 0.25);
    opacity: 1;
    font-size: 0.75rem;
}
/*.select2-selection--multiple .select2-search__field {
    width: 100% !important;
}*/
.select2-container--bootstrap-5
.select2-selection--multiple
.select2-selection__rendered
.select2-selection__choice {
    font-size: 0.75rem;
}
.codeTitle {
    color: rgba(29, 31, 62, 0.5);
    font-size: 0.75rem;
}

.codeInput input.form-control {
    width: 2rem;
    padding: 0.4rem;
    text-align: center;
}
.resendLink {
    color: #f96e67;
    font-size: 0.75rem;
}
.verification-code input[type="number"]::-webkit-outer-spin-button,
.verification-code input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
.verification-code input[type="number"]{
    -moz-appearance: textfield;
}
.signup-select2 .form-select-sm~.select2-container--bootstrap-5 .select2-selection{
    font-size: 0.8rem;
    box-shadow: none;
    border: 0.063rem solid rgba(29, 31, 62, 0.15);
    border-radius: 0.313rem;
    padding: 0.375rem 2.75rem 0.375rem 0.75rem;
    min-height: calc(1.5em + 0.75rem + 2px);
}
.signup-select2 .select2-container--bootstrap-5 .select2-selection--single.arrowDown{
    background-position: right 0.75rem center !important;
    background-size: 0.75rem 0.5rem !important;
}
.signup-select2 .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{
    color: rgba(29, 31, 62, 0.25);
    opacity: 1;
    font-size: 0.75rem;
}
@media (min-width: 576px) {
    .loginModal .modal-lg {
        --bs-modal-width: 45rem;
    }
}
@media (min-width: 992px) {
    .loginModal .modal-lg {
        --bs-modal-width: 60rem;
    }
}
@media (max-width: 767.98px) {
    .backLoginBtn{
        margin-top: 1rem;
    }
}
/*Pre-sign up Modal CSS End*/

/* Form CSS Start */
.steps-form .form-label {
    font-family: "Sinkin Sans 500";
    font-weight: 500;
    font-size: 1rem;
    color: #1d1f3e;
    margin-bottom: 0rem;
}
.form-sub-label {
    font-size: 0.875rem;
    color: #505050;
}
.steps-form input.form-control {
    border: 0;
    border-bottom: 0.063rem solid rgba(80, 80, 80, 0.3);
    box-shadow: none !important;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.steps-form input.form-control.form-control-box {
    background-color: rgba(29, 31, 62, 0.03);
    border: 0.063rem solid rgba(29, 31, 62, 0.3);
    padding: 0.375rem 0.75rem;
    line-height: 2.25;
    border-radius: 0.313rem;
    -webkit-border-radius: 0.313rem;
    -moz-border-radius: 0.313rem;
    -ms-border-radius: 0.313rem;
    -o-border-radius: 0.313rem;
}
.steps-form textarea.form-control{
    border: 0.063rem solid rgba(29, 31, 62, 0.25);
    border-radius: 0.313rem;
    resize: none;
}
.steps-form .form-control::-moz-placeholder {
    font-family: "Sinkin Sans 400";
    font-weight: normal;
    font-size: 0.875rem;
    color: #505050;
}
#reviewManualModal .steps-form .form-control::-moz-placeholder{
    font-size: 0.75rem;
}

.steps-form .form-control::placeholder {
    font-family: "Sinkin Sans 400";
    font-weight: normal;
    font-size: 0.875rem;
    color: #505050;
}
#reviewManualModal .steps-form .form-control::placeholder{
    font-size: 0.75rem;
}
.steps-form .form-control.placeholderFontsize::-moz-placeholder{
    font-size: 0.75rem;
}
.steps-form .form-control.placeholderFontsize::placeholder{
    font-size: 0.75rem;
}
.locationIcon .form-control {
    content: "";
    background-image: url("../img/icons/location-green.svg");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 2rem !important;
    background-size: 1.25rem;
}
.calenderIcon .form-control {
    content: "";
    background-image: url("../img/icons/calender-color.svg");
    background-repeat: no-repeat;
    background-position: right 1rem bottom 0.8rem;
    padding-right: 2rem !important;
    background-size: 1.25rem;
}
.steps-form .select2-container--bootstrap-5 .select2-selection {
    background-color: rgba(29, 31, 62, 0.03);
    border: 0.063rem solid rgba(29, 31, 62, 0.3);
    min-height: calc(1.5em + 0.75rem + 0.875rem);
    padding: 0.375rem 0.75rem;
    line-height: 2.25;
    box-shadow: none !important;
    border-radius: 0.313rem;
    -webkit-border-radius: 0.313rem;
    -moz-border-radius: 0.313rem;
    -ms-border-radius: 0.313rem;
    -o-border-radius: 0.313rem;
}
.select-bg-white .select2-container--bootstrap-5 .select2-selection{
    background-color: #ffffff !important;
}
.steps-form
.select2-container--bootstrap-5
.select2-selection--single
.select2-selection__rendered {
    padding: 0;
    font-weight: 400;
    line-height: 2.25;
    color: #212529;
}
select.form-select,
.form-select.status-select2,
.form-control-50 .select2-container--bootstrap-5 .select2-selection,
.form-control-50 .form-control.form-control-lg{
    background: rgba(255, 255, 255, 0.03);
    border: 0.063rem solid rgba(80, 80, 80, 0.3);
    border-radius: 0.313rem;
    font-size: 1rem;
    min-height: calc(2rem + 1rem + 0.125rem);
}
.form-select.status-select2{
    background: #fff;
}
.form-control-50 .select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field,
.form-control-50 .select2-container--bootstrap-5 .select2-selection--multiple .select2-search{
    height: 2.2rem;
}
.form-control-50 .select2-container--bootstrap-5 .select2-selection--multiple .select2-search{
    width: auto;
    max-width: 100%;
}
.form-control-50 .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
    color: transparent;
}
.form-control-50 .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{
    line-height: 2.2;
}
.form-control-50 .locationIcon{
    top: 1rem;
    right: 1rem;
    pointer-events: none;
    width: 1.25rem;
    height: 1.25rem;
}
.form-control-50 .select2-container .select2-selection--single .select2-selection__clear{
    right: 1.25rem;
    width: 1.25rem;
    height: 1rem;
    background-color: #ffffff;
}
.lopIcon ul.select2-selection__rendered{
    padding-right: 2rem;
}
.form-control-gray .select2-container--bootstrap-5 .select2-selection{
    background: rgba(29, 31, 62, 0.03);
    border: 0.063rem solid rgba(29, 31, 62, 0.3);
}

.rc-buttons {
    position: relative;
}
.rc-buttons .form-rc-input {
    opacity: 0;
    position: absolute;
}
.form-rc-label {
    font-family: "Sinkin Sans 500";
    font-weight: 500;
    font-size: 1rem;
    color: #1d1f3e;
    background: rgba(29, 31, 62, 0.03);
    border: 0.063rem solid rgba(29, 31, 62, 0.3);
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    border-radius: 0.313rem;
    -webkit-border-radius: 0.313rem;
    -moz-border-radius: 0.313rem;
    -ms-border-radius: 0.313rem;
    -o-border-radius: 0.313rem;
}
.yes_no_btns .form-rc-label{
    border-color: #F96E67;
    background-color: #ffffff;
}
.rc-buttons .form-rc-input:checked + .form-rc-label {
    background: #f96e67;
    border-color: #f96e67;
    color: #ffffff;
}

.checkbox-button {
    /*cursor: pointer;*/
    display: inline-flex;
    position: relative;
}
.filterModal .checkbox-button,
.steps-form .checkbox-button{
    display: flex;
}
.checkbox-button__input {
    opacity: 0;
    position: absolute;
}

.checkbox-button__control {
    position: relative;
    top: 0.1rem;
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 0.625rem;
    vertical-align: middle;
    background-color: inherit;
    color: #017b5f;
    border: 0.094rem solid rgba(80, 80, 80, 0.5);
    border-radius: 0.125rem;
    -webkit-border-radius: 0.125rem;
    -moz-border-radius: 0.125rem;
    -ms-border-radius: 0.125rem;
    -o-border-radius: 0.125rem;
}
.bigCheckbox .checkbox-button__control{
    width: 1.875rem;
    height: 1.875rem;
}
.checkbox-button__input:checked + .checkbox-button__control:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.5rem;
    height: 0.5rem;
    background-color: #f96e67;
}
.bigCheckbox .checkbox-button__input:checked + .checkbox-button__control:after{
    width: 1rem;
    height: 1rem;
}
.checkbox-button__input:checked + .checkbox-button__control {
    border-color: #f96e67;
}
.checkbox-button__label {
    font-family: "Sinkin Sans 500";
    font-weight: 500;
    font-size: 0.875rem;
    color: #1d1f3e;
    max-width: calc(100% - 2rem);
    display: inline-block;
    cursor: pointer;
}
.checkbox-button__label.text-50{
    color: #505050;
}
.checkbox-button__label.f-16px{
    font-size: 1rem;
}
.bigCheckbox .checkbox-button__label{
    max-width: calc(100% - 2.5rem);
}
.checkbox-button.radioButton .checkbox-button__input:checked + .checkbox-button__control:after{
    width: 0.7rem;
    height: 0.7rem;
}
.checkbox-button.radioButton .checkbox-button__control,
.checkbox-button.radioButton .checkbox-button__input:checked + .checkbox-button__control:after{
    border-radius: 100%;
}
.form-switch.custom-switch .form-check-input{
    width: 2.5rem;
}
.custom-switch .form-check-input{
    height: 1.375rem;
}
.custom-switch .form-check-input:checked{
    background-color: #f96e67;
    border-color: #f96e67;
}

.bio-form-control{
    background: rgba(29, 31, 62, 0.03);
    resize: none;
}
/* Form CSS End */

/*Search Page Design Start*/

.page-title {
    padding: 4rem 0;
}
.page-title::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(29, 31, 62, 0.75);
}
.page-title .container {
    z-index: 1;
}
.page-title h2 {
    font-size: 3.125rem;
}
.page-title p {
    font-size: 1.25rem;
}
.searchpage-title img.position-absolute.start-0{
    object-fit: cover;
}
.page-content-start {
    padding: 3.125rem 0;
}
.search-c-title {
    font-size: 1.5rem;
    color: #1d1f3e;
}

@media (min-width: 1400px) {
    .container.search-container {
        max-width: 73.125rem;
    }
}

/*Search Design Start*/

/*List View Gird View CSS Start*/
.featured-property {
    background-color: #2baee5;
    color: #ffffff;
}
.premium-listing {
    background-color: #2bb2a3;
    color: #ffffff;
}
.normal-listing {
    background-color: #ffffff;
    color: #1d1f3e;
}
.imgCountSpan {
    position: absolute;
    background-color: rgba(29, 31, 62, 0.9);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.5rem;
    height: 1.875rem;
    z-index: 2;
    border-radius: 0 0.188rem 0.188rem 0;
    min-width: 4.563rem;
    font-size: 0.813rem;
}
.imgCountSpan .count__span{
    vertical-align: middle;
    line-height: 0.938rem;
}
.fp-span-title {
    position: absolute;
    width: calc(100% - 5rem);
    height: 1.875rem;
    background-color: #2baee5;
    padding-left: 5.5rem;
    z-index: 1;
    line-height: 1.875rem;
    right: 0;
    left: 0;
    font-size: 0.875rem;
}
.addvertise-card{
    border: 0.125rem dashed rgba(29, 31, 62, 0.5);
    border-radius: 0.625rem;
    min-height: 21.25rem;

}
.btn-add{
    color: #F96E67;
    font-size: 0.875rem;
    border: 0.125rem solid rgba(29, 31, 62, 0.25);
    border-radius: 6.25rem;
    width: 11.875rem;
    max-width: 100%
}
/*List View CSS Start*/
.listview-card {
    border: 0;
    border-radius: 0.625rem;
    overflow: hidden;
}
.list-content-card{
    border-radius: 0rem 0.625rem 0rem 0rem !important;
    height: 100%;
}
.featured-property .list-content-card {
    margin-top: 1.5rem;
    z-index: 1;
}
.featured-property .list-content-card {
    border: 0.313rem solid #2baee5;
    height: calc(100% - 1.5rem);
}
.premium-listing .list-content-card {
    border: 0.313rem solid #2bb2a3;
}
.list-content-card h4 {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}
.list-content-card p.dispatch_bed,
.list-content-card p.gu_p {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
}
.list-content-card a.p_desc,
.list-content-card p.p_desc {
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.625rem;
}
.list-content-card p.p_desc{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.813rem;
    margin-bottom: 1.5rem !important;
}
.keylist_ul li svg {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
    margin-right: 0.5rem;
}
.keylist_ul li {
    margin-bottom: 0.5rem;
}
.clubImg {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: cover;
    margin-right: 0.25rem;
    border-radius: 100%;
}
.listAddress {
    width: calc(100% - 2.5rem - 0.25rem);
}
.listAddressDiv {
    width: calc(100% - 7rem);
}
.listAddressDiv.lad_only_div:only-child{
    width: 100%;
}
.list-footer {
    border-top: 0.063rem solid #ffffff;
}
.list_action_ul a.font-600 {
    position: relative;
    top: -0.2rem;
    color: #ffffff;
}
.list_action_ul a svg{
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
    margin-right: 0.313rem;
}
.listview-price img,
.listview-price svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.625rem;
}

svg[width="30"][height="22"]{
    width: 1.875rem;
    height: 1.375rem;
}
svg[width="26"][height="26"]{
    width: 1.625rem;
    height: 1.625rem;
}
.listview-price p {
    color: rgba(255, 255, 255, 0.8);
}
.listview-slider {
    height: 19.5rem;
    overflow: hidden;
}
.vertical-devider {
    width: 0.063rem;
    height: 2.125rem;
    background-color: #ffffff;
    display: inline-block;
    margin: 0 1rem;
}
.vertical-devider.gray_vd{
    background-color: rgba(29, 31, 62, 0.25);
}
.list-featuredimg-slider img {
    width: 100%;
    height: 10.375rem;
    display: inline-block;
    object-fit: cover;
}

.thumnail_twoslide .list-featuredimg-slider img,
.thumnail_threeslide .list-featuredimg-slider img {
    width: 100%;
    display: inline-block;
    object-fit: cover;
}
.thumnail_twoslide .list-featuredimg-slider img {
    height: 10.375rem;
}
.thumnail_threeslide .list-featuredimg-slider img{
    height: 6.5rem;
}

.list-singleimg-slider img {
    width: 100%;
    height: 19.5rem;
    object-fit: cover;
}

.list-singleimg-slider-normal img {
    width: 100%;
    height: 19.5rem;
    object-fit: cover;
}

.slick-track {
    height: 100%;
}
.sliderPrev,
.sliderNext {
    width: 3rem;
}
.sliderPrev a,
.sliderNext a {
    z-index: 1;
}
.sliderPrev a svg, .sliderNext a svg{
    height: 1.25rem;
    width: 0.75rem;
    object-fit: contain;
}
.pro-detail-slider .sliderPrev a svg,
.pro-detail-slider .sliderNext a svg{
    width: 1.5rem;
    height: 2.5rem;
    object-fit: contain;
}
.sliderPrev::before {
    content: "";
    background: linear-gradient(
        270deg,
        rgba(255, 255, 255, 0) 0%,
        #1d1f3e 100%
        );
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.sliderNext::before {
    content: "";
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #1d1f3e 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
/*.list-featuredimg-slider .slick-list {
    height: 100% !important;
}*/
.premHomeClub {
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0.5rem;
}
.pl-badge {
    position: absolute;
    z-index: 2;
    right: 0.5rem;
    top: 0.5rem;
    background-color: rgba(43, 178, 163, 0.75);
    border-radius: 0.313rem;
    padding: 0.3rem 0.75rem;
}
.bedroomBadge{
    position: absolute;
    z-index: 2;
    right: 0.5rem;
    bottom: 0.5rem;
    background-color: #26326a;
    color: #ffffff;
    border-radius: 0.313rem;
    padding: 0.25rem 0.5rem;
    line-height: 1.5;
}
.normal-listing .listview-price p {
    color: rgba(29, 31, 62, 0.8);
}
.normal-listing .list-footer {
    border-top: 0.063rem solid rgba(29, 31, 62, 0.25);
}
.normal-listing .list-content-card {
    border: 0.313rem solid #ffffff;
}
.normal-listing .vertical-devider {
    background-color: rgba(29, 31, 62, 0.25);
}
.normal-listing .list_action_ul a {
    position: relative;
    top: -0.2rem;
    color: #1d1f3e;
}
.normal-listing .list_action_ul .dropdown-menu a{
    color: #ffffff;
}
.btn-outline-primary:focus svg path,
.btn-outline-primary:hover svg path{
    fill: #ffffff;
}
.btn-outline-primary.stroke-svg-btn:focus svg path,
.btn-outline-primary.stroke-svg-btn:hover svg path{
    stroke: #ffffff;

}
.listview-right-card .card-body{
    border-bottom: 0.063rem dashed rgba(29, 31, 62, 0.25);
}
.listview-right-card .card-body:last-child{
    border-bottom: 0;
}

.listview-right-card .card-body:last-child{
    position: sticky;
    top: 11.938rem;
}

.listview-slider .sliderPrev,
.listview-slider .sliderNext{
    height: 21rem;
}
.normal-listing svg path[fill="#ffffff"],
.normal-listing svg path[fill="white"]{
    fill: #1D1F3E;
}

.normal-listing .imgCountSpan svg path[fill="white"],
.normal-listing .sliderPrev svg path[fill="white"],
.normal-listing .sliderNext svg path[fill="white"]{
    fill: white;
}
.slider-nav .slick-prev {
    display: none !important;
}
@media (min-width: 992px){
    .listviewRow .col-lg-9{
        width: 73.5%;
    }
    .listviewRow .col-lg-3{
        width: 26.5%;
    }
}

/*List View CSS End*/

/*Grid View CSS Start*/
.gridview-card{
    width: 23.125rem;
    max-width: 100%;
    border: 0;
    overflow: hidden;
}
.gridview-card .card-body{
    padding: 0.188rem;
}
.gridviewSlider{
    height: 15.625rem;
    border-radius: 0.313rem 0.313rem 0 0;
    overflow: hidden;
}
.gridviewSlider img{
    border-radius: 0.313rem 0.313rem 0 0;
}
.gridview-card .imgCountSpan{
    border-radius: 0.188rem 0 0.188rem 0;
    color: #ffffff;
}
.imgCountSpan svg{
    height: 0.938rem;
    width: 1.25rem;
    object-fit: contain;
}
.imgCountSpan svg[width="16"]{
    width: 1rem;
}
.gridview-card.featured-property .imgCountSpan{
    top: 1.87rem;
}
.gridview-card.featured-property .fp-span-title{
    position: absolute;
    width: 100%;
    height: 1.875rem;
    background-color: #2baee5;
    padding-left: 0.625rem;
    z-index: 1;
    line-height: 1.875rem;
    right: 0;
    left: 0;
    font-size: 0.75rem;
    z-index: 2;
}
.gridview-card.premium-listing .pl-badge{
    font-size: 0.5rem;
}
.gridview-card .timeBadge{
    position: absolute;
    background: rgba(29, 31, 62, 0.75);
    color: #ffffff;
    border-radius: 0.313rem;
    bottom: 3.125rem;
    left: 0.688rem;
    font-size: 0.5rem;
    padding: 0.25rem 0.4rem;
    z-index: 2;
}

.gridview-card .byStud{
    background: #F96E67;
    color: #ffffff;
    position: absolute;
    border-radius: 0.313rem;
    bottom: 4.75rem;
    left: 0.688rem;
    font-size: 0.5rem;
    padding: 0.25rem 0.4rem;
    z-index: 2;
}
.gridview-card .gridBedAvilble{
    background: #26326a;
    color: #ffffff;
    position: absolute;
    border-radius: 0.313rem;
    font-size: 0.5rem;
    padding: 0.25rem 0.4rem;
    z-index: 2;
    right: 0.5rem;
    top: 2.25rem;
}
.gridview-card.normal-listing .gridBedAvilble{
    top: 0.5rem;
}
.slider-footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0.313rem;
    left: 0;
    right: 0;
    padding-right: 0.625rem
}

.slider-footer{
    z-index: 2;
}
.gridview-card.featured-property .slider-footer{
    background: rgba(43, 174, 229, 0.9);

}
.gridview-card.premium-listing .slider-footer{
    background: rgba(43, 178, 163, 0.9);
}
.gridview-card.normal-listing .slider-footer{
    background: rgba(255, 255, 255, 0.9);
}
.gridview-card .list_action_ul a img,
.gridview-card .list_action_ul a svg{
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
    margin-right: 0;
}
.gridview-card .sliderPrev a,
.gridview-card .sliderNext a{
    position: relative;
    top: -1rem;
}

.grid-content{
    border-radius:  0 0 0.313rem 0.313rem;
}
.grid-content ul li img{
    width: 1rem;
    height: 1rem;
    object-fit: contain;
    margin-right: 0.5rem;
}
.grid-content .vertical-devider{
    background-color: #1D1F3E;
}
.gridbedBath svg{
    height: 1.125rem;
    object-fit: contain;
}
.gridbedBath .vertical-devider{
    height: 1.5rem;
    margin: 0 .5rem;
}
.grid-content .btn-contact{
    padding: 0.625rem 0.5rem;
    line-height: 1;
    width: 5.625rem;
    margin-right: 0.25rem;
    margin-left: auto;
    white-space: nowrap;
}
.grid-content ul{
    width: calc(100% - 7.4rem);
}
@media (max-width: 320px) {
    .grid-content ul{
        width: calc(100% - 10rem);
    }
}
/*.gridview-card.normal-listing .gridbedBath{
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}*/
/*.gridview-card.normal-listing .grid-content ul{
    width: 100%;
}
.gridview-card.normal-listing .grid-content ul li:first-child{
    width: calc(100% - 7.4rem);
}*/
.gridviewSlider .slick-list .slick-slide div,
.gridviewSlider .slick-list{
    height: 100%;
}
.gridview-card .sliderNext::before,
.gridview-card .sliderPrev::before{
    z-index: 1;
}
.gridview-card .sliderNext::before{
    border-radius: 0rem 0.313rem 0rem 0rem;
}
.gridview-card .sliderPrev::before{
    border-radius: 0.313rem 0rem 0rem 0rem;
}
.gridClubImg{
    position: absolute;
    bottom: 3.5rem;
    right: 0.75rem;
    z-index: 1;
}
.gridClubImg .clubImg{
    margin-right: 0;
    border-radius: 100% !important;
    object-fit: cover;
}
.cross-tag-grid{
    width: 10rem;
    height: 2.5rem;
    line-height: 2.5rem;
    display: inline-block;
    position: absolute;
    font-family: 'Sinkin Sans 600';
    font-weight: 600;
    font-size: 0.75rem;
    text-align: center;
    color: #ffffff;
    transform: rotate(-45deg);
    z-index: 3;
    top: 5%;
    left: -10%;
}
.cross-tag-grid.stc-tag{
    background-color: #2BAEE5;
}
.listview-card .cross-tag-grid{
    left: -3rem;
    top: 0.75rem;
}
.getNotifiedOverlay{
    background: rgba(29, 31, 62, 0.65);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}
.noimagesGrid{
    background-color: #DBDBE0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.gridviewSlider img.noimgicon{
    width: 3.375rem;
    height: 3.375rem;
    object-fit: contain;
    border-radius: 0;
}
/*Grid View CSS End*/

/*List Grid CSS Start*/
.socialShareBtn{
    width: 1.875rem;
    height: 1.875rem;
    text-align: center;
    line-height: 1.875rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    padding: 0;
}
.shareDropdown .dropdown-menu{
    min-width: 12rem;
    padding: 0.5rem;
    bottom: 2rem !important;
    top: auto !important;
    transform: translateX(-60%) !important;
}
.gridview-card .shareDropdown .dropdown-menu{
    transform: translateX(-90%) !important;
}
.shareDropdown > .dropdown-menu:before {
    content: '';
    position: absolute !important;
    top: 96%;
    right: 44%;
    bottom: 0;
    left: auto;
    width: 0;
    height: 0;
    border-left: 0.625rem solid transparent;
    border-right: 0.625rem solid transparent;
    border-bottom: 0.625rem solid #fff;
    transform: rotate(180deg);
}
@media (max-width: 991.98px) {
    .listview-card .shareDropdown .dropdown-menu{
        transform: translateX(-77%) !important;
    }
    .listview-card .shareDropdown > .dropdown-menu:before{
        right: 28%;
    }
}

.gridview-card .shareDropdown > .dropdown-menu:before{
    right: 5%;
}
/*.gridview-card.normal-listing .list_action_ul a{
    top: 0;
}*/
.list-single-slider-normal .slick-slide div{
    height: 100%;
}
.list-single-slider-normal .slick-slide div .item.h-100 img{
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.list-single-slider-normal .slick-list{
    height: 100%;
}
/*List Grid CSS End*/

/*Grid With MAP View CSS Start*/
.map-card {
    border-radius: 0.625rem;
    background-color: #e7e7e7;
    min-height: 50vh;
}
.backBtnMap{
    width: 3.125rem;
    height: 3.125rem;
    background-color: #FFFFFF;
    position: absolute;
    left: 1rem;
    top: 1rem;
    border: 0;
}
/*Grid With MAP View CSS End*/

/*MAP View CSS Start*/
.mapview-div{
    width: 100%;
    min-height: 50rem;
    position: relative;
    background-color: #e7e7e7;
    margin-top: -3.125rem;
    /*margin-bottom: -3.125rem;*/
}
.gridMapBox{
    position: absolute;
    top: 2rem;
    left: 3rem;
}
.mapview-div .showmapBtn{
    position: absolute;
    transform: translate(-50%, -50%);
    bottom: 4rem;
    left: 50%;
}
.showmapBtn svg{
    width: 2.063rem;
    height: 1.938rem;
    object-fit: contain;
}
.mapview-div .gm-style .gm-style-iw-c{
    padding: 0;
}
.mapview-div .gm-style .gm-style-iw-d{
    margin-right: -1.15rem;
    margin-bottom: -0.5rem;
}
.mapview-div button[aria-label="Close"]{
    top: 0.313rem !important;
    right: 0.375rem !important;
    width: 1.375rem !important;
    height: 1.375rem !important;
    background: #ffffff !important;
    border-radius: 100%;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    z-index: 2;
}
.mapview-div button[aria-label="Close"] span{
    margin: 0 auto !important;
}

.mapview-div .gridview-card{
    width: 18rem;
}
.mapview-div .gridview-card .imgCountSpan{
    font-size: 0.875rem;
    min-width: 2rem;
    height: 1.5rem;
}
.mapview-div .gridview-card .imgCountSpan svg {
    height: 0.685rem;
    width: auto;
    object-fit: contain;
}
.mapview-div .gridview-card .gridviewSlider{
    height: 13rem;
}
.mapview-div .gridview-card .listview-price svg{
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
}
.mapview-div .gridview-card .f-16px{
    font-size: 0.675rem;
}
.mapview-div .gridview-card .f-10px {
    font-size: 0.5rem;
}
.mapview-div .gridview-card .list_action_ul a svg{
    width: 1rem;
    height: 1rem;
}
.mapview-div .gridview-card .f-14px {
    font-size: 0.675rem;
}
.mapview-div .grid-content ul li img{
    width: 0.775rem;
    height: 0.775rem;
    margin-right: 0.25rem;
}
.mapview-div .gridview-card .mb-2{
    margin-bottom: 0.25rem !important;
}
.mapview-div .gridbedBath svg{
    height: 0.875rem;
}
.mapview-div .gridbedBath .vertical-devider{
    height: 1rem;
    margin: 0 0.35rem;
}
.mapview-div .grid-content .btn-contact{
    padding: 0.5rem 0.875rem;
    line-height: 1;
    width: 4.5rem;
    margin-right: 0;
    font-size: .5rem;
    margin-left: auto;
    border-radius: 0.4rem;
}

.mapview-div .gridClubImg{
    bottom: 2.5rem;
    right: 0.5rem;
}
.mapview-div .gridview-card .timeBadge{
    bottom: 2.5rem;
    left: 0.5rem;
}
@media (max-width: 991.98px) {
    .mapview-div .gm-style .gm-style-iw-d{
        margin-right: 0;
    }
}


/*MAP View CSS End*/
.showMapbuttonFix{
    z-index: 3;
    position: sticky;
    bottom: 1rem;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 2rem;
}
.showmapBtn{
    border-radius: 3.75rem;
}
.listmapBtn svg{
    height: 1.375rem;
}


/*List View Gird View CSS End*/


/*Student Grid View CSS Start*/
.student-grid-card{
    width: 16.875rem;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.student-grid-card .card-header{
    position: relative;
    width: 100%;
    height: 11.125rem;
    overflow: hidden;
}
.individual-card .card-footer{
    background: #F96E67;
}
.group-card .card-footer{
    background: #2BB2A3;
}
.student-grid-card .card-footer a.btn-light{
    background: rgba(255, 255, 255, 0.15);
    border-radius: 0.313rem;
    border: 0;
    padding: 0 0.5rem;
    line-height: 3;
}
.student-grid-card .card-footer a svg{
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 1.125rem;
    object-fit: contain;
}
.three-line-paragraph{
    height: 2.813rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.group-badge{
    background: rgba(43, 178, 163, 0.9);
    border-radius: 0.313rem;
    position: absolute;
    color: #ffffff;
    padding: 0.3rem;
    top: 0.5rem;
    right: 0.5rem;
}
.owen-badge{
    background: rgba(249, 110, 103, 0.9);
    border-radius: 0.313rem;
    position: absolute;
    color: #ffffff;
    padding: 0.3rem;
    bottom: 0.5rem;
    left: 0.5rem;
    z-index: 1;
}
.stud-grid-slider img{
    border-radius: 1rem 1rem 0 0;
}
.stud-grid-slider .slick-slide div a,
.stud-grid-slider .slick-list,
.stud-grid-slider .slick-slide div{
    height: 100%;
}
.stud-grid-slider .sliderNext::before{
    border-radius: 0rem 1rem 0rem 0rem;
}
.stud-grid-slider .sliderPrev::before{
    border-radius: 1rem 0rem 0rem 0rem;
}

.saveHousemate svg{
    width: 1.5rem;
    height: 1.375rem;
}

.myhouse_pagination .mt-5{
    margin-top: 0 !important;
    margin-bottom: 0;
}
/*Student Grid View CSS End*/

/*Grid View Mobile CSS Start*/
@media (max-width: 575.98px) {
    .container.search-container{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .gridview-card{
        width: 100%;
    }
    .gridviewSlider{
        height: 20rem;
    }
    .gridview-card .listview-price svg + div{
        position: relative;
        top: 0.094rem;
    }
    .imgCountSpan .count__span{
        margin-top: 0.188rem;
    }
}
/*Grid View Mobile CSS End*/

/*List View Mobile CSS Start*/
@media (max-width: 991.98px) {
    .list-content-card p.p_desc{
        -webkit-line-clamp: 2;
        height: 1.875rem;
    }


}
/*List View Mobile CSS End*/

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){
    background-color: #f96e67;
}
.hrh-drop-select .select2-container--bootstrap-5.select2-container--focus .select2-selection,
.hrh-drop-select .select2-container--bootstrap-5.select2-container--open .select2-selection{
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
    border-color: transparent
}
/*Search CSS Start*/
.hrh-drop-select{
    width: 10rem;
    max-width: 100%;
}
.hrh-drop-select  .select2-selection--single.hrh__select2 {
    border-radius: 0.938rem !important;
}
.form-select.hrh-select,
.select2-selection--single.hrh__select2{
    height: 3.5rem;
    box-shadow: 0rem 0rem 0.313rem rgb(0 0 0 / 25%);
    border-radius: 0.938rem;
    background-position: 8rem 1.35rem;
    background-size: 1rem 1rem;
}
.form-select.hrh-select{
    pointer-events: none;
}
.select2-selection--single.hrh__select2 .select2-selection__rendered{
    line-height: 2.5;
}
.search-main-container{
    width: 32.125rem;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.search-main-container.homepage-mainSearch{
    width: 36.125rem;
}
.search-flex{
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.313rem rgba(0, 0, 0, 0.25);
    border-radius: 3.344rem;
    min-height: 3.5rem;
    display: flex;
    /*flex: 1 1 0%;*/
    height: 100%;
    min-width: 0;
    pointer-events: auto;
    transition: 0.5s all;
}
.search-flex:hover {
    background-color: rgba(29, 31, 62, 0.25);
    box-shadow: 0rem 0rem 0.25rem rgb(0 0 0 / 25%);
}


.search-input,
.search-rooms,
.search-move{
    flex: 1 0 0%;
    min-width: 0;
}
.homepage-mainSearch .search-input{
    flex: 1 0 32%;
}
.homepage-mainSearch .search-rooms{
    flex: 1 0 28%;
}
.homepage-mainSearch .search-move{
    flex: 1 0 40%;
}

@media (max-width: 1199.98px) {
    .search-main-container.homepage-mainSearch {
        width: 34.125rem;
    }
}
@media (max-width: 991.98px) {
    .homepage-mainSearch .search-input{
        flex: 1 0 40%;
    }
    .homepage-mainSearch .search-rooms{
        flex: 1 0 25%;
    }
    .homepage-mainSearch .search-move{
        flex: 1 0 35%;
    }
}
@media (max-width: 575.98px) {
    .homepage-mainSearch .search-input{
        flex: 1 0 32%;
    }
    .homepage-mainSearch .search-rooms{
        flex: 1 0 28%;
    }
    .homepage-mainSearch .search-move{
        flex: 1 0 40%;
    }
}
.search-rooms .search-lable{
    width: 100%;
    height: 100%;
}
.search-control{
    position: relative;
    align-items: center;
    display: flex;
    flex: 1 0 0%;
    min-width: 0;
    height: 100%;
}
.search-lable::after {
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: 3.125rem;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    position: absolute;
    top: 0;
    z-index: 0;
}
.search-lable:hover::after {
    background-color: #ffffff;
}

.search-rooms .select2-container{
    height: 100%;
}
.form-select.bedrooms-select2,
.search-rooms .select2-selection--single{
    background-image: none;
    border: 0;
    box-shadow: none !important;
    border-radius: 0;
    font-size: 0.875rem;
    font-family: "Sinkin Sans 400";
    font-weight: normal;
    background-color: transparent;
    padding-right: 2rem;
}
.search-rooms .select2-selection--single{
    padding-right: 0.75rem;
}
.form-select.bedrooms-select2{
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d;
    pointer-events: none;
    height: 100%;
}
.search_devider{
    border-right: 0.063rem solid #E9EAEC;
    align-self: center;
    flex: 0 0 0;
    height: 2.188rem;
}
.search-lable::before {
    content: '';
    height: 2.188rem;
    position: absolute;
    top: 50%;
    z-index: 0;
}
.search-lable.ls-label::before{
    border-left: 0 !important;
}
.search-lable.move-label::before{
    border-right: 0 !important;
}
.search-flex.bedroom-select-open .search-lable.room-lable::before,
.search-lable:hover::before {
    border-width: 0 0.063rem;
    border-style: solid;
    border-color: #c6c7cf;
    left: 0;
    right: 0;
    margin: -0.063rem;
    margin-top: -1rem;
    top: 1.67rem;
}
.search-rooms .select2-selection--single .select2-selection__rendered{
    line-height: 3;
    color: #1D1F3E;
    position: relative;
    top: 0.05rem;
    padding-right: 1rem;
}
.date_anchure.text-dark{
    color: #1D1F3E !important;
}
.select2-dropdown.center-select2 {
    border: 0;
    border-radius: 1.875rem !important;
    background-color: #ffffff;
    overflow: hidden;
    margin-top: 0.5rem;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25);

}
.select2-dropdown.center-select2.select2-dropdown--above {
    margin-top: -1rem;
}
.center-select2 ul.select2-results__options::-webkit-scrollbar{
    height: 0.25rem;
    width: 0.375rem;
    background-color: #ffffff;
}
.center-select2 ul.select2-results__options::-webkit-scrollbar-track{
    border-radius: 0.125rem;
}
.center-select2 ul.select2-results__options::-webkit-scrollbar-thumb{
    margin: 0.125rem;
    border-radius: 0.125rem;
    background: #dee2e6;
}
.center-select2 ul li.select2-results__option{
    color: #1D1F3E;
    font-family: "Sinkin Sans 400";
    font-weight: normal !important;
    font-size: 0.875rem !important;
    text-align: center;
}
.search-flex.bedroom-select-open {
    background-color: rgba(29, 31, 62, 0.25);
}
.header-navbar .search-flex:hover,
.header-navbar .search-flex.bedroom-select-open{
    background-color: rgb(255 255 255 / 90%);
}
.header-navbar .search-flex.bedroom-select-open .search-lable.room-lable::before,
.header-navbar .search-lable:hover::before{
    border-color: #e9e9ec;
}
.search-flex.bedroom-select-open .search-lable.room-lable::after{
    background-color: #ffffff;
}
.search-flex .btn-primary{
    width: 2.688rem;
    height: 2.688rem;
    border-radius: 100%;
    position: absolute;
    right: 0.5rem;
    top: 0.45rem;
}
.search-flex .btn-primary svg{
    width: 1.25rem;
}
.search-flex .btn-primary svg.align-top{
    vertical-align: -0.188rem !important;
}
.search-flex .btn-primary[disabled="disabled"]{
    line-height: 1.5;
}
.date_anchure{
    font-size: 0.875rem;
    font-family: "Sinkin Sans 400";
    font-weight: normal;
    color: #6c757d !important;
    padding-left: 0.75rem;
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-lable.move-label{
    width: calc(100% - 4.5rem);
}
.search-lable.move-label,
.search-lable.move-label .dropdown,.search-lable.move-label .dropdown .date_anchure{
    height: 100%;
}
.dropdown-menu.spd-menu {
    width: 32.125rem;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.25);
    border-radius: 1.875rem;
    border: 0;
    right: -4.5rem !important;
}
.spd-menu .nav-pills .nav-item {
    background-color: #D9D9D9;
    padding: 0.313rem;
    border-radius: 2.5rem 0 0 2.5rem;
}
.spd-menu .nav-pills .nav-item:last-child {
    border-radius: 0 2.5rem 2.5rem 0;
}
.spd-menu .nav-pills .nav-item .nav-link {
    color: #1D1F3E;
    font-weight: 500;
    font-size: 0.625rem;
    border-radius: 6.25rem;
}
.spd-menu .nav-pills .nav-item .nav-link.active {
    box-shadow: 0px 0px 0.313rem rgb(0 0 0 / 25%);
    background-color: #ffffff;
}
.radioSelectore {
    position: relative;
}
.radioSelectore input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.radioSelectore .radioLabel {
    font-weight: 400;
    font-size: 0.625rem;
    color: #1D1F3E;
    border: 1px solid #D9D9D9;
    border-radius: 6.25rem;
    padding: 0.625rem 0.75rem;
    cursor: pointer;
}
.radioSelectore input[type="radio"]:checked + .radioLabel {
    border-color: #1D1F3E;
    background-color: rgba(217, 217, 217, 0.5);
}
.date-slider {
    width: 100%;
}
.period-slider{
    text-align: center;
}
.calender-card {
    border: 1px solid #D9D9D9;
    border-radius: 0.625rem;
    width: 5rem;
    height: 5rem;
    padding: 0.8rem 0.313rem 0.5rem;
    display: inline-block;
}
.period-slider .calender-card{
    padding-top: 0.5rem;
}
.calender-card img{
    width: 1.2rem;
}
.date-slider .slick-arrow {
    width: 1.25rem;
    height: 1.25rem;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);
    border-radius: 100%;
    z-index: 1;
    font-size: 0.625rem;
}
.date-slider .slick-arrow.slick-prev {
    left: -0.625rem;
}
.date-slider .slick-arrow.slick-next {
    right: -0.625rem;
}
.date-slider .slick-arrow:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.625rem;
    color: #000;
}
.date-slider .slick-arrow.slick-prev::after {
    content: "\f053";
}
.date-slider .slick-arrow:before{
    content: '';
}
.search-rooms .select2-selection--single .select2-selection__clear,
.search_cleare{
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    right: 0.5rem;
    background: #E9EAEC !important ;
    border-radius: 100%;
    font-size: 0.5rem;
    text-align: center;
    padding: 0;
    color: #000 !important;
    overflow: visible;
    text-indent: unset;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;

}
@media (max-width: 575.98px) {
    .search-rooms .select2-selection--single .select2-selection__clear,
    .search_cleare{
        width: 10px;
        height: 10px;
        line-height: 10px;
        font-size: 5px;
    }
    .search-rooms .select2-selection--single .select2-selection__clear:before{
        line-height: 1;
    }
    .search_cleare i{
        position: absolute;
        top: 50%;
        left: 48%;
        transform: translate(-50%,-50%);
    }
}
.search-rooms .select2-selection--single .select2-selection__clear{
    right: 0;
}
.search-rooms .select2-selection--single .select2-selection__clear{
    color: transparent !important;

}
.search-rooms .select2-selection--single .select2-selection__clear:before{
    content: "\f00d";
    font-weight: 900;
    color: #000 !important;
    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: 3; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.search-move .search_cleare{
    right: 3.5rem;
}
.location-seach {
    border: 0;
    font-size: 0.875rem;
    line-height: 1.783;
    position: relative;
    z-index: 1;
    box-shadow: none !important;
    background-color: transparent !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 100%;
    display: block;
    padding-right: 2rem;
}
.ui-widget.ui-widget-content.location-dropdown {
    width: 19rem !important;
    margin-bottom: 0 !important;
    background: #FFFFFF;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 25%);
    border-radius: 1.875rem;
    z-index: 1031;
    border: 0;
    max-height: 13.75rem;
    overflow-y: auto;
    display: inline-block;
    margin: 0;
    margin-top: 0.5rem;
    padding: 0;
}
.ui-widget.ui-widget-content.location-dropdown.nearplace-dropdown{
    border: 0.063rem solid rgba(80, 80, 80, 0.3);
}
.location-dropdown{
    scrollbar-width: thin;
    scrollbar-color: #cccccc transparent;
}
.location-dropdown::-webkit-scrollbar {
    height: 0.25rem;
    width: 0.375rem;
    background-color: transparent;
}
.location-dropdown::-webkit-scrollbar-track {
    border-radius: 0.125rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.location-dropdown::-webkit-scrollbar-thumb {
    margin: 0.125rem;
    border-radius: 0.125rem;
    background: #dee2e6;
}
.ui-menu.location-dropdown .ui-menu-item:first-child {
    padding-top: 1.375rem;
}
.ui-menu.location-dropdown .ui-menu-item:only-child{
    padding-top: 0.563rem;
}
.ui-menu.location-dropdown .ui-menu-item {
    display: flex;
    align-items: center;
    padding: 0.563rem 1.313rem;
}
.location-result-img {
    width: 2.688rem;
    height: 2.688rem;
    display: inline-block;
    background: #e9eaec !important;
    border-radius: 0.313rem !important;
    border: 0 !important;
    padding: 0 !important;
    position: relative !important;
    margin: 0 !important;
    margin-right: 0.5rem !important;
}
.location-result-img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    height: 1.375rem;
    width: auto;
}
.location-name {
    width: calc(100% - 3.2rem);
    padding: 0 !important;
    background-color: transparent !important;
    margin: 0 !important;
    color: #000000 !important;
    border: 0 !important;
    font-family: 'Sinkin Sans 400';
    font-weight: normal;
    font-size: 0.8rem;
}


.searchbar-header{
    top: 5.438rem;
}
@media (min-width: 1600px) {
    .searchbar-header{
        top: 4.532rem;
    }
}
.creditBadge,
.search-header-menu .nav-icon-btn,
.notificationHeader,
.search-form-header,
.search-header-menu .navbar-collapse{
    display: none !important
}
.search-h-btn svg,
.notificationHeader svg{
    width: 1.25rem;
    height: 1.25rem;
}
.search-header-menu .middle-part-header{
    width: 100%;
}
.search-header-menu .creditBadge,
.search-header-menu .notificationHeader,
.search-header-menu .search-form-header{
    display: block !important
}
.search-header-menu .search-main-container.me-lg-3{
    margin-right: 0 !important;
}
.btn-outline-secondary.filter-btn{
    color: #1D1F3E;
    font-size: 0.875rem;
    font-family: "Sinkin Sans 400";
    font-weight: normal;
    box-shadow: 0rem 0rem 0.313rem rgba(0, 0, 0, 0.25);
    border-radius: 0.938rem;
    border: 0;
    min-width: 7.5rem;
    padding-top: 0.912rem;
    padding-bottom: 0.912rem;
    background: #fff;
}
.btn-outline-secondary.filter-btn svg[width="23"]{
    width: 1.438rem;
    height: 1.438rem;
    object-fit: contain;
}
.btn-outline-secondary.filter-btn:active,
.btn-outline-secondary.filter-btn:hover{
    background-color: #ffffff;
}
.form-select.hrh-select,
.hrh-drop-select .select2-container--bootstrap-5 .select2-selection{
    font-size: 0.875rem;
    font-family: "Sinkin Sans 400";
    font-weight: normal;
    border: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.hrh-drop-select .select2-selection--single.hrh__select2 .select2-selection__rendered{
    line-height: 1.5rem;
}
@media (min-width: 1600px) {
    .hrh-drop-select .select2-selection--single.hrh__select2 .select2-selection__rendered{
        line-height: 1.75rem;
    }
}
.filter-btn .filterIcon{
    width: 1.438rem;
    height: 1.438rem;
    object-fit: contain;
}

.sortby-dropdown .dropdown-menu{
    min-width: 45rem;
    box-shadow: 0rem 0.188rem 0.313rem rgba(0, 0, 0, 0.25);
    border-radius: 0.938rem;
}
.sortby-dropdown .btn-outline-secondary svg{
    width: 1rem;
    height: 1rem;
    object-fit: contain;
}
.sorybyBox{
    width: 8.75rem;
    max-width: 100%;
    min-height: 8.75rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.313rem rgb(0 0 0 / 25%);
    border-radius: 0.313rem;
    display: block;
    text-align: center;
}
.sorybyBox svg{
    height: 4.688rem;
    width: 4.688rem;
    object-fit: contain;
}
.sorybyBox.active{
    background: #F96E67;
    color: #ffffff;
}

.sorybyBox.active svg path{
    fill: #ffffff;
}
.sorybyBox.active svg [stroke="#F96E67"]{
    stroke: #ffffff;
}
.search-h-btn{
    display: none;
}

.notificationHeader{
    position: relative;
}
.notificationHeader .noti-badge{
    background: #f96e67;
    color: #ffffff;
    min-width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    font-size: 0.625rem;
    right: -0.5rem;
    top: -0.313rem;
    border-radius: 2rem;
    padding: 0 0.2rem;
}

@media (max-width: 1199.98px) {
    .searchbar-header .container{
        max-width: 100%;
    }
}
@media (max-width: 991.98px) {
    .searchbar-header .search-main-container{
        width: 100%;
    }
    .search-header-menu .search-form-header{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        background-color: #1d1f3e;
        padding: 1rem 0.5rem;
        transition: .3s all;
        opacity: 0;
        visibility: hidden;
    }

    .search-header-menu .search-form-header.openSearchHeader{
        opacity: 1;
        visibility: visible;
        top: 60%;
    }
    .search-header-menu .search-h-btn{
        display: inline-block;
    }
    .sorybyBox{
        width: 6.75rem;
        min-height: 6.75rem;
    }
    .sorybyBox svg{
        height: 2.688rem;
        width: 2.688rem;
        object-fit: contain;
    }
    .sortby-dropdown .dropdown-menu {
        min-width: 35rem;
    }
    .search-header-menu .middle-part-header{
        width: auto;
    }
    .search-header-menu .navbar-brander{
        margin-left: auto;
        margin-right: auto;
        padding-left: 6.063rem;
    }
    .creditBadge{
        position: absolute;
        left: 1rem;

    }
    .search-h-btn svg, .notificationHeader svg{
        vertical-align: -4px;
    }
    /*    .search-rooms .select2-selection--single .select2-selection__clear, .search_cleare{
            line-height: 1.3em;
            font-size: 0.85rem;
    
        }*/
}
@media (max-width: 767.98px) {
    .search-main-container{
        /*width: 100%;*/
        margin-bottom: 0.875rem !important;
    }
    .search-header-menu .search-main-container{
        margin-bottom: 0 !important;
    }
    /*    .btn-outline-secondary.filter-btn{
            padding-top: 0.65rem;
            padding-bottom: 0.65rem
        }*/
    .searchbar-header{
        top: 4rem;
    }
    .dropdown-menu.spd-menu{
        right: -1rem !important;
        width: 29.125rem;
    }
    .search-header-menu .dropdown-menu.spd-menu{
        right: -4rem !important;
    }
    .sortby-dropdown .dropdown-menu {
        min-width: 30rem;

    }
    .sorybyBox svg {
        height: 2rem;
        width: 2rem;
        object-fit: contain;
    }
    .sorybyBox {
        width: 5.75rem;
        min-height: 5.75rem;
    }
    .sorybyBox .mt-3{
        margin-top: 0.4rem !important;
    }
    .sortby-dropdown .f-24px{
        font-size: 1.125rem;
    }
    .search-header-menu .search-form-header{
        z-index: -1;
    }
    .search-h-btn svg, .notificationHeader svg{
        vertical-align: -2px;
    }
    /*    .search-rooms .select2-selection--single .select2-selection__clear,
        .search_cleare{
            line-height: 1.25rem;
        }*/
}
@media (max-width: 575.98px) {
    .sortby-dropdown .dropdown-menu{
        min-width: 28rem;
        margin-right: -2rem !important;
    }
}
@media (max-width: 320px) {
    /*    .btn-outline-secondary.filter-btn{
            padding-top: 0.501rem;
            padding-bottom: 0.501rem;
        }*/
}
/*Search CSS End*/

/*SearchBar Header Start*/
.header-navbar::before{
    content: '';
    height: 140%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background-image: linear-gradient(to bottom,#000,rgba(0,0,0,0));
    transition: 150ms opacity ease;
}
.header-navbar:after{
    -webkit-transition: -webkit-transform 150ms ease,opacity 150ms ease 75ms;
    content: '';
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    transform: initial;
    transition: transform 250ms ease,opacity 250ms ease;
    transform-origin: 50% 0%;
    transition: transform 150ms ease,opacity 150ms ease 75ms;
    background: #1D1F3E;
}
.header-navbar.searchbar-open:after {
    transform: scaleY(2);
    transition: transform 250ms ease;
    box-shadow: none;
    opacity: 1;
}
@media (min-width: 1600px) {
    .header-navbar.searchbar-open:after {
        transform: scaleY(2.2);
    }
}
.search-main-container{
    transition: transform 250ms ease, opacity 100ms ease,visibility 0ms 50ms;
    transform: scale(1,1) translateY(0);
    transform-origin: 50% 0%;
    margin: 0 auto;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.header-navbar.searchbar-open .search-main-container{
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    will-change: transform,opacity;
    transform: scale(2.857142857142857,1.375) translateY(58px);
}
.header-search-btn-flex{
    display: inline-flex;
    max-width: 100%;
    vertical-align: middle;
    align-items: center;
    background-color: #ffffff;
    border-radius: 2.5rem;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    transition: box-shadow 0.2s ease;
    text-align: left;
    justify-content: space-between;
}
.header-search-btn-flex .btn.btn-light{
    background: transparent;
    cursor: pointer;
    padding: 0.75rem 1.5rem;
    text-align: inherit;
    border: 0.063rem solid transparent;
    border-radius: 0.25rem;
    margin: -0.063rem;
    box-shadow: none !important;
    font-family: 'Sinkin Sans 400';
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
}
.header-search-btn-flex span{
    flex: 0 0 0.063rem;
    height: 2.188rem;
    width: 0.063rem;
    background-color: #E9EAEC;

}
.header-search-btn-flex .btn.btn-primary{
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 100%;
    box-shadow: none !important;
    position: relative;
    margin-right: 0.5rem;
    background-color: #2BB2A3;
    border-color: #2BB2A3;
}
.header-search-btn-flex .btn.btn-primary svg{
    width: 1rem;
}
.header-search-main{
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    will-change: transform,opacity;
}
.header-navbar.searchbar-open .header-search-main{
    transition: transform 250ms ease, opacity 200ms ease;
}
.header-search-main{
    transition: transform 250ms ease, opacity 200ms ease 100ms,visibility 0ms 200ms;
    transform: scale(0.35,0.7272727272727273) translateY(-58px);
    transform-origin: 50% 0%;
    left: 0;
    text-align: left;
    padding: 0 1rem;
}
.header-navbar.searchbar-open .header-search-main{
    transform: scale(1,1) translateY(2rem);
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.search-flex.header-search-flex{
    max-width: 48.25rem;
    margin: 0 auto;
    margin-top: 2rem;
}
.search-tab li {
    padding: 0 0.5rem;
}
.search-tab li a {
    position: relative;
    color: #ffffff;
}
.search-tab li a::after {
    transition: all 0.2s ease 0s;
    content: "";
    width: 0%;
    height: 0.125rem;
    background: #2bb2a3;
    position: absolute;
    left: 50%;
    bottom: -0.25rem;
    margin-left: 0%;
}
.search-tab li a:hover::after {
    width: 6%;
    margin-left: -3%;
}
.search-tab li a.active::after {
    width: 20%;
    margin-left: -10%;
}

.search-flex.header-search-flex .btn-primary{
    min-width: 2.688rem;
    border-radius: 6.25rem;
    z-index: 1;
    transition: .25s all;
    white-space: nowrap;
    overflow: hidden;
}
.search-flex.header-search-flex .btn-primary span{
    opacity: 0;
    visibility: hidden;
    width: 0;
    /*transition: .25s all;*/
    position: absolute;
    display: inline-block;
}
.search-flex.header-search-flex .btn-primary.animate_btn{
    min-width: 8.75rem;
}
.search-flex.header-search-flex .btn-primary.animate_btn span{
    opacity: 1;
    visibility: visible;
    width: auto;
    position: relative;
}

.header-search-flex .search-input,.header-search-flex .search-rooms,.header-search-flex .search-move{
    position: relative;
}
.header-search-flex .label-index{
    position: absolute;
    padding-left: 1.5rem;
    padding-top: 0.5rem;
    width: 100%;
    z-index: 2;
}
/*.header-search-flex .date_anchure,*/
.header-search-flex .location-seach{
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-bottom: 0.375rem;
}
.header-search-flex .date_anchure span{
    padding-top: 1.7rem;
    padding-bottom: 0.375rem;
    height: 100%;
}
.header-search-flex .search-rooms .select2-selection--single{
    padding-top: 1.66rem;
    padding-left: 1rem;

}
.header-search-flex .date_anchure,
.header-search-flex .move-label .label-index,
.header-search-flex .search-rooms .label-index{
    padding-left: 1rem;
}
.header-search-flex .search-rooms .select2-selection--single .select2-selection__rendered{
    line-height: 1.5;
}
.header-search-main .search-rooms .select2-selection--single .select2-selection__rendered{
    position: unset;
}
.header-search-main .search-rooms .select2-selection--single .select2-selection__clear{
    right: 0.5rem;
}
@media (max-width: 991.98px) {
    .header-search-main{
        background-color: #1d1f3e;
        padding-bottom: 1rem;
    }
    .search-flex.header-search-flex .btn-primary.animate_btn{
        min-width: 2.688rem;
    }
    .search-flex.header-search-flex .btn-primary.animate_btn span {
        opacity: 0;
        visibility: hidden;
        width: 0;
        position: absolute;
    }
    .search-flex.header-search-flex .btn-primary svg{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .header-search-btn-flex{
        display: none;
    }
}
/*SearchBar Header End*/




/*Filter Modal CSS Start*/
.filterModal .modal-close{
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
}
.filterModal .modal-close img{
    width: 1.313rem;
    height: 1.313rem;
}
.filter-sub-label{
    color: rgba(29, 31, 62, 0.5);
}
.filterModal .form-sub-label{
    color: rgba(29, 31, 62, 0.75);
}
.filter_hr{
    border-color: rgba(217, 217, 217, 0.75);
}
.filterRadioBtn .form-rc-label{
    background: transparent;
    border-radius: 6.25rem;
    border-color: #f96e67;
    font-size: 0.75rem;
}
.filterModal .checkbox-button__label span{
    font-family: "Sinkin Sans 400";
    font-weight: normal;
    font-size: 0.75rem;
    color: rgba(29, 31, 62, 0.5);
}


.proTypeBox input[type="checkbox"]{
    position: absolute;
    opacity: 0;
}
.proTypeBox .proTypeLable{
    min-height: 8.625rem;
    width:   9.125rem;
    max-width: 100%;
    border: 0.063rem solid #D9D9D9;
    border-radius: 0.625rem;
    position: relative;
    padding: 0.375rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
}
.proTypeBox .proTypeLable span.protypeText{
    font-size: 0.5rem;
    display: block;
    font-family: "Sinkin Sans 400";
    font-weight: normal;
}
.proTypeBox .proTypeLable svg{
    height: 3.063rem;
    width: auto;
}
.proTypeBox input[type="checkbox"]:checked + .proTypeLable{
    background-color: #F96E67;
    border-color: #F96E67;
    color: #ffffff;
}
.proTypeBox input[type="checkbox"]:checked + .proTypeLable svg path{
    fill: #ffffff;
}
.filterRange{
    width: 37.5rem;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 1rem;
    height: 0.188rem;
    border: 0;
}
.filterRange.noUi-horizontal .noUi-handle{
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    background-color: #1D1F3E;
    box-shadow: none;
    border: 0;
    top: -1.2rem;
}

.filterRange .noUi-handle .noUi-touch-area:after,
.filterRange .noUi-handle:after,.filterRange .noUi-handle:before{
    content: "";
    display: block;
    position: absolute;
    height: 1rem;
    width: 0.156rem;
    background: #ffffff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.filterRange .noUi-handle:after{
    left: 60%;
}
.filterRange .noUi-handle:before{
    margin-left: -0.25rem;
}

.filterRange .noUi-connect{
    background: #1D1F3E;
}
.pricerangeInput{
    width: 28.5rem;
}
.filter-sm-input{
    width: 7rem;
    text-align: center;
    font-size: 1rem;
}
.filter-select{
    font-size: 0.75rem;
    padding: 0.5rem 2.25rem 0.5rem 0.75rem;
    line-height: 2.5;
}
.histogramSlider{
    max-width: 37.5rem;
    margin: auto;
}
.histogramSlider .ui-widget.ui-widget-content,
.histogramSlider .ui-widget-header{
    background: #1D1F3E;
    border: 0;
}
/*    .histogramSlider .tooltip-slider{
        width: 0.625rem !important;
    }*/
/*    .histogramSlider #histogramSliderHouse-histogram{
        max-height: 4.375rem;
    }*/
.histogramSlider #histogramSliderHousemate-histogram,
.histogramSlider #histogramSliderHouse-histogram,
.histogramSlider #histogramSliderRoom-histogram{
    width: 94%;
    margin: 0 auto;
    margin-left: 4%;
}
.histogramSlider .ui-slider .ui-slider-handle{
    width: 2.375rem;
    height: 2.375rem;
    border: 1px solid #1D1F3E;
    background: #1D1F3E;
}
.histogramSlider .ui-slider-horizontal .ui-slider-handle{
    top: -1.1rem;
}
.histogramSlider .ui-slider-horizontal .ui-slider-handle::after{
    content: '';
    position: absolute;
    height: 1rem;
    width: 0.675rem;
    border-left: 0.15rem solid #ffffff;
    border-right: 0.15rem solid #ffffff;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.histogramSlider .ui-slider-horizontal .ui-slider-handle::before{
    content: '';
    position: absolute;
    height: 1rem;
    width: 0.125rem;
    background-color: #ffffff;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
svg[width="13"][height="12"]{
    width: 0.813rem;
    height: 0.75rem;
}
@media (min-width: 576px){
    .filterModal .modal-lg{
        max-width: 43.75rem;
    }
}
@media (min-width: 992px){
    .filterModal .modal-lg{
        max-width: 50rem;
    }
}
@media (max-width: 991.98px) {
    .histogramSlider{
        max-width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .filterModal .modal-dialog-scrollable .modal-body{
        overflow-x: hidden;
    }
    .histogramSlider .ui-slider .ui-slider-handle{
        margin-left: -1.25rem;
    }
}
@media (max-width: 767.98px) {
    .histogramSlider{
        /*max-width: calc(100% - 10rem);*/
    }
    .steps-form .checkbox-button__control,
    .filterModal .checkbox-button__control{
        width: 1.25rem;
        height: 1.25rem;
        top: 0;
    }
    .steps-form .checkbox-button__input:checked + .checkbox-button__control:after{
        width: 5px;
        height: 5px;
    }
    .filterModal .bigCheckbox .checkbox-button__control {
        width: 16px;
        height: 16px;
    }
    .filterModal .bigCheckbox .checkbox-button__input:checked + .checkbox-button__control:after {
        width: 8px;
        height: 8px;
    }
}


/*Filter Modal CSS End*/


/*Life in Guildford as a Student Start*/

/*Life in Guildford as a Student End*/

/*Search Page Design End*/



/*My House Design CSS Start*/
.deposite-box{
    background: #FFFFFF;
    border: 0.063rem solid rgba(29, 31, 62, 0.15);
    border-radius: 0.625rem;
    display: inline-flex;
    align-items: center;
}
.createBy img{
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 100%;
    object-fit: cover;
}

.house-property-image{
    background: #FFFFFF;
    border-radius: 0.625rem;
    height: 28.125rem;
    overflow: hidden;
}
.house-property-image .houseImg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.house-slider .slick-list div,
.house-slider .slick-list{
    height: 100%;
}
.roomBox{
    width: 4.375rem;
    height: 4.375rem;
    background: rgba(249, 110, 103, 0.05);
    border-radius: 0.313rem;
    display: inline-block;
    position: relative;
    margin-right: 1.5rem;
}
.roomBox img{
    width: 2.5rem;
    height: 2.5rem;
    object-fit: contain;
}
.all_room_profile{
    width: 17.813rem;
    max-width: 100%;
}
.studProifle_mh{
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 0.313rem;
    margin-right: 1.25rem;
    object-fit: cover;
}
.allocatedRooms li{
    border-bottom: 0.063rem solid rgba(29, 31, 62, 0.15);
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.allocatedRooms li:last-child{
    border-bottom: 0;
}

.mh-profile-slider{
    width: 12.5rem;
    height: 12.5rem;
    background: #1D1F3E;
    border-radius: 0.313rem;
    overflow: hidden;
    margin-right: 1rem;
}
.slider-arrow-btn{
    background: rgba(29, 31, 62, 0.5);
    border-radius: 0.25rem;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    z-index: 1;
}
.slider-arrow-btn svg{
    width: 0.375rem;
    vertical-align: sub;
}
.grid_prev.slider-arrow-btn{
    margin-left: 0.5rem;
}
.grid_next.slider-arrow-btn{
    margin-right: 0.5rem;
}
.l_details{
    width: calc(100% - 13.5rem);
}
.ll_details_link .grayBox{
    background: rgba(29, 31, 62, 0.1);
    border-radius: 0.313rem;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    margin-right: 1.25rem;
    position: relative;
}
.ll_details_link .grayBox img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.ll_detail_ul li{
    margin-right: 1.875rem;
}
.ll_detail_ul li:last-child{
    margin-right: 0;
}
.housemate_ul li{
    border-bottom: 0.063rem solid rgba(29, 31, 62, 0.15);
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.housemate_ul li:last-child{
    border-bottom: 0;
}
.review_name_details{
    width: calc(100% - 4.375rem);
    display: inline-block;
}
.review_profile{
    width: calc(100% - 12rem);
}
.text-star{
    color: #2BB2A3;
}
.document-card{
    border: 0.063rem solid rgba(29, 31, 62, 0.25);
    border-radius: 0.625rem;
    width: 21.25rem;
    max-width: 100%;
    margin: 0 auto;
}
.document_image{
    height: 11.875rem;
}
.document_image img.docImg{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.mh_doc_content {
    width: calc(100% - 1rem);
}
.pageModal.group_member_modal .modal-dialog{
    max-width: 24.125rem;
    margin: 0 auto;
}
.reviewReadMore {
    transition: height 500ms;
    overflow: hidden;
    max-height: 38px;
}


.testimonialCmt {
    transition: height 500ms;
    overflow: hidden;
    max-height: 3.438rem;
}
@media (min-width: 992px){
    .myhouse-row .house-left-col{
        width: 64%;
    }
    .myhouse-row .house-right-col{
        width: 36%;
    }
}
@media (min-width: 576px){

}
@media (max-width: 767.98px) {
    .house-property-image{
        height: 18.125rem;
    }
}

/*My House Design CSS End*/


/*Add Review  Steps CSS Start*/

.ar_profile{
    width: 2.813rem;
    height: 2.813rem;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 0.625rem;
}
.reviewPropertySlider{
    height: 16.875rem;
    overflow: hidden;
}
.reviewadd .form-check-label{
    cursor: pointer;
}
.reviewadd input[type=checkbox]{
    opacity: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
}
.reviewadd li{
    position: relative;
}
/*Add Review  Steps CSS End*/



/*My Group Detail page CSS Start*/
.editGroupBtn{
    position: absolute;
    right: 0;
    top: 0;
    min-width: 12.5rem;
}
.houseimg-slider {
    width: 15.625rem;
    height: 15.625rem;
    max-width: 100%;
    border-radius: 0.313rem;
    overflow: hidden;
    position: relative;
    margin-right: 1.875rem;

}
.houseimg-slider .slick-list,
.houseimg-slider .slick-list div,
.houseimg-image {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.houseimg-slider .houseimg-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.myGroup_right{
    width: calc(100% - 15.625rem - 1.875rem);
}
.mglist_ul li{
    display: flex;
}
.mglist_ul li span{
    width: calc(100% - 0.938rem - 0.25rem);
}
.mglist_ul li img{
    width: 0.938rem;
    height: 0.938rem;
    object-fit: contain;
    margin-right: 0.25rem;
    position: relative;
    top: 0.063rem;
}

.member{
    border-bottom: 1px solid #ddd;
}
.member-profile img {
    border-radius: 50%;
    width: 5rem;
    height: 5rem;
    object-fit: cover;
    margin-right: 1.25rem;
}
.member .actionbtn .btn-store{
    width: 2.5rem;
    height: 2.5rem;
    background: rgba(249, 110, 103, 0.07);
    line-height: 1.688rem;
    font-size: 0.813rem;
    transition: 0.3s all;
}


.groupTaskPills .nav-link {
    font-family: "Sinkin Sans 600";
    font-weight: 600;
    font-size: 1rem;
    color: #1d1f3e;
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    text-align: left;
}
.nav-pills.groupTaskPills .nav-link.nav-link-step-done .checkbox-pills {
    background-color: #f96e67;
    border-color: #f96e67;
}
.nav-pills.groupTaskPills .checkbox-pills {
    border: 0.125rem solid rgba(29, 31, 62, 0.2);
    width: 1.625rem;
    height: 1.625rem;
    display: inline-block;
    margin-right: 0.875rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.gtp_text{
    display: inline-block;
    width: calc(100% - 3rem);
}
.lettingReqImg{
    background: #D9D9D9;
    border-radius: 0.625rem;
    width: 18.125rem;
    height: 8.438rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    object-fit: cover;
}

.viewingUl li{
    border-bottom: 0.063rem solid rgba(29, 31, 62, 0.15);
    padding: 1.5rem 0;
}
.viewingUl li:last-child{
    border-bottom: 0;
}
.viewingImg{
    width: 7.5rem;
    height: 7.5rem;
    object-fit: cover;
    background: #D9D9D9;
    border-radius: 0.625rem;
    margin-right: 1rem;
}
.viewingContent{
    width: calc(100% - 7.5rem - 1rem);
}
.viewing_btn .page-round-btn{
    min-width: 7.5rem;

}


.viewing-msg-pills{
    background: rgba(29, 31, 62, 0.05);
    border-radius: 0.313rem;
}
.viewing-msg-pills .nav-item{
    width: 50%;
    padding: 0.188rem;
}
.viewing-msg-pills .nav-link{
    width: 100%;
    color: #606060;
    font-size: 0.75rem;
    border-radius: 0.313rem;
    font-family: 'Sinkin Sans 600';
    font-weight: 600;
}
.viewing-msg-pills .nav-link.active{
    background: #FFFFFF;
    box-shadow: 0px 6px 18px rgba(29, 31, 62, 0.1);
    color: #F96E67;

}

.viewingUlRight .viewingImg{
    width: 5rem;
    height: 5rem;
    margin-right: 0.5rem;
}
.viewingUlRight .viewingContent{
    width: calc(100% - 5rem - 0.5rem);
}
.viewingUlRight .f-12px{
    font-size: 0.5rem;
}
.viewingUlRight .f-12px img{
    width: 0.75rem;
    height: 0.75rem;
    object-fit: contain;
}
.viewingUlRight .f-18px {
    font-size: 0.8rem;
}
.addlinkBtn {
    width: 1.625rem;
    height: 1.625rem;
    line-height: 1.625rem;
    padding: 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.addlinkBtn svg{
    width: 0.875rem;
    height: 0.875rem;
}
.removeNewInput svg{
    width: 1.875rem;
    height: 1.875rem;
}
.guarantorModal .modal-body table td{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.guarantorModal .modal-body table td:first-child{
    white-space: nowrap;
}
.guarantorModal .modal-body table tr:last-child td{
    border-bottom: 0;
}

.morecontent span {
    display: none;
}

.morelink {
    display: inline-block;
}
.groupActionDropdown a.gad-btn{
    width: 1.25rem;
    display: inline-block;
    text-align: center;
}
.groupActionDropdown .dropdown-menu{
    min-width: 15rem;
    padding: 0;
    background: #FFFFFF;
    box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0.625rem 0rem 0.625rem 0.625rem;
    border: 0;
    margin-top: 0.25rem !important;
}
.groupActionDropdown .dropdown-menu a{
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
    padding: 0.5rem 1rem;
}
.groupActionDropdown .dropdown-menu a:last-child{
    border-bottom: 0;
}

@media (min-width: 768px) {
    .view-g-member .member-profile{
        width: calc(100% - 14rem);
    }
    .guarantorModal .modal-body.px-md-5{
        padding-right: 5rem !important;
        padding-left: 5rem !important;
    }
}
@media (max-width: 767.98px) {
    .houseimg-slider{
        width: 14rem;
        height: 14rem;
        margin-right: 1rem;
    }
    .myGroup_right{
        width: calc(100% - 14rem - 1rem);
    }

    .editGroupBtn{
        position: relative;
        margin-top: 1rem;
    }
    .groupMemberDiv{
        position: relative;
    }
    .groupAction_li{
        position: absolute;
        top: 0.625rem;
        right: 0;
    }
}
/*My Group Detail page CSS End*/


/*My Shortlist Page CSS Start*/
.my-sortlist-card{
    background: rgba(249, 110, 103, 0.03);
}
.my-sortlist-card .groupTaskPills .nav-link{
    padding-left: 0;
    padding-right: 0;
}
.min-w-270{
    min-width: 16.875rem;
    max-width: 100%;
    margin: 0 auto;
}

@media (max-width: 991.98px) {
    .searchCompletionDiv{
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        height: 0;
        opacity: 0;
        top: 0;
        bottom: 0;
        z-index: 999;
        background: #ffffff;
        overflow-y: auto;
        padding-top: 6rem;
        transition: 0.3s all;

    }
    .searchCompletionDiv.show{
        height: 100%;
        opacity: 1;
    }
    .searchCompletionDiv.dashboard_com_div.show{
        top: 6rem;
        height: calc(100% - 6rem);
    }
    .scdClose{
        right: 1rem;
        top: 6.5rem;
        z-index: 1;
    }
}
/*My Shortlist Page CSS End*/


/*Student Dashbaord CSS Start*/
.student-container .student-page-title{
    margin-top: -6.125rem;
    padding-top: 8.125rem;
}
.student-page-title{
    padding-top: 0;
    padding-bottom: 5rem;
}
.student-page-title::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(29, 31, 62, 0.75);
}
.student-page-title .container {
    z-index: 1;
}
.btn.dash-btn.stud-dash-btn{
    font-size: 0.875rem;
    padding-left: 3rem;
    padding-right: 1rem;
}
.btn.dash-btn.stud-dash-btn svg{
    margin-right: 0.3rem;
    width: 1.438rem;
    height: 1.438rem;
    position: absolute;
    left: 1rem;
    transform: translateY(-50%) !important;
    top: 50%;
}
.sds-card{
    width: 23.125rem;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
    min-height: 22.813rem;
}
.sds-card .card-body{
    padding: 2.5rem 1.875rem;
}
.sds-c-icons{
    width: auto;
    height: 3.125rem;
    object-fit: contain;
    margin-bottom: 1rem;
    display: inline-block !important;
}
.sds-title,
.sds-long-text{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sds-title{

    margin-bottom: 0;
    line-height: 1.75rem;
    height: 3.5rem;
    margin-bottom: 1rem;
}
.sds-line{
    height: 0.063rem;
    width: 100%;
    background-color: rgba(29, 31, 62, 0.1);
    display: block;
    margin-bottom: 1.5rem;
}
.sds-long-text{
    line-height: 1.5rem;
    height: 3rem;
}
.sds-sqaure-box{
    width: 2.25rem;
    height: 2.25rem;
    background: rgba(249, 110, 103, 0.07);
    border-radius: 0.313rem;
    margin-right: 0.875rem;
}
.sds-sqaure-box svg{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
}
.sds-badge{
    min-width: 1.375rem;
    height: 1.375rem;
    line-height: 1.375rem;
    display: inline-block;
    border-radius: 1rem;
    padding: 0 0.2rem;
}
/* the parent */
.stud-dash-slider .slick-list {
    margin: 0 -0.938rem;
}
/* item */
.sds-item{
    padding: 0 0.938rem;
}

.slick-slider-roome .slick-dots li button{
    width: 1.063rem;
    height: 1.063rem;
    background-color: transparent;
    border: 0.156rem solid #FFFFFF;
    border-radius: 50%;
}
.slick-slider-roome .slick-dots li.slick-active button{
    background-color: #ffffff;
}
.slick-slider-roome .slick-dots{
    margin-bottom: -3rem;
}
.gridview-slide{
    display: block !important;
}
.slick-slider-roome .slick-slide img{
    display: inline-block;
}
.gridview-slider .slick-list {
    margin: 0 -0.938rem;
}
.gridview-slide{
    padding: 0 0.938rem;
}
.slick-slider-roome .gridview-card{
    width: 23.125rem;
}
.slick-slider-roome .gridview-card .gridviewSlider{
    height: 15.625rem;
}
.partner-offer-card{
    width: 22.875rem;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
    height: 100%;
}
.partner-offer-card .card-header{
    width: 100%;
    height: 22.875rem;
    overflow: hidden;
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.25));
    border-radius: 0.625rem;
    background: #FFFFFF;
}
.partner-offer-card .card-body{
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0.625rem;
}
.partner-offer-card .btn.page-btn{
    font-family: "Sinkin Sans 600";
    font-weight: 600;
    font-style: normal;
    color: #F96E67;
}
.partner-offer-card .btn.page-btn:hover,
.partner-offer-card .btn.page-btn:focus{
    color: #ffffff;
}
.po-long-text{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 5.625rem;
}
.std-dash-leave1{
    z-index: 1;
    top: 8rem;
}
.std-dash-leave2{
    bottom: 0;
    z-index: 1;
}

@media (max-width: 1199.98px) {
    .slick-slider-roome .gridview-card {
        width: 19.125rem;
    }
    .slick-slider-roome .sqaureArrowBtn{
        width: 2.125rem;
        height: 2.125rem;
    }
    .slick-slider-roome .sqareArrowPrev{
        left: -2.5rem;
    }
    .slick-slider-roome .sqareArrowNext{
        right: -2.5rem;
    }
}
@media (max-width: 991.98px) {

    .slick-slider-roome .sqareArrowPrev{
        left: -1.5rem;
    }
    .slick-slider-roome .sqareArrowNext{
        right: -1.5rem;
    }
}
@media (max-width: 767.98px) {



    .slick-slider-roome .gridview-card {
        width: 22.125rem;
    }
    .slick-slider-roome .sqareArrowPrev{
        left: -0.5rem;
    }
    .slick-slider-roome .sqareArrowNext{
        right: -0.5rem;
    }
}
/*Student Dashbaord CSS End*/


/*Splash Modal CSS Start*/
.splashModal .modal-header{
    height: 13.125rem;
}
.splashModal .modal-header:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(249, 110, 103, 0.93);
}
.splashModal .closeModal{
    top: 0.4rem;
    z-index: 1;
    right: 0.5rem;
}
.splash-slider{
    margin-top: -12rem;
    /*padding-bottom: 2rem;*/
}
.splash-slider .owl-carousel{
    min-height: 35rem;
    position: relative;
}
img.splashImage{
    max-width: 100%;
    height: 16rem;
    object-fit: contain;
    display: inline-block;
}
.spashButton{
    width: 18.75rem;
    max-width: 100%;
}
.splash-item h4{
    line-height: 2.313rem;
    min-height: 4.625rem
}
.splash-item p{
    line-height: 1.625rem;
    min-height: 4.875rem
}
.splash-slider .slick-arrow{
    position: absolute;
    bottom: -10%;
    z-index: 1;
}
.btnPrev {
    left: 0;
}
.btnNext {
    right: 0;
}
.splash-slider.slick-slider-roome .slick-dots{
    margin-bottom: -1rem;
}
.splash-slider.slick-slider-roome .slick-dots li button{
    background-color: rgba(29, 31, 62, 0.15);
}
.splash-slider.slick-slider-roome .slick-dots li.slick-active button{
    border-color: #F96E67;
    background: #ffffff;
}

.splash-slider .owl-dots{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2.5rem;
}
.splash-slider .owl-theme .owl-dots .owl-dot span{
    background-color: rgba(29, 31, 62, 0.15);
    border: 0.094rem solid rgba(29, 31, 62, 0.15);
    width: 1rem;
    height: 1rem;
}
.splash-slider .owl-theme .owl-dots .owl-dot.active span{
    background-color: #ffffff;
    border-color: #F96E67;
}

.splash-slider .btnPrev,
.splash-slider .btnNext{
    min-width: 7.5rem;
}
/*Splash Modal CSS End*/


/*General Account Settings Start*/
.settings_password .form-group svg{
    position: absolute;
    transform: translateY(-50%) !important;
    top: 50%;
    left: 1rem;
}
.settings_password.form-control-50 .form-control.form-control-lg{
    padding-left: 3rem;
}
.settings_password .pass_showhide{
    position: absolute;
    transform: translateY(-50%) !important;
    top: 50%;
    right: 1rem;
}
.block-u-img{
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 0.313rem;
    object-fit: cover;
}
.bloguser_ul li{
    border-bottom: 1px solid rgba(29, 31, 62, 0.15);
}
.bloguser_ul li:last-child{
    border-bottom: 0;
}
@media (max-width: 767.98px) {
    .delet_acc_list .checkbox-button__label{
        white-space: normal !important;
    }
}
/*General Account Settings End*/

/*Boost Property CSS Start*/
.grid-round-span{
    color: #ffffff;
    width: 5.625rem;
    height: 5.625rem;
    border: 0.313rem solid #ffffff;
    box-shadow: 2px 4px 5px rgb(29 31 62 / 10%);
    border-radius: 100%;
    position: absolute;
    top: -1rem;
    right: -1rem;
    z-index: 3;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bpc-pricetag{
    width: 6.25rem;
    height: 8.75rem;
    border-radius: 0.313rem;
    background-color: #2BAEE5;
    border-bottom: 0.063rem solid #ffffff;
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    text-align: center;
}
.featured-property .grid-round-span{
    background-color: #2BAEE5;
}
.normal_pro_card .bpc-pricetag,
.normal-listing .grid-round-span{
    background-color: #1D1F3E;
}
.premium_pro_card .bpc-pricetag,
.premium-listing .grid-round-span{
    background-color: #2bb2a3;
}
.boost-pro-card{
    position: relative;
}
.vectore_bg_tringle{
    width: calc(100% + 1rem);
    display: inline-block;
    text-align: center;
    position: absolute;
    bottom: -1rem;
    height: 2rem;
    margin-left: -1rem;
    background-color: #ffffff;
    transform: rotate(13deg);
    padding-bottom: 1rem;
}
.choosPlan-card{
    background: rgba(29, 31, 62, 0.05);
}
.choosplan_ul .checkbox-button{
    cursor: pointer;
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    background: #ffffff;
    padding: 1rem;
    border-radius: 5px;
    align-items: center;
}
.choosplan_ul .checkbox-button__control{
    margin-right: 0;
}
.choosplan_ul .checkbox-button .customInputBox{
    width: 5rem;
    padding: 0rem 0.25rem;
    margin: 0 0.25rem;
    font-size: 0.875rem;
    text-align: center;
}
.choosplan_ul li{
    margin-right: 1rem;
}
.choosplan_ul .checkbox-button__control{
    top: 0;
}
/*.choosplan_ul li:last-child{
    margin-right: 0;
}*/
.select_property .checkbox-button{
    position: relative;
    text-align: left;
    background: rgba(29, 31, 62, 0.03);
    border: 0.063rem solid rgba(29, 31, 62, 0.3);
    border-radius: 0.313rem;
    padding: 0.625rem;
    display: block;

}
.select_property .checkbox-button .checkbox-button__control{
    position: absolute;
    margin-right: 0;
    right: 0.625rem;
    top: 0.625rem;
}
.select_property .checkbox-button__label{
    max-width: 100%;
}
.select_property .checkbox-button__label img{
    width: 6.875rem;
    height: 5.625rem;
    background: #D9D9D9;
    border-radius: 0.313rem;
    object-fit: cover;
    margin-right: 1rem;
}
.select_property .cbl_content{
    width: calc(100% - 7.875rem);
}
.cbl_content h5{
    padding-right: 1rem;
}
.select_property .cbl_content p{
    display: -webkit-box;
    -webkit-line-clamp: 2   ;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.payment_card{
    background: #E8EAEC;
    border-radius: 5px;
}

.boost_pro_list .gridview-card{
    overflow: visible;
}
@media (min-width: 992px) {
    .boost-property-content {
        width: calc(100% - 24rem);
    }
}
@media (max-width: 767.98px) {

    .choosplan_ul li{
        margin-right: 0;
    }
    .bpc-pricetag{
        top: 29rem;
        width: 4.25rem;
        height: 5.75rem;
        font-size: 0.8rem !important;
    }
    .boost-property-content{
        padding-right: 5rem;
    }
}
/*Boost Property CSS End*/


/*Property Listing CSS Start*/
.pro-l-img{
    width: 20.625rem;
    max-width: 100%;
    display: inline-block;
    height: 12.5rem;
    background: #D9D9D9;
    border-radius: 0.313rem;
    overflow: hidden;
    margin-right: 1.875rem;
}
.pro-list-footer,
.pro-l-content{
    width: calc(100% - 20.625rem - 1.875rem);
}
.pro-list-card .checkbox-button{
    position: absolute;
    left: 1rem;
    top: 1.5rem;
}
.pro-list-card .card-body{
    padding-left: 3rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-right: 1.25rem;
}
.pro-list-card .dropdown{
    position: absolute;
    right: 1rem;
    top: 1.5rem;
}
a.pro-list-dropdown{
    outline: 0;
    min-width: 1.5rem;
    text-align: center;
    position: relative;
    z-index: 1;
}
.pro-list-card .dropdown a.pro-list-dropdown svg{
    height: 1.75rem;
    width: 0.375rem;
}
.pro-list-card .dropdown-menu{
    background: #FFFFFF;
    box-shadow: 0.125rem 0.188rem 0.5rem rgba(0, 0, 0, 0.1);
    border-radius: 0.625rem 0rem 0.625rem 0.625rem;
    border: 0;
}
.pro-list-card .dropdown-menu[data-popper-placement="top-end"]{
    border-radius: 0.625rem 0.625rem 0 0.625rem;
    z-index: 1030;
}
.pro-list-card .dropdown-menu li{
    border-bottom: 0.063rem solid rgba(204, 204, 204, 0.5);
}
.pro-list-card .dropdown-menu li:last-child{
    border-bottom: 0;
}
.pro-list-card .dropdown-item{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    color: #1D1F3E;
}
.pro-list-card .dropdown-item svg{
    height: 1.25rem;
    width: 1.25rem;
    object-fit: contain;
}
.changePropertyStatus svg path{
    stroke: #F96E67;
}
.pro-list-card .dropdown-item.active,
.pro-list-card .dropdown-item:active{
    background-color: #F96E67;
    color: #ffffff;
}

.pro-list-card .dropdown-item.changePropertyStatus:active svg path{
    stroke: #ffffff;
}
.pro-list-card .dropdown-item.active svg [fill="#F96E67"],
.pro-list-card .dropdown-item:active svg [fill="#F96E67"]{
    fill: #ffffff;
}
.pro-list-card .dropdown-item.active svg [stroke="#F96E67"],
.pro-list-card .dropdown-item:active svg [stroke="#F96E67"]{
    stroke: #ffffff;
}

.boostSpan svg,.boostSpan img{
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}
.takeMarketUl li{
    border-bottom: 1px solid rgba(29, 31, 62, 0.15);
}
.takeMarketUl li label.w-100{
    position: relative;
}
.input-list-checkbox{
    position: absolute;
    opacity: 0;
}
span.input-span-checkbox{
    padding: 0.5rem 0.5rem;
    cursor: pointer;
}
span.input-span-checkbox img {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
}
.input-list-checkbox:checked + span.input-span-checkbox{
    background-color: #1D1F3E;
    color: #ffffff;
}
.input-list-checkbox:checked + span.input-span-checkbox .text-50{
    color: #ffffff;
}
.takeMarketAction{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.takeMarketUl_list span.input-span-checkbox img{
    border-radius: 100%;
}
.takeMarketUl_list span.input-span-checkbox:before{
    content: '';
    position: absolute;
    width: 0.25rem;
    height: calc(100% - 1rem);
    left: 0;
    transform: translateY(-50%);
    top: 50%;
}
.input-list-checkbox:checked + span.input-span-checkbox:before{
    background-color: #F96E67;
}

.checkbox-button__control.checkallBox{
    width: 1.375rem;
    height: 1.375rem;
}

.checkbox-button__input:checked + .checkbox-button__control.checkallBox:after{
    width: 0.675rem;
    height: 0.675rem;
}
.pro-list-footer{
    margin-left: auto;
    margin-top: -3rem;
    z-index: 1;
    position: relative;
}
.filterBtnCollpase img{
    width: 1.625rem;
    height: 1.625rem;
    object-fit: contain;
}

.search_bg_icon{
    background-image: url(../img/icons/search.svg) !important;
    background-repeat: no-repeat !important;
    background-position: left 1rem center !important;
    background-size: 1rem 1rem !important;
    background-color: rgb(255 255 255) !important;
    padding-left: 2.5rem;
}
.pro_list_badge{
    position: absolute;
    z-index: 2;
    right: 0.5rem;
    top: 0.5rem;
    display: flex;
    flex-direction: column;
}
.pro_list_badge span{
    border-radius: 0.313rem;
    padding: 0.3rem 0.75rem;
    display: inline-block;
    margin-bottom: 0.5rem;
    text-align: center;
    min-width: 6rem;
}
.pro_list_badge .premiumBadge{
    background-color: rgba(43, 178, 163, 0.75);
    color: #ffffff;
}
.pro_list_badge .featuredBadge{
    background-color: rgba(43, 174, 229, 0.75);
    color: #ffffff;
}
@media (max-width: 991.98px) {
    .pro-l-img{
        width: 14rem;
        height: 10rem;
        margin-right: 1rem;
    }
    .pro-l-content{
        width: calc(100% - 14rem - 1rem);
    }

    .pro-list-footer{
        width: 100%;
        margin-top: 0;
    }
}
@media (max-width: 767.98px) {
    .pro-l-img{
        display: block;
        margin: 0 auto;
        margin-bottom: 1rem;
        width: calc(100% - 4rem);
        height: 15rem;
        max-width: 100%;
    }

    .pro-l-content{
        width: 100%;
    }
    .pro-list-card .card-body{
        padding: 1rem;
    }
    .pro-list-card .dropdown,
    .pro-list-card .checkbox-button{
        top: 1rem;
    }

}
/*Property Listing CSS End*/


/*Profile Letting Agent - Preview Profile Start*/
.profile-preview-title{
    height: 21.25rem;
    width: 100%;
}
.profile-preview-title .position-absolute{
    background: rgba(29, 31, 62, 0.75);
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.profile-preview-title .position-absolute .btn{
    border-radius: 0.625rem;
    font-size: 1rem;
}
.pro-prev_main-title{
    margin-top: -6.5rem;
}
.pro-prev-img{
    border: 0.313rem solid rgba(255, 255, 255, 0.5);
    width: 12.813rem;
    height: 12.813rem;
    margin-right: 1.5rem;
    border-radius: 100%;
}
.pro-prev-content{
    width: calc(100% - 12.813rem - 1.5rem);
    margin-top: 4.5rem;
}
.pro-prev-light-btns .btn-light{
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.313rem rgba(0, 0, 0, 0.25);
    border-radius: 0.938rem;
    margin-right: 0.875rem;
    white-space: nowrap;
}
.pro-prev-light-btns .btn-light:last-child{
    margin-right: 0 !important;
}
.pro-prev-light-btns .btn-light svg{
    width: 1.563rem;
    height: 1.563rem;
    object-fit: contain;
}

.the-team-card{
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.313rem rgba(0, 0, 0, 0.25);
    border-radius: 0.625rem;
}
.the-team-profile{
    width: 4.688rem;
    height: 4.688rem;
    border-radius: 100%;
    margin-right: 0.75rem;
}
.team-pro-content{
    width: calc(100% - 4.688rem - 0.75rem);
}
.the-team-ul li{
    border-bottom:  1px solid rgba(29, 31, 62, 0.15);
    padding-top: 0.313rem;
    padding-bottom: 0.313rem;
}
.the-team-ul li div.the__teamDiv,
.the-team-ul li a.d-flex{
    margin-left: 0.5rem;
    border-radius: 5px;
    padding-left: 0.5rem;
}
.the-team-ul li div.the__teamDiv:before,
.the-team-ul li a.d-flex:before {
    content: '';
    position: absolute;
    width: 0.25rem;
    height: calc(100% - 3rem);
    left: -0.5rem;
    transform: translateY(-50%);
    top: 50%;
    background-color: #F96E67;
}
.the-team-ul li a.active{
    background: #1D1F3E;
    color: #ffffff;
}
.linkedin-btn_team{
    width: 2rem;
    height: 2rem;
    line-height: 2.125rem;
    background: rgba(29, 31, 62, 0.05);
    display: inline-block;
    border-radius: 0.313rem;
    color: #0475ae;
    text-align: center;
    font-size: 1rem;
}
#testimonials .nav-pagetab-pills{
    width: 20rem;
    margin: 0 auto;
}

/*Testimonial*/
.testimonial-card{
    background: #1D1F3E;
    box-shadow: 0rem 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
    border-radius: 0.625rem;
    width: 23.125rem;
    max-width: 100%;
    margin: 0 auto;
}
.testimonial-profile{
    width: 5rem;
    height: 5rem;
    border-radius: 100%;
    object-fit: cover;
    margin-bottom: 1rem;
}
/*Testimonial*/

.google-map-card{
    border-radius: 0.625rem;
    height: 40.625rem;
}
.location-card{
    position: absolute;
    width: 23.125rem;
    max-width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);
    border-radius: 10px;
    border: 0;
    top: 1.25rem;
    left: 1.25rem;
}
.location-card .pro-prev-img{
    width: 6rem;
    height: 6rem;
    margin-right: 1rem;
}
.location-card .pro-prev-content{
    width: calc(100% - 6rem - 1rem);
}
.location-card .pro-prev_main-title {
    margin-top: 0;
}
.location-card.map-loc-card .card-body{
    padding: 0;
    padding-bottom: 1rem !important;
}
.location-card.map-loc-card .d-md-flex{
    display: flex !important;
}
.location-card.map-loc-card .card-body p img.me-2{
    height: 1rem;
    margin-top: 0.1rem;
}
.location-card.map-loc-card .pro-prev-content{
    margin-top: 0;
}
.span-c-box{
    width: 2.688rem;
    height: 2.688rem;
    background: rgba(249, 110, 103, 0.25);
    border-radius: 0.625rem;
    position: relative;
    margin-right: 0.75rem;
}
.span-c-box svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1.563rem;
    height: 1.563rem;
    object-fit: contain;
}
.profile__contact_ul .span-c-box + span{
    width: calc(100% - 2.688rem - 0.75rem);
    display: inline-block;
    word-break: break-word;
}
.profile__contact_ul li.me-5:last-child{
    margin-right: 0 !important;
}
.roundBoxWhite{
    width: 2.25rem;
    height: 2.25rem;
    position: relative;
    border-radius: 100%;
    margin-right: 0.813rem;
    background-color: #ffffff;

}
.what-happen-ul .team-pro-content{
    width: calc(100% - 2.25rem - 0.813rem);
}
.the-team-ul.what-happen-ul li a{
    margin-left: 0;
}
.the-team-ul.what-happen-ul li a:before{
    height: calc(100% - 1rem);
    left: 0;
}
.the-team-ul.what-happen-ul li{
    border-bottom: 0;
}
.whatHapp_pro{
    width: 5.938rem;
    height: 5.938rem;
    border-radius: 100%;
    margin-right: 1.25rem;
}
.whatHapp_content{
    width: calc(100% - 5.938rem - 1.25rem);
}
.teamAction{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1;
}

.pro-loc-map-card .location-card .pro-prev-img{
    width: 5rem;
    height: 5rem;
    margin-right: 0.5rem;
    border: 0;
}
@media (max-width: 991.98px) {

}
@media (max-width: 767.98px) {
    .profile-preview-title .container.container-1170{
        max-width: 100%;
    }
    .profile-preview-title .position-absolute .btn{
        font-size: 0.875rem;
        padding: 0.25rem 1rem;
    }
    .pro-prev-img{
        width: 7rem;
        height: 7rem;
        margin-right: 1rem;
    }
    .pro-prev-content{
        width: calc(100% - 8rem);
        margin-top: 3rem;
    }
    .col-lg-12.pro-prev-light-btns{
        width: calc(100% + 8rem);
        margin-left: -8rem;
        max-width: unset;
    }
    .pro-prev-light-btns .btn-light.py-3{
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
        margin-right: 0.5rem;
        font-size: 0.875rem;
    }
    .pro-prev-light-btns .btn-light svg {
        width: 1.25rem;
        height: 1.25rem;
    }
    .pro-prev_main-title{
        margin-top: -5rem;
    }
    .location-card.map-loc-card .pro-prev-img {
        width: 4rem;
        height: 4rem;
        margin-right: 0.5rem;
    }
    .location-card.map-loc-card .pro-prev-content {
        width: calc(100% - 4rem - 0.5rem);
    }
    .location-card.map-loc-card .pro-prev-content h2.f-20px{
        margin-bottom: 0;
    }
    .location-card.map-loc-card .pro-prev-content .mb-2{
        margin-bottom: 0 !important;
    }
}

/*Profile Letting Agent - Preview Profile End*/


/*Resource Center Page CSS Start*/
.res-center-card{
    border-radius: 0.313rem;
    width: 21.875rem;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.res-center-card img{
    width: 3.125rem;
    height: 3.125rem;
    object-fit: contain;
}
.res-center-card::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.blue-box-card::after{
    background: rgba(36, 120, 190, 0.9);
}
.violet-box-card::after{
    background: rgba(73, 41, 113, 0.9);
}
.green-box-card::after{
    background: rgba(26, 187, 169, 0.85);
}
@media (max-width: 991.98px) {
    .resource_main_btns .btn.dash-btn{
        font-size: 0.875rem;
    }
}
/*Resource Center Page CSS End*/


/*Contact Modal CSS Start*/
.slider-radio-btn label{
    position: relative;
    width: 4.375rem;
    display: inline-block;
    cursor: pointer;
    margin: 0 auto;
    border: 0.063rem solid transparent;
}
.slider-radio-btn label .radio-date-input{
    position: absolute;
    opacity: 0;
}
.slider-radio-btn label .radio-date-input[disabled] + .date-popup-span{
    pointer-events: none;
    opacity: 0.5;
}
.date-popup-span{
    border: 0.063rem solid #D9D9D9;
    border-radius: 0.625rem;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 1rem 0.4rem;
    white-space: nowrap;
}
.radio-date-input:checked + .date-popup-span{
    border: 2px solid #F96E67;
    color: #F96E67;
}
.radio-date-input:checked + .date-popup-span svg [fill="#1D1F3E"]{
    fill: #F96E67;
}
.date-popup-slider .slick-arrow a{
    margin-top: 1rem;
}
.date-popup-slider .slick-arrow a.grid_prev{
    right: 0.3rem;
    position: relative;
}
.date-popup-slider .slick-arrow a.grid_next1{
    left: 0.3rem;
    position: relative;
}
.get_timedata .date-popup-slider .slick-arrow a.grid_next1,
.get_timedata .date-popup-slider .slick-arrow a.grid_prev{
    margin-top: 0;
}
@media (max-width: 575.98px) {
    .slider-radio-btn label{
        width: 5rem;
    }
}
/*Contact Modal CSS End*/

/*Analytics Page CSS Start*/
.analytics-card{
    width: 23.125rem;
    max-width: 100%;
    min-height: 10.625rem;
    margin: 0 auto;
}
.home-club-a-img{
    width: 3.625rem;
    height: 3.625rem;
    border-radius: 100%;
    object-fit: cover;
    margin-bottom: 1rem;
}
.analytics-daterange{
    width: 25rem;
    max-width: 100%;
}
.search_house_street .searchIcon,
.analytics-daterange .caleIcon{
    left: 1rem;
    pointer-events: none;
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}
.search_house_street .form-control,
.analytics-daterange .form-control{
    padding-left: 3rem;
}
.search_house_street{
    width: 25rem;
    max-width: 100%;
}
.proImage_ana{
    width: 6.25rem;
    height: 4.375rem;
    background: rgba(29, 31, 62, 0.05);
    border-radius: 0.313rem;
    margin-right: 0.625rem;
    object-fit: cover;
}
.analy-left-pro{
    width: calc(100% - 2rem);
}
.analy-left-pro-content{
    width: calc(100% - 8rem);
}
.viaImg{
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}
.col-4-middleline{
    position: relative;
}
.col-4-middleline::after {
    content: '';
    background-color: rgba(29, 31, 62, 0.15);
    height: 3.125rem;
    width: 0.063rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.col-4-middleline::before {
    content: '';
    background-color: rgba(29, 31, 62, 0.15);
    height: 3.125rem;
    width: 0.063rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.analytics-dropdown svg{
    height: 1.438rem;
}
.ae-down-btn{
    position: relative;
}
.ae-down-btn i.fa-download{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@media (max-width: 991.98px) {
    .check_search_status{
        flex-wrap: wrap;
    }
    .check_search_status .status-d-flex,
    .check_search_status .checkbox-button{
        width: 50%;
        flex: 0 0 50%;
        margin: 0 !important;
    }
    .check_search_status .checkbox-button{
        order: 2;
    }
    .check_search_status .status-d-flex{
        order: 3;
    }
    .check_search_status .search_house_street{
        width: 100%;
        flex: 0 0 100%;
        margin-right: 0 !important;
        order: 1;
        margin-bottom: 1rem;
    }
    .ae-down-btn{
        width: 3rem;
        height: 3rem;
        padding: 0;
    }
}
@media (max-width: 767.98px) {
    .dateRange_div{
        width: calc(100% - 4rem);
    }
    .analytics-daterange{
        width: 100%;
    }

}
/*Analytics Page CSS End*/


/*Leaderboard Page CSS Start*/
.leaderboard__li{
    border-bottom: 0.063rem solid rgba(29, 31, 62, 0.07);
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.leaderboard__li:last-child{
    border-bottom: 0;
}
.leaderboard__li.myleaderboard__li{
    background-color: rgba(249, 110, 103, 0.05);
}
.leaderboard__li.myleaderboard__li h5{
    color: #F96E67;
}
.profile-leadboard img{
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 100%;
    margin-right: 1.438rem;
}
.viewletIcon img{
    height: 1.25rem;
    margin-right: 0.625rem;
}
.boost_feat_btn{
    min-width: 8.75rem;
    max-width: 100%;
}

/*Leaderboard Page CSS End*/

/*Notification Page CSS Start*/
.notificationList li {
    border-bottom: 0.063rem solid rgba(29, 31, 62, 0.15);

}
.notificationList li div.d-md-flex{
    padding: 1rem;
    cursor: pointer;
}
.notificationList li:last-child {
    border-bottom: 0;
}
.noti-cardbody ul li div.unread,
.noti-cardbody ul li div.new-notification{
    background-color: #eaeaec;
}
.notificationList .noti_content {
    width: calc(100% - 6.375rem - 1.25rem);
}
@media (min-width: 768px) {
    .notificationList .noti-img-content {
        width: calc(100% - 12rem);
    }
}
/*Notification Page CSS End*/


/*Mobile Responsive CSS*/
@media (max-width: 767.98px) {
    .container.container-1275,
    .container.container-1170{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .page-title h2 {
        font-size: 2.125rem;
    }
    .dashboard-title .f-40px{
        font-size: 1.75rem;
    }
    .f-15px,.f-16px,
    .f-18px {
        font-size: 1rem;
    }
    .f-20px,
    .f-22px {
        font-size: 1rem;
    }
    .page-sub-title,
    .f-24px {
        font-size: 1.063rem;
    }
    .f-26px {
        font-size: 1.188rem;
    }
    .f-28px {
        font-size: 1.25rem;
    }
    .pageModal .modal-title,
    .f-30px{
        font-size: 1.375rem;
    }
    .page-sec-title,
    .f-35px,
    .f-36px {
        font-size: 1.625rem;
    }
    .f-40px {
        font-size: 1.75rem;
    }
    .f-50px {
        font-size: 2.25rem;
    }

    .btn.dash-btn,
    .btn.page-btn{
        padding-top: 0.417rem;
        padding-bottom: 0.417rem
    }
}

@media (max-width: 320px) {
    .bootstrap-datetimepicker-widget.dropdown-menu{
        width: 25rem;
    }
}



/*Change Status Popup*/

.pageModal.changeStatusModal .modal-title {
    font-size: 1.25rem;
}
.changeStatusModal .checkbox-button{
    width: 100%;
    position: relative;
}
.changeStatusModal .checkbox-button__label{
    background: rgba(29, 31, 62, 0.03);
    border: 0.063rem solid rgba(29, 31, 62, 0.3);
    border-radius: 0.313rem;
    width: 100%;
    max-width: 100%;
    padding: 0.875rem;
    padding-left: 3rem;
}
.changeStatusModal .checkbox-button .checkbox-button__control{
    top: 1.5rem;
    left: 1rem;
    transform: translateY(-50%);
}
.changeStatusModal .checkbox-button .checkbox-button__label p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 576px){

    .pageModal.changeStatusModal .modal-dialog {
        max-width: 28rem;
    }
}


/*Change Status Popup*/


.sweet-alert .sa-icon{
    margin: 1.625rem auto !important;
}
@media (max-width: 767.98px) {
    .sweet-alert .sa-icon{
        margin-bottom: 3rem !important;
    }
}
.transactionTable thead tr th{
    white-space: nowrap;
}

.select2-container--bootstrap-5.select2-container--open .select2-dropdown{
    z-index: 1029;
}
.select2-container--bootstrap-5.select2-container--open .select2-dropdown.center-select2,
body.modal-open .select2-container--bootstrap-5.select2-container--open .select2-dropdown{
    z-index: 1056;
}
.form-select-sm~.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear{
    color: transparent;
}


.proSearchFilter{
    position: relative;
}
.proSearchFilter .search_bg_icon{
    padding-right: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.proSearchFilter button{
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    top: 0.313rem;
    right: 0.313rem;
}
.proSearchFilter button svg{
    width: 1rem;
}



/*Buy Credit Popup CSS*/
.feature_cred_card{
    border: 0.188rem solid #2baee5;
}
.feature_cred_card .card-header{
    background-color: #2baee5;
    color: #ffffff;
    border-radius: 0;
}

.premium_cred_card{
    border: 0.188rem solid #2BB2A3;
}
.premium_cred_card .card-header{
    background-color: #2BB2A3;
    color: #ffffff;
    border-radius: 0;
}
.message_upload_loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.4);
    width: 95%;
    height: 95%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
}



/*Pre Signup Section CSS Start*/
.signup-section{
    background-image: url(../img/presign-up-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5rem 0;
    margin-top: -6rem;
}
.signup-section .page-sec-title.font-600{
    font-size: 1.875rem;
    font-family: 'Sinkin Sans 600';
}
.signup-section:after{
    content: '';
    background: rgba(29, 31, 62, 0.96);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.signup-section .wn-leave-1{
    z-index: 1;
    width: 8rem;
    height: 14rem;
}
@media (max-width: 1199.98px) {
    .signup-section .wn-leave-1{
        width: 5rem;
        height: 10rem;
    }
}
.bg-dark-form .form-control-50 .form-control.form-control-lg{
    border-radius: 0.313rem;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(255, 255, 255, 0.03);
    color: #fff;
}
.bg-dark-form .form-control::-moz-placeholder {
    font-family: "Sinkin Sans 400";
    font-weight: normal;
    font-size: 1rem;
    color: rgba(204, 204, 204, 0.80);
}
.bg-dark-form .form-control::placeholder {
    font-family: "Sinkin Sans 400";
    font-weight: normal;
    font-size: 1rem;
    color: rgba(204, 204, 204, 0.80);
}
.bg-dark-form .form-control-50 .select2-container--bootstrap-5 .select2-selection{
    border-color: rgba(255, 255, 255, 0.30);
}
.bg-dark-form .form-control-50 .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{
    color: #ffffff;
}
.bg-dark-form .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{
    color: rgba(204, 204, 204, 0.80);
    font-size: 1rem;
}
.bg-dark-form .form-control-50 .select2-container .select2-selection--single .select2-selection__clear{
    width: 1.25rem;
    height: 1.25rem;
    background-color: #ffffff;
    border-radius: 50%;
    background-size: 50% 50%;
}

.signup-section .roome-tabs .btn-outline-roome{
    --bs-btn-color: #ffffff;
    width: 20rem;
    max-width: 100%;
    box-shadow: none;
}
.signup-section .roome-tabs.row .nav-item{
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    flex: 0 0 20rem;
}
@media (max-width: 767.98px){
    .signup-section .page-sec-title.font-600{
        font-size: 1.5rem;
    }
}
@media (max-width: 575.98px) {
    .signup-section .roome-tabs.row .nav-item{
        flex: 0 0 50%;
    }
    .signup-section .roome-tabs .btn-outline-roome{
        width: 100%;
    }
    .signup-section .wn-leave-1{
        display: none;
    }
}
@media (max-width: 320px) {
    .signup-section .roome-tabs .btn-outline-roome{
        font-size: 0.75rem;
    }
}
/*Pre Signup Section CSS End*/


/*Looking Section CSS Start*/
.aleart-card svg[width="33"][height="26"]{
    width: 2.063rem;
    height: 1.625rem;
    margin-right: 0.75rem;
    flex: 0 0 2.063rem;
}
.scratch-card{
    border: 1px solid rgba(29, 31, 62, 0.15);
}
.scratch-card svg[width="32"][height="32"]{
    width: 2rem;
    height: 2rem;
    margin-right: 0.75rem;
    flex: 0 0 2rem;
}
.scratch-card svg[width="8"][height="13"]{
    width: 0.5rem;
    height: 0.813rem;
}
.bg-transparent.scratch-card:hover {
    background-color: #ffffff !important;
    border-color: #ffffff;
}
/*Looking Section CSS End*/


/*App Store Popup CSS Start*/
.appDownloadModal .modal-content{
    background-image: url(../img/app_screen/bg-screen.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #1D1F3E;
    color: #ffffff;
}
.mobileScreenSlider-container{
    width: 21.063rem;
    height: 39rem;

    max-width: 100%;
}
.iphone11Screen{

}
.appscreen-slider .slick-slide img {

    object-fit: contain;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 2rem;
}
.appscreen-slider{

}
.appscreen-slider .slick-prev,
.appscreen-slider .slick-next{
    z-index: 1;
}
.appscreen-slider .slick-prev{
    left: 1.5rem;
}
.appscreen-slider .slick-next{
    right: 1.5rem;
}
.appscreen-slider .slick-prev:before,.appscreen-slider .slick-next:before{
    opacity: 1;
    color: #1d1f3e;
}
.qrCodeBox{
    width: 10rem;
    height: 10rem;
    position: relative;
    margin: 0 auto;
}
.appDownloadModal .btn-close{
    top: 0.5rem;
    right: 0.5rem;
    background: none;
    line-height: 0;
    opacity: 1;
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
    box-shadow: none;
}
.appgifImage{
    width: 80%;
}
.qrcodeTitle{
    width: 12rem;
    text-align: center;
    font-size: 0.875rem;
    margin: 0 auto;
    margin-bottom: 1rem;
}
@media (min-width: 1200px){
    .appDownloadModal .modal-xl{
        --bs-modal-width: 73.125rem;
    }
}

@media (max-width: 1599.98px) {
    .appgifImage{
        width: 75%;
    }
}
@media (max-width: 1199.98px) {
    .appgifImage{
        width: 100%;
    }
}
/*App Store Popup CSS End*/