/* -----------------------------------------------------------------
>>> TABLE OF CONTENTS :
--------------------------------------------------------------------

Version: 1.0.0
Author: Rajkumar
Website: https://www.propex.ai/

# Font Family
# General styles
# Typography
# Header
# Explore New Homes
# About Property
# Price List
# Amenities List
# Location List
# Why Propex
# Media
    ## Queries

----------------------------------------------------------------  */

/* || Font Family */


/* || General styles */

html, body {
    scroll-behavior: smooth;
}

:root {
    scroll-behavior: smooth;
}

.height-70 {
    height: 70px;
}

/* || Header */

.factsheet-title h1 {
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    line-height: 38px;
    color: #000000;
    padding: 15px 0;
}

.factsheet-details {
    background: rgba(244, 15, 158, 0.09);
    padding: 20px 0;
    margin: 20px 15px 0;
}

.form-group.callback {
    margin-bottom: 0px;
}

.about-property-wrapper {
    margin: 0 15px;
    padding-bottom: 20px;
}

.price-list-wrapper {
    margin: 0 15px;
    padding-bottom: 5px;
}

.amenities-wrapper {
    margin: 0 15px;
    margin-bottom: 18px;
}

.location-section-wrapper {
    margin: 0 15px;
    margin-bottom: 15px;
}

.explore-wrapper-middle {
    display: flex;
    justify-content: center;
    align-items: center;
}

.factsheet-details-text h6 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 5px;
    font-weight: 600;
}

.factsheet-details-text b {
    font-weight: 600;
}

.factsheet-details-text p {
    font-size: 17px;
    text-align: center;
}

.factsheet-details-text {
    font-size: 18px;
    text-align: center;
}

.main .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}

.card {
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
    color: #333333;
    border-radius: 2px;
    box-shadow:none;
}

    .card img {
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .card:last-child .card-image::after {
        content: "";
        background: rgb(255 255 255 / 75%);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        display: block;
    }

.card-text {
    background: rgba(244, 15, 158, 0.35);
    border-radius: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

    .card-text p {
        color: #000000;
        padding: 15px 24px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
    }

    .card-text p span {
        font-size: 20px;
    }

.hidden-mob {
    display: block;
}

.builder-list-details h6 {
    text-align: left;
    margin-top: 10px;
}
builder-list-details-wrapper .builder-address {
    margin-top: 10px;
}

@media only screen and (max-width: 600px) {
    .main .container {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1rem;
    }

    .card.hidden-mob {
        display: none;
    }

    .factsheet-title h1 {
        font-size: 22px;
        line-height: 32px;
        padding-bottom: 0px;
    }

    .card {
        margin-top: 20px;
    }

    .factsheet-banners {
        margin: 0px !important;
    }

    .factsheet-details {
        margin: 20px 0px 0 !important;
    }

    #schedulevisitform #scheduleVisit-btn {
        border-radius: 12px !important;
    }

    .about-property-wrapper {
        margin: 0px !important;
    }

    .price-list-wrapper {
        margin: 0px !important;
    }

    .amenities-wrapper {
        margin: 0px !important;
    }

    .location-section-wrapper {
        margin: 0px !important;
    }

    .factsheet-details-text h6 {
        font-size: 17px;
    }
    .constructionblock {
    margin:0 15px 20px 15px;
    }
}

/* || Explore New Homes */

.explore-title h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 38px;
    color: #000000;
    padding: 20px 0;
    text-transform: uppercase;
}

.explore-list-item h6 {
    color: #F40F9E;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 10px;
}

.explore-list-item p {
    color: #000000;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}

.explore-list-img {
    padding: 14px;
}

.explore-schedule-visit {
    padding: 20px;
    background: rgba(217, 217, 217, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-left: 30px;
}

    .explore-schedule-visit .form-control {
        width: 100%;
        border: 0;
        border-bottom: 2px solid #F40F9E !important;
        margin-left: 0px;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }

#schedulevisitform .pick-date .scheduleTIminginSChe select#slVisitSlots {
    position: relative;
    top: 0 !important;
    border-bottom: 2px solid #F40F9E !important;
    background: transparent;
    height: auto;
    padding: 0;
}

#schedule-first {
    background: #fff;
    padding: 1.5rem;
    background: rgba(217, 217, 217, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#schedulevisitform .form-control, #schedulevisitform .form-control[readonly] {
    border: 0;
    border-bottom: 1px solid #F8049C;
    color: #616161 !important;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.02em;
    margin: 0px;
    width: 100% !important;
    border-radius: 0;
    cursor: pointer;
    position: relative;
    background-color: #FFFFFF;
}

#schedulevisitform .fa-chevron-down {
    position: absolute;
    right: 10px;
    top: 30%;
    color: #616161 !important;
    font-size: 16px !important;
    z-index: 1;
}

#schedulevisitform .schedule-arrow {
    right: 24px;
    top: 24%;
}

#slVisitSlots, #ScheduleDate {
    top: 0px;
    height: 38px;
}

#ScheduleDate {
    padding-left: 14px !important;
}

#schedulevisitform .form-group {
    position: relative
}

#schedulevisitform label.error {
    background-color: transparent !important;
    margin-bottom: 0;
    color: #f40f9e !important;
    font-size: 12px;
    position: absolute !important;
    right: 0;
    padding: 0 !important;
    border-radius: 2px;
    top: 38px !important;
}

    #schedulevisitform label.error:before {
        content: ""
    }

#schedulevisitform .close {
    position: absolute;
    right: 30px;
    top: 12px;
    font-size: 26px;
}

#schedulevisitform #scheduleVisit-btn {
    background-color: #F40F9E !important;
    color: #fff !important;
    border: 2px solid #F40F9E !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    border-radius: 12px;
    padding: 10px 30px;
}

#schedulevisitform .pick-date select#slVisitSlots {
    width: 100%;
    top: 0px;
    position: relative;
    margin-left: 0;
    border-bottom: 1px solid #f8049c !important;
    border: 0;
}

@media (max-width: 767px) {
    .explore-list-item {
        text-align: center;
    }

        .explore-list-item h6 {
            font-size: 16px;
            margin-bottom: 0px;
            line-height: 20px;
            min-height: 40px;
        }

    img.explore-list-images {
        width: 70px;
    }

    .explore-list-item p {
        font-size: 13px;
        line-height: 20px;
        text-align: left;
    }
}

/* || About Property */

.wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 0px;
    height: 45px;
    background: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

nav.list {
    scroll-behavior: smooth;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0 20px;
}

.list {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 100%;
    margin-top: 0px;
    justify-content: space-around;
}

    .list li {
        display: table-cell;
        position: relative;
        text-align: center;
        cursor: grab;
        cursor: -webkit-grab;
        color: #efefef;
        vertical-align: middle;
    }

.scroller {
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 7px;
    padding-top: 13px;
    white-space: no-wrap;
    vertical-align: middle;
    background-color: #fff;
}

.about-property-wrapper .nav-tabs .nav-link.active {
    border: 0;
    border-bottom: 2px solid #f40f9e;
    color: #f40f9e;
    background-color: #f5f5f5;
}

.about-property-wrapper .nav-tabs .nav-link {
    font-weight: 600;
    color: #000000;
    margin: 0px;
    font-size: 17px;
    border: 0;
}

    .about-property-wrapper .nav-tabs .nav-link:hover {
        border: 0;
        border-bottom: 2px solid #f40f9e;
        color: #f40f9e;
        background-color: #f5f5f5;
    }

.tab-content {
    background: rgba(244, 15, 158, 0.08);
    padding: 20px 46px;
}

    .tab-content h5 {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 12px;
    }

    .tab-content p {
        color: #000000;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 14px;
    }

    .tab-content p br {
        display: none;
    }

        @media (max-width: 767px) {
            .about-property-wrapper .nav-tabs .nav-link {
                margin: 0px 0px;
                width: 200px;
                text-align: center;
            }

            .wrapper {
                overflow-x: scroll;
                height: 48px;
            }

                .wrapper::-webkit-scrollbar {
                    height: 0px;
                }

            .scroller.scroller-right {
                display: none !important;
            }

            .tab-content {
                padding: 20px 24px;
            }
        }
        /* || Price List */

.price-list-title {
    background: #F5F5F5;
    width: 100%;
    align-items:center;
}
    .price-list-title button {
    padding:0;
    }
        .price-list-title button:active {
            background: transparent!important;
            border: none!important;
        }
.tooltip-inner {
    background-color: #ffff !important;
    color: #000 !important;
    width: 300px!important;
    box-shadow: 0px 4px 4px 0px #00000040;
    z-index:99;
}
.rera-details h4 {
    font-weight: 600;
    font-size: 18px;
    margin-right: 10px;
    margin-bottom:20px;
}
.rera-details h6 {
    color: #F8049C;
    margin-top:5px;
   
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #fff !important;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #fff !important;
}
.rera-details {
    border: 1px solid #E1E1E1;
    padding:20px;
    margin-top:20px;
}
.builder-address p.active {
height:30px!important;
}
.rera-details title {
    margin-bottom: 10px;
}
    .price-list-title h4 {
        font-size: 18px;
        font-weight: 600;
        padding: 1rem 1.5rem 0.8rem;
    }

.offers-list-details-wrapper img {
    width: 100%;
    margin: 20px 0;
    border-radius: 10px;
}

.builder-list-details {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: auto;
    text-align: center;
    padding: 15px 20px;
    margin: 20px 0px;
}

.builder-list-details-wrapper img {
    width: 90px;
}

.builder-list-details-wrapper p {
    color: #000000;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    text-align: left;
}

.price-list-details {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: auto;
    text-align: center;
    padding: 15px 50px 10px;
    margin: 20px 0px;
}

    .price-list-details table tr {
        height: 40px;
        border-bottom: 0px solid rgba(0, 0, 0, 0.1);
    }

    .price-list-details .table-border {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    @media (max-width: 767px) {
        .price-list-details {
            padding: 15px 15px 10px;
            margin: 15px 0px;
        }

            .price-list-details table tr th {
                width: 300px !important;
                text-align: left;
                padding-right: 15px;
            }

            .price-list-details table tr th:first-child {
                width: 200px !important;
                text-align: left;
            }

            .price-list-details table tr td {
                text-align: left;
            }

            .price-list-details table {
                scroll-behavior: smooth;
                display: block;
                flex-wrap: nowrap;
                justify-content: start;
                width: 600px !important;
                margin-left: 8px;
            }

        .price-list-details-wrapper {
            overflow-x: scroll;
            height: auto;
            overflow-y: hidden;
        }

            .price-list-details-wrapper::-webkit-scrollbar {
                height: 2px;
            }

        .offers-list-details-wrapper img {
            border-radius: 7px;
        }

        .builder-list-details-wrapper img {
            width: 90px;
        }

        .builder-list-details-wrapper p {
            padding: 8px 6px !important;
        }
    }

/* || Amenities List */

.amenities-title {
    background: #F5F5F5;
    width: 100%;
}

    .amenities-title h4 {
        font-size: 18px;
        font-weight: 600;
        padding: 1rem 1.5rem 0.8rem;
    }

.amenities-list-wrapper {
    padding: 20px 20px;
    width: 100%;
    text-align: center;
}

.amenities-list {
    display: inline-block;
    padding: 0 24px;
}

    .amenities-list li {
        text-align: center;
        list-style-type: none;
    }

        .amenities-list li img {
            width: 65px;
            margin-top: 20px;
        }

        .amenities-list li p {
            margin-top: 10px;
            font-size: 15px;
        }

        @media (max-width: 767px) {
            .amenities-list-wrapper {
                padding: 20px 20px;
            }
        }

/* || Location List */

.location-title {
    background: #F5F5F5;
    width: 100%;
}

    .location-title h4 {
        font-size: 18px;
        font-weight: 600;
        padding: 1rem 1.5rem 0.8rem;
    }

.location-content {
    background: rgba(244, 15, 158, 0.08);
    padding: 20px 25px;
}

    .location-content p {
        color: #000000;
        font-weight: 500;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 14px;
    }

    .location-content p br {
        display: none;
    }

ul.factsheet-details-list {
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: space-around;
}

    ul.factsheet-details-list li {
        display: inline-block;
        list-style-type: none;
    }

@media (max-width: 767px) {
    .location-title h4 {
        padding: 1rem 1.5rem !important;
    }

    .amenities-title h4 {
        padding: 1rem 1.5rem !important;
    }

    .price-list-title h4 {
        padding: 1rem 1.5rem !important;
    }

    .location-content {
        padding: 20px 24px !important;
    }

    ul.factsheet-details-list {
        display: block;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

        ul.factsheet-details-list li {
            list-style-type: none;
            width: 110%;
            display: inherit;
        }
}

/* || Why Propex */

.why-homes-title h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 38px;
    color: #000000;
    padding: 20px 0;
    text-transform: uppercase;
}

.why-homes-details-wrapper {
    padding: 20px 50px 60px;
}

.why-homes-details {
    background: #FFFFFF;
    mix-blend-mode: normal;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 20px 25px;
    height: 100%;
}

    .why-homes-details p {
        color: #F40F9E;
        font-weight: 700;
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 20px;
    }

.why-homes-list {
    margin-left: 18px;
    line-height: 1.8;
}


/* || Media Query */

@media (max-width: 767px) {
    .factsheet-details-text {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        margin-bottom: 15px;
        padding-bottom: 10px;
        padding-right: 13%;
    }

    .factsheet-details-text-mob {
        border-bottom: 0px solid rgba(0, 0, 0, 0.05);
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .amenities-list {
        display: inline-block;
        padding: 5px 10px;
        width: 50%;
    }

    .why-homes-details-wrapper {
        padding: 0px;
    }

    .why-homes-mob-details {
        margin-bottom: 30px;
    }
}









.p-share ul {
    margin-top: 45px !important;
}

.thumbnail a:nth-child(1) {
    display: block;
}

.thumbnail a {
    display: none;
}

.nav-item a {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.form-control {
    border-radius: 0 !important;
    border-width: 2px;
    margin-left: 50px;
}

input.form-control.form {
    margin: -2px;
}

.form-control {
    width: 20%;
}

section {
    padding: 0px 0;
}

.nav-item a {
    color: #324b72;
    font-size: 15px;
    font-weight: 600;
    line-height: 19px;
    text-align: left;
    text-align: -moz-center;
    padding: .5rem 10px;
}

.nav-item .nav-link {
    padding: .5rem 10px;
}

#PropertyControls, #CustomerControls, #ancTransfer, #three-tab, #TransfersLocations, #my-list-Private, #my-list {
    display: none;
}

    #my-list-Private.active, #my-list.active {
        display: block;
    }

section#footer {
    padding: 50px 0 0px 0;
}

.btn {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    border-radius: 0;
    outline: none;
    border-color: transparent;
}

.btn-primary {
    background-color: #ef0073;
    color: #ffffff;
    border: 2px solid #ef0073;
}

    .btn-primary:hover {
        background-color: transparent;
        border-color: #ef0073;
        color: #ef0073;
    }

.col-md-6 {
    color: #324b72;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-align: left;
}

select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    appearance: none;
}

.mb-20 {
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    .mb-20 {
        margin-bottom: 15px;
    }
}

.product-wrap {
    margin-top: 74px;
    padding-bottom: 0px;
}

    .product-wrap .first-section {
        position: relative;
    }

@media (max-width: 768px) {
    .product-wrap .first-section .col-md-8,
    .product-wrap .first-section .col-md-4 {
        max-width: 100%;
    }

    .product-wrap .first-section .booknow {
        margin-top: 20px;
    }
}

.product-wrap .first-section .product-carousel .owl-carousel .owl-dots {
    position: absolute;
    bottom: 40px;
    text-align: center;
    width: 100%;
}

    .product-wrap .first-section .product-carousel .owl-carousel .owl-dots button {
        height: 8px;
        width: 8px;
        background: #ffffff80;
        border-radius: 50%;
        margin: 3px;
    }

        .product-wrap .first-section .product-carousel .owl-carousel .owl-dots button.active {
            background: white;
        }

.product-wrap .first-section .product-carousel .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}

    .product-wrap .first-section .product-carousel .owl-carousel .owl-nav .owl-prev,
    .product-wrap .first-section .product-carousel .owl-carousel .owl-nav .owl-next {
        height: 44px;
        width: 44px;
        background: #ffffff9e;
        padding: 10px;
    }

        .product-wrap .first-section .product-carousel .owl-carousel .owl-nav .owl-prev:hover,
        .product-wrap .first-section .product-carousel .owl-carousel .owl-nav .owl-next:hover {
            background: white;
        }

        .product-wrap .first-section .product-carousel .owl-carousel .owl-nav .owl-prev span,
        .product-wrap .first-section .product-carousel .owl-carousel .owl-nav .owl-next span {
            font-size: 30px;
            color: deeppink;
        }

    .product-wrap .first-section .product-carousel .owl-carousel .owl-nav .owl-next {
        float: right;
    }

.product-wrap .first-section .info {
    padding: 20px;
    background: white;
    margin-bottom: 20px;
}

    .product-wrap .first-section .info h4 {
        color: #112950;
        font-size: 24px;
        font-weight: 400;
        line-height: 29px;
        margin-bottom: 5px;
    }

    .product-wrap .first-section .info .location {
        display: flex;
    }

    .product-wrap .first-section .info .location {
        display: flex;
    }

    .product-wrap .first-section .info .Events .location {
        display: flex;
        margin: 7px;
    }

        .product-wrap .first-section .info .Events .location i {
            margin-right: 10px;
            color: #ef0075;
        }

    .product-wrap .first-section .info .location p {
        color: #324b72;
        font-size: 17px;
        font-weight: 400;
        line-height: 20px;
        opacity: 0.5;
    }

    .product-wrap .first-section .info .location img {
        margin-right: 10px;
    }

    .product-wrap .first-section .info .location .Events {
        margin-right: 10px;
        color: #ef0075;
    }

    .product-wrap .first-section .info .detail-info {
        padding: 20px;
        color: #324b72;
        font-size: 16px;
        font-weight: 400;
        line-height: 23px;
        opacity: 0.9000000357627869;
    }

    .product-wrap .first-section .info .rating-wrap {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        height: 66px;
    }

        .product-wrap .first-section .info .rating-wrap .rating,
        .product-wrap .first-section .info .rating-wrap .sharepropdiv {
            padding: 0 15px;
            border-right: 1px solid lightgray;
        }

            .product-wrap .first-section .info .rating-wrap .rating p i {
                float: left;
                margin-right: 5px;
                margin-left: 0px;
            }

                .product-wrap .first-section .info .rating-wrap .rating p i:nth-child(1),
                .product-wrap .first-section .info .rating-wrap .rating p i:nth-child(2) {
                    color: #2ecfdc !important;
                }

        .product-wrap .first-section .info .rating-wrap .share img {
            margin: 0 10px;
            cursor: pointer;
        }

.product-wrap .first-section .graphical-info {
    padding: 20px;
    background: white;
    margin-bottom: 20px;
}

    .product-wrap .first-section .graphical-info .table tr {
        border-bottom: 1px solid #e0e6ed;
    }

    .product-wrap .first-section .graphical-info .table tbody tr:last-child {
        border-bottom: 0px;
    }

    .product-wrap .first-section .graphical-info .table thead th {
        border: 0px;
    }

    .product-wrap .first-section .graphical-info .table .feature-svg {
        display: flex;
        padding-bottom: 10px;
    }

        .product-wrap .first-section .graphical-info .table .feature-svg p {
            color: #112950;
            font-size: 10px;
            font-weight: 400;
            line-height: 12px;
            opacity: 0.5;
            position: absolute;
            bottom: -15px;
            text-align: center;
            width: 100%;
        }

        .product-wrap .first-section .graphical-info .table .feature-svg img {
            margin-bottom: 5px;
            margin: 0 10px;
            height: 30px;
        }

    .product-wrap .first-section .graphical-info .table th {
        color: #324b72;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
    }

        .product-wrap .first-section .graphical-info .table th:nth-child(4) {
            text-align: right;
        }

    .product-wrap .first-section .graphical-info .table td:nth-child(1) i {
        color: #324b72 !important;
    }

    .product-wrap .first-section .graphical-info .table td:nth-child(2) {
        color: #112950;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }

    .product-wrap .first-section .graphical-info .table td:nth-child(4) {
        text-align: right;
        color: #10121b;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding: 25px 0;
    }

.product-wrap .first-section .terms {
    background: white;
    padding: 20px;
}

    .product-wrap .first-section .terms h4 {
        color: #112950;
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        margin-bottom: 25px;
        display: block;
    }

    .product-wrap .first-section .terms .terms-points .term-deposit {
        display: flex;
        padding-bottom: 20px;
        border-bottom: 0;
    }

        .product-wrap .first-section .terms .terms-points .term-deposit div {
            padding: 0 40px;
            border-right: 1px solid lightgray;
        }

            .product-wrap .first-section .terms .terms-points .term-deposit div:nth-child(1) {
                padding-left: 0px;
            }

            .product-wrap .first-section .terms .terms-points .term-deposit div:nth-child(3) {
                border-right: none;
            }

            .product-wrap .first-section .terms .terms-points .term-deposit div p:nth-child(1) {
                color: #324b72;
                font-size: 15px;
                font-weight: 400;
                line-height: 20px;
                margin-bottom: 5px;
            }

            .product-wrap .first-section .terms .terms-points .term-deposit div p:nth-child(2) {
                color: #112950;
                font-size: 23px;
                font-weight: 400;
                line-height: 20px;
            }

    .product-wrap .first-section .terms .offers {
        padding-top: 20px;
    }

        .product-wrap .first-section .terms .offers h4 {
            color: #112950;
            font-size: 18px;
            font-weight: 400;
            line-height: 22px;
        }

            .product-wrap .first-section .terms .offers h4 span {
                padding: 3px 10px;
                background: #2ecfdc;
                color: #ffffff;
                font-size: 12px;
                font-weight: 400;
                line-height: 14px;
                border-radius: 4px;
            }

        .product-wrap .first-section .terms .offers .offers-block {
            display: flex;
            align-items: center;
            padding: 15px;
            border-radius: 10px;
            background: #f4f5fb;
            margin-bottom: 5px;
        }

            .product-wrap .first-section .terms .offers .offers-block img {
                margin-right: 20px;
            }

            .product-wrap .first-section .terms .offers .offers-block p {
                color: #324b72;
                font-size: 16px;
                font-weight: 400;
                line-height: 23px;
                opacity: 0.9000000358;
            }

    .product-wrap .first-section .terms .know-more {
        margin-top: 20px;
    }

        .product-wrap .first-section .terms .know-more p {
            padding: 12px 15px;
            border: 2px solid #324b72;
            color: #324b72;
            width: fit-content;
            font-size: 15px;
            font-weight: 400;
            line-height: 18px;
        }

            .product-wrap .first-section .terms .know-more p:hover {
                background: #324b72;
                color: white;
                cursor: pointer;
            }

.product-wrap .first-section .booknow .yay-scheduled {
    height: 393px;
    padding: 20px;
    text-align: center;
    position: relative;
    background: #fff;
}

    .product-wrap .first-section .booknow .yay-scheduled .yay-schedule-content {
        margin: 20% 0;
    }

    .product-wrap .first-section .booknow .yay-scheduled p {
        color: #324B72 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 17px !important;
        margin: 20px 0;
        text-align: center !important;
        margin-bottom: 0 !important;
    }

    .product-wrap .first-section .booknow .yay-scheduled .detail {
        color: #112950 !important;
        font-size: 17px !important;
        font-weight: 600 !important;
        line-height: 20px !important;
    }

    .product-wrap .first-section .booknow .yay-scheduled .btn {
        width: 100% !important;
        padding: 15px !important;
        color: white !important;
    }

        .product-wrap .first-section .booknow .yay-scheduled .btn:hover {
            color: #ef0073 !important;
        }

.product-wrap .first-section .booknow .card .nav-item {
    background: #e1eef8;
    width: 50%;
}

    .product-wrap .first-section .booknow .card .nav-item a {
        padding: 20px;
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        border: none;
        border-radius: 0px;
        text-align: center;
        color: #112950;
    }

        .product-wrap .first-section .booknow .card .nav-item a.active {
            background: #324b72;
            color: white;
        }

.product-wrap .first-section .booknow .card .book-second {
    display: none;
}

    .product-wrap .first-section .booknow .card .book-second .otp {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .product-wrap .first-section .booknow .card .book-second .otp .otp-box {
            height: 60px;
            background: white;
            text-align: center;
        }

.product-wrap .first-section .booknow .card .schedule-second {
    display: none;
}

    .product-wrap .first-section .booknow .card .schedule-second .otp {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .product-wrap .first-section .booknow .card .schedule-second .otp .otp-box {
            height: 60px;
            background: white;
            text-align: center;
        }

.product-wrap .first-section .booknow .card .schedule-third {
    display: none;
}

.product-wrap .first-section .booknow .card .schedule-fourth {
    display: none;
}

    .product-wrap .first-section .booknow .card .schedule-fourth .manage-note {
        color: #FFFFFF;
        font-size: 12px;
        font-weight: 300;
        letter-spacing: 0.4px;
        line-height: 14px;
        margin: 10px 0 0;
    }

.product-wrap .first-section .booknow .card .book-fourth .manage-note {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 14px;
    margin: 10px 0 0;
}

.product-wrap .first-section .booknow .card .schedule-fourth .card-text {
    color: #FFFFFF;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 18px !important;
    margin-bottom: 0 !important;
    text-align: center !important;
}

    .product-wrap .first-section .booknow .card .schedule-fourth .card-text b {
        font-weight: 600;
    }

    .product-wrap .first-section .booknow .card .schedule-fourth .card-text:nth-child(2) {
        padding-bottom: 10px;
    }

.product-wrap .first-section .booknow .card .schedule-fourth .similar-property {
    border-top: 1px solid #d3d3d366;
    border-bottom: 1px solid #d3d3d366;
}

.product-wrap .first-section .booknow .card .book-fourth .similar-property {
    border-top: 1px solid #d3d3d366;
    border-bottom: 1px solid #d3d3d366;
}

.product-wrap .first-section .booknow .card .schedule-fourth .similar-property .title {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    margin: 20px 0 10px;
}

.product-wrap .first-section .booknow .card .book-fourth .similar-property .title {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    margin: 20px 0 10px;
}

.product-wrap .first-section .booknow .card .schedule-fourth #similar-property-carousel .item p {
    margin: 10px 0;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
}

.product-wrap .first-section .booknow .card .schedule-fourth #similar-property-carousel .item .location {
    display: flex !important;
    align-items: center;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 20px;
}

    .product-wrap .first-section .booknow .card .schedule-fourth #similar-property-carousel .item .location img {
        width: 15px !important;
        margin-right: 10px;
        height: 15px;
    }

.product-wrap .first-section .booknow .card .schedule-fourth #similar-property-carousel .owl-nav {
    position: absolute;
    top: -35px;
    right: 0;
}

    .product-wrap .first-section .booknow .card .schedule-fourth #similar-property-carousel .owl-nav .owl-next,
    .product-wrap .first-section .booknow .card .schedule-fourth #similar-property-carousel .owl-nav .owl-prev {
        padding: 5px 7px !important;
        color: white;
        border: 1px solid white;
        line-height: 10px;
        margin: 0 !important;
    }

        .product-wrap .first-section .booknow .card .schedule-fourth #similar-property-carousel .owl-nav .owl-next:hover,
        .product-wrap .first-section .booknow .card .schedule-fourth #similar-property-carousel .owl-nav .owl-prev:hover {
            color: #324b72;
            border: 1px solid #324b72;
            background: white;
        }

    .product-wrap .first-section .booknow .card .schedule-fourth #similar-property-carousel .owl-nav .owl-next {
        margin-left: 3px !important;
    }

.product-wrap .first-section .booknow .card .schedule-fourth #similar-property-carousel .owl-dots {
    display: none;
}

.product-wrap .first-section .booknow .card .tab-content {
    background: #ece5e5;
}

    .product-wrap .first-section .booknow .card .tab-content .tab-pane {
        height: auto;
    }

        .product-wrap .first-section .booknow .card .tab-content .tab-pane .confirm-btn {
            width: 100%;
            color: white;
            margin-top: 30px;
            padding: 15px;
        }

        .product-wrap .first-section .booknow .card .tab-content .tab-pane p {
            color: #000;
            font-size: 16px;
            font-weight: 400;
            line-height: 19px;
            padding: 0;
            text-align: left;
            margin-bottom: 30px;
        }

        .product-wrap .first-section .booknow .card .tab-content .tab-pane .form-control {
            width: 100% !important;
            margin: 0;
            border: none;
            height: 50px;
            background: transparent;
            border-bottom: 2px solid #fff;
        }

        .product-wrap .first-section .booknow .card .tab-content .tab-pane label {
            color: #ffffff;
            font-size: 16px;
            font-weight: 400;
            line-height: 19px;
        }

        .product-wrap .first-section .booknow .card .tab-content .tab-pane .pick-time,
        .product-wrap .first-section .booknow .card .tab-content .tab-pane .pick-date {
            position: relative;
            cursor: pointer;
        }

            .product-wrap .first-section .booknow .card .tab-content .tab-pane .pick-time i,
            .product-wrap .first-section .booknow .card .tab-content .tab-pane .pick-date i {
                font-size: 24px;
                position: absolute;
                margin-top: 0;
                top: 50%;
                right: 10px;
            }

        .product-wrap .first-section .booknow .card .tab-content .tab-pane form span {
            color: #000;
            font-size: 12px;
            font-weight: 400;
            letter-spacing: 0.4px;
            line-height: 14px;
        }

.product-wrap .first-section .testimonial {
    margin-top: 0;
    background: white;
    padding: 20px;
    position: relative;
}

    .product-wrap .first-section .testimonial .testimonial-carousel .owl-dots {
        position: absolute;
        bottom: 0px;
        text-align: center;
        right: 0;
    }

        .product-wrap .first-section .testimonial .testimonial-carousel .owl-dots button {
            height: 8px;
            width: 8px;
            background: #d8d8d8;
            border-radius: 50%;
            margin: 3px;
        }

            .product-wrap .first-section .testimonial .testimonial-carousel .owl-dots button.active {
                background: deeppink;
            }

    .product-wrap .first-section .testimonial .testimonial-carousel .owl-nav {
        position: absolute;
        top: -40px;
        right: 0;
    }

        .product-wrap .first-section .testimonial .testimonial-carousel .owl-nav .owl-prev,
        .product-wrap .first-section .testimonial .testimonial-carousel .owl-nav .owl-next {
            height: 20px;
            width: 20px;
            border: 1px solid #112950;
        }

            .product-wrap .first-section .testimonial .testimonial-carousel .owl-nav .owl-prev:hover,
            .product-wrap .first-section .testimonial .testimonial-carousel .owl-nav .owl-next:hover {
                background: white;
            }

            .product-wrap .first-section .testimonial .testimonial-carousel .owl-nav .owl-prev span,
            .product-wrap .first-section .testimonial .testimonial-carousel .owl-nav .owl-next span {
                font-size: 30px;
                line-height: 0;
                color: deeppink;
            }

        .product-wrap .first-section .testimonial .testimonial-carousel .owl-nav .owl-next {
            float: right;
            margin-left: 5px;
        }

    .product-wrap .first-section .testimonial .testimonial-carousel .owl-item p {
        color: #112950;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }

    .product-wrap .first-section .testimonial .testimonial-carousel .owl-item .user {
        display: flex;
        align-items: center;
        margin-top: 20px;
    }

        .product-wrap .first-section .testimonial .testimonial-carousel .owl-item .user img {
            width: 45px;
            margin-right: 10px;
        }

        .product-wrap .first-section .testimonial .testimonial-carousel .owl-item .user .user-info i {
            float: left;
        }

        .product-wrap .first-section .testimonial .testimonial-carousel .owl-item .user .user-info i {
            display: none;
            color: #2ecfdc !important;
        }

    .product-wrap .first-section .testimonial h4 {
        color: #112950;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        margin-bottom: 20px;
    }

.product-wrap .second-section {
    background: white;
}

@media (max-width: 768px) {
    .product-wrap .second-section .nearby .col-md-6 {
        min-width: 100%;
    }
}

.product-wrap .second-section .promises {
    padding: 0px 15px;
    margin-top: 40px;
}

#SimilarPropertiesContainer .card {
    border-radius: 0 0 20px 20px;
}

.product-wrap .second-section .promises .promises-icons .icon-wrap {
    width: 11%;
    display: inline-grid;
    text-align: center;
    margin-top: 10px;
}

    .product-wrap .second-section .promises .promises-icons .icon-wrap .img-wrap {
        height: 50px;
    }

    .product-wrap .second-section .promises .promises-icons .icon-wrap img {
        margin: 0 auto;
        height: 30px;
    }

    .product-wrap .second-section .promises .promises-icons .icon-wrap p {
        height: auto;
        margin: 6px;
        font-size: 14px;
    }

.product-wrap .second-section .promises h4 {
    color: #112950;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 30px;
}

.product-wrap .second-section .nearby {
    padding: 0 0 40px;
}

    .product-wrap .second-section .nearby .row {
        padding: 0 15px;
    }

    .product-wrap .second-section .nearby h4 {
        margin-bottom: 30px;
    }

    .product-wrap .second-section .nearby .mapouter {
        width: 100%;
    }

        .product-wrap .second-section .nearby .mapouter .gmap_canvas {
            width: 100%;
            height: 525px;
            padding: 5px;
        }

    .product-wrap .second-section .nearby .nav-tabs {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .product-wrap .second-section .nearby .nav-tabs .nav-item {
            flex: 1;
            background: #000;
            border-radius: 30px;
            margin-right: 10px;
            color: #fff;
            margin-left: 10px;
        }

            .product-wrap .second-section .nearby .nav-tabs .nav-item a {
                padding: 20px;
                text-align: center;
                border-radius: 0;
                flex: 1;
                border: none;
                color: #fff !important;
            }

                .product-wrap .second-section .nearby .nav-tabs .nav-item a.active {
                    background: #ef0073;
                    color: #fff;
                    border-radius: 30px;
                }

    .product-wrap .second-section .nearby .tab-content {
        background: white !important;
    }

        .product-wrap .second-section .nearby .tab-content .tab-pane {
            padding: 30px;
        }

            .product-wrap .second-section .nearby .tab-content .tab-pane .table tr {
                border-bottom: 1px solid #C5D6F1;
            }

                .product-wrap .second-section .nearby .tab-content .tab-pane .table tr td {
                    color: #10121B;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 25px;
                    width: 80%;
                }

                    .product-wrap .second-section .nearby .tab-content .tab-pane .table tr td:last-child {
                        text-align: right;
                    }

            .product-wrap .second-section .nearby .tab-content .tab-pane .table th {
                color: #3085FF;
                border: none;
            }

                .product-wrap .second-section .nearby .tab-content .tab-pane .table th:nth-child(2) {
                    text-align: right;
                }

            .product-wrap .second-section .nearby .tab-content .tab-pane .table tbody tr:hover {
                transform: scale(1.05);
                box-shadow: 0px 0px 10px #d3d3d36e;
                border-bottom: none;
                cursor: pointer;
            }

                .product-wrap .second-section .nearby .tab-content .tab-pane .table tbody tr:hover td {
                    border-top: 1px solid #fff !important;
                }

.product-wrap .third-section {
    padding: 0px;
}

.product-wrap .third-section h4 {
    color: #112950;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 20px;
}

.product-wrap .third-section .owl-carousel-cards .card hr.line {
    width: 100% !important;
    margin: 10px 0;
}

@media (max-width: 768px) {
    .product-wrap .third-section .owl-carousel-cards .owl-nav {
        left: -20px;
        right: -20px;
    }
}

.product-wrap .third-section .owl-carousel-cards .owl-nav .owl-prev i {
    margin-right: 0px;
    position: absolute;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0px 0px 0px !important;
    border: 0px solid #ef0073;
    color: #ef0073;
    background: #ffffff9e;
    font-size: 25px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.product-wrap .third-section .owl-carousel-cards .owl-nav .owl-next i {
    float: right;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    position: absolute;
    right: 0;
    padding: 0px 0px 0px !important;
    border: 0px solid #ef0073;
    color: #ef0073;
    background: #ffffff9e;
    font-size: 25px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

    .product-wrap .third-section .owl-carousel-cards .owl-nav .owl-prev i:hover,
    .product-wrap .third-section .owl-carousel-cards .owl-nav .owl-next i:hover {
        background: #fff !important;
        box-shadow: 0px 0px 2px #ccc !important;
    }

.product-wrap .third-section .owl-carousel-cards h5 {
    color: #112950;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    margin: 12px 0 4px;
}

.product-wrap .third-section .owl-carousel-cards .cords {
}

    .product-wrap .third-section .owl-carousel-cards .cords img {
        width: 15px;
        margin-right: 10px;
    }

.product-wrap .third-section .owl-carousel-cards .col-md-12 {
    display: flex;
    align-self: center;
    justify-content: space-between;
}

.product-wrap .third-section .owl-carousel-cards .price h6 {
    color: #a5a5a5;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.product-wrap .third-section .owl-carousel-cards .price p {
    margin: 0px 13px;
    color: #a5a5a5;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    line-height: 22px;
    text-align: left;
}

    .product-wrap .third-section .owl-carousel-cards .price p i {
        color: #a5a5a5 !important;
        margin-right: 5px;
    }

.product-wrap .third-section .owl-carousel-cards .rating p {
    color: #324b72;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    padding: 0;
    text-align: left;
    margin: 3px 0;
}

.product-wrap .third-section .owl-carousel-cards .rating .wid {
    padding: 0 !important;
}

    .product-wrap .third-section .owl-carousel-cards .rating .wid i {
        float: left !important;
        margin-right: 3px;
        margin-left: 0 !important;
    }

        .product-wrap .third-section .owl-carousel-cards .rating .wid i:nth-child(1),
        .product-wrap .third-section .owl-carousel-cards .rating .wid i:nth-child(2),
        .product-wrap .third-section .owl-carousel-cards .rating .wid i:nth-child(3) {
            color: #50e3c2 !important;
        }

.product-wrap .third-section .owl-carousel-cards .view-property a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .product-wrap .third-section .owl-carousel-cards .view-property a p {
        padding: 0;
        color: #3085ff;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        opacity: 0.6000000238418579;
        text-align: left;
    }

    .product-wrap .third-section .owl-carousel-cards .view-property a i {
        color: #83b6ff !important;
    }

@media (max-width: 425px) {
    .product-wrap .third-section .owl-carousel-cards .owl-stage-outer {
        padding-bottom: 20px;
    }

        .product-wrap .third-section .owl-carousel-cards .owl-stage-outer .owl-item .card {
            border: none;
            margin: 20px;
        }

        .product-wrap .third-section .owl-carousel-cards .owl-stage-outer .owl-item.active .item .card {
            box-shadow: 0px 0px 0px #cecece !important;
        }
}

.product-wrap .col-md-8 {
    opacity: 1;
}

@media (max-width: 425px) {
    .product-wrap .rating-wrap {
        padding: 10px 0;
    }

        .product-wrap .rating-wrap .rating,
        .product-wrap .rating-wrap .share {
            flex: 1;
        }

        .product-wrap .rating-wrap .share {
            display: flex;
            align-items: center;
            justify-content: space-evenly;
        }

    .product-wrap .graphical-info {
        overflow-x: scroll;
    }

    .product-wrap .term-deposit {
        align-items: center;
    }

        .product-wrap .term-deposit div {
            padding: 0 10px !important;
            flex: 1;
        }

            .product-wrap .term-deposit div p:nth-child(1) {
                height: 40px;
            }

            .product-wrap .term-deposit div p:nth-child(2) {
                font-size: 16px !important;
            }

    .product-wrap .promises-icons .icon-wrap {
        width: 30% !important;
    }

    .product-wrap .nearby {
        padding: 0 20px 25px !important;
        margin-bottom: 20px;
    }

        .product-wrap .nearby .nav-tabs .nav-item a {
            padding: 10px !important;
        }

        .product-wrap .nearby .col-md-6:nth-child(2) {
            border-left: 1px solid #eaf0fa !important;
        }
}

.gallery {
    margin-top: 100px;
}

    .gallery .card {
        border: none !important;
    }

    .gallery .nav-tabs {
        border-bottom: none;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: none !important;
        background-color: white;
    }

        .gallery .nav-tabs li a {
            padding: 22px 40px;
        }

.inputs input {
    border: 1px solid #ef0073;
    font-size: 20px !important;
    font-weight: 700;
}

@media (max-width: 768px) {
    .gallery .nav-tabs li a {
        padding: 25px 16px;
    }
}

@media (max-width: 425px) {
    .gallery .nav-tabs {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 6px;
    }

        .gallery .nav-tabs li a {
            padding: 10px;
            font-size: 12px;
        }
}

.gallery .nav-tabs .nav-item.show .nav-link,
.gallery .nav-tabs .nav-link.active {
    background-color: #f3f8fb !important;
}

.gallery .seting {
    border: 0px solid transparent !important;
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
    padding-bottom: 15px !important;
}

.gallery .tab-content {
    padding-bottom: 0;
}

    .gallery .tab-content .tab-pane {
        height: auto;
        padding: 50px;
    }

        .gallery .tab-content .tab-pane img.image_height {
            height: 100%;
        }

@media (max-width: 425px) {
    .gallery .tab-content .tab-pane {
        padding: 20px 20px;
    }
}

@media (max-width: 768px) {
    .gallery .col-md-6.p-0.responsive {
        padding: 15px !important;
        top: -10px;
    }

    .gallery img.card-img-top.image_height {
        height: 95% !important;
    }
}

@media (max-width: 320px) {
    .focus-input100 i.fa.fa-phone {
        position: relative;
        top: -20px;
    }
}

@media (max-width: 768px) {
    .form-control {
        border-radius: 0 !important;
        width: 82% !important;
        border-width: 2px;
        margin-left: 8px;
    }
}

.login-wrap form {
    margin-top: 32px;
}

.login-wrap .login-box form a#ancForgetPassword {
    color: #666;
    font-size: 13px;
    font-weight: 500;
}

.login-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F4F8FB;
    margin-top: 30px;
    padding: 80px 0;
    min-height: 500px;
}

    .login-wrap .signup-box,
    .login-wrap .login-box {
        background-color: #ffffff;
        padding: 50px 42px;
        margin: 0 auto;
        border-radius: 10px;
    }

        .login-wrap .login-box h1 {
            color: #112950;
            font-size: 24px;
            font-weight: 700;
            line-height: 29px;
            margin-bottom: 20px;
        }

        .login-wrap .login-box form .form-group {
            margin: 0;
            margin-bottom: 10px;
            position: relative;
        }

            .signup-wrap .signup-box form .form-group label,
            .login-wrap .login-box form .form-group label {
                color: #112950;
                font-size: 14px;
                font-weight: 500;
                line-height: 19px;
                margin-bottom: 0px;
            }

        .signup-wrap .signup-box form .form-group input:focus,
        .login-wrap .login-box form input:focus {
            outline: none !important;
            box-shadow: 0px 0 0 0 !important;
        }

        .login-wrap .signup-box form .form-group input,
        .login-wrap .login-box form .form-group input {
            background-color: #FFFFFF;
            border: 0px solid #E0E6ED;
            width: 100% !important;
            height: 100%;
            margin: 0;
            border-bottom: 2px solid #E0E6ED;
            font-size: 14px;
            outline: none;
            padding: 15px 29px;
        }

.signup-box input[type=button],
.login-wrap .login-box form input[type="button"] {
    margin-top: 20px;
    padding: 10px 0;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.signup-wrap .signup-box .txt1.text-center.p-t-54.p-b-20,
.login-wrap .login-box .txt1.text-center.p-t-54.p-b-20 {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
    padding-bottom: 10px;
    padding-top: 30px;
    font-weight: 500;
}

.login-wrap .login-box form span {
    margin-top: 30px;
    color: #112950;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

    .login-wrap .login-box form span small {
        color: #3085FF;
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        opacity: 0.5;
        margin-left: 20px;
    }

        .login-wrap .login-box form span small:hover {
            cursor: pointer;
            opacity: 0.8;
        }

.login-wrap .login-box form .form-group input.error,
.signup-wrap .signup-box form .form-group input.error {
    border-bottom: 2px solid #f90000;
}

.login-wrap .login-box form .form-group input.valid,
.signup-wrap .signup-box form .form-group input.valid {
    border-bottom: 2px solid #22a900;
}

@media (max-width: 500px) {
    .login-wrap .login-box {
        width: 90%;
        height: auto;
        padding: 30px;
        margin-top: 50px;
    }
}

@media (max-width: 330px) {
    .login-wrap .login-box {
        width: 94%;
        height: auto;
        padding: 15px;
        margin-top: 60px;
    }
}

.login-wrap .signup-box form button {
    margin-top: 20px;
    padding: 15px 0;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

@media (max-width: 500px) {
    .login-wrap .login-box {
        width: 90%;
        height: auto;
        padding: 30px;
        margin-top: 50px;
    }
}

@media (max-width: 330px) {
    .login-wrap .login-box {
        width: 94%;
        height: auto;
        padding: 15px;
        margin-top: 60px;
    }
}

@media (max-width: 500px) {
    .login-wrap .login-box {
        width: 90%;
        height: auto;
        padding: 30px;
        margin-top: 50px;
    }
}

@media (max-width: 330px) {
    .login-wrap .login-box {
        width: 94%;
        height: auto;
        padding: 15px;
        margin-top: 60px;
    }
}

@media (max-width: 500px) {
    .login-wrap .login-box {
        width: 90%;
        height: auto;
        padding: 30px;
        margin-top: 50px;
    }
}

@media (max-width: 330px) {
    .login-wrap .login-box {
        width: 94%;
        height: auto;
        padding: 15px;
        margin-top: 60px;
    }
}

@media (max-width: 500px) {
    .login-wrap .login-box {
        width: 90%;
        height: auto;
        padding: 30px;
        margin-top: 50px;
    }
}

@media (max-width: 330px) {
    .login-wrap .login-box {
        width: 94%;
        height: auto;
        padding: 15px;
        margin-top: 60px;
    }
}

@media (max-width: 500px) {
    .login-wrap .login-box {
        width: 90%;
        height: auto;
        padding: 30px;
        margin-top: 50px;
    }
}

@media (max-width: 330px) {
    .login-wrap .login-box {
        width: 94%;
        height: auto;
        padding: 15px;
        margin-top: 60px;
    }
}

.modal#video-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    z-index: 94;
    margin-top: 0px;
    height: 100%;
    overflow: auto;
    background-color: #fff;
}

.modal.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.modal .modal-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: rgb(255, 255, 255);
}

.modal#video-modal .modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0px solid rgba(0, 0, 0, .2);
}

.modal .modal-content iframe {
    max-width: 800px;
}

.modal .modal-close {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    position: absolute;
    top: 5rem;
    right: 3rem;
    border: none;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .25s ease;
}

    .modal .modal-close svg {
        width: 24px;
        height: 24px;
    }

    .modal .modal-close:focus {
        -moz-appearance: none;
        -webkit-appearance: none;
        outline: none;
    }

    .modal .modal-close svg:hover {
        fill: #bd1261;
        cursor: pointer;
    }

li.nav-item button a {
    text-align: -webkit-center;
}

    li.nav-item button a:hover {
        color: #fff;
    }

.focus-input100 {
    position: relative;
    width: 100%;
    height: 100%;
    top: -38px;
    left: 0;
    pointer-events: none;
}

    .focus-input100 img {
        width: 16px;
    }

@media (max-width:768px) {
    .modal .modal-content iframe {
        max-width: 320px;
    }
}

.svgClose {
    width: 20px;
    height: 20px;
    margin: 3px;
    fill: #000;
}

    .svgClose:hover {
        fill: #bd1261;
    }

footer {
    z-index: 9;
}

.btnlocType {
    margin-bottom: 10px;
}

.PropNearbyDetails {
    max-height: 350px;
    overflow-y: auto;
}

.toastwrap {
    display: none;
    position: fixed;
    width: 250px;
    pointer-events: none !important;
    letter-spacing: normal;
    z-index: 9000 !important;
    top: 100px;
    right: 40px;
}

.toast {
    width: 100%;
    padding: 10px;
    margin: 0 0 5px;
    border-radius: 2px;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    line-height: 17px;
    position: relative;
    pointer-events: all !important;
    background-color: rgba(237, 65, 141, 0.9);
    color: #fff;
    text-align: left;
    font-size: 13px;
    min-height: 53px;
}

.toastclose {
    position: absolute;
    top: 3px;
    right: 4px;
    font-size: 18px !important;
    cursor: pointer;
    color: #ffffff;
}

    .toastclose:hover {
        color: #fff;
    }

.ToastMsg {
    padding-top: 8px;
    display: block;
}

input[type=checkbox] + label {
    display: block;
    cursor: pointer;
}

input[type=checkbox] {
    display: block;
}

    input[type=checkbox] + label.checkbox-label {
        float: left;
        margin-right: 0rem;
        color: #666;
    }

input[type=checkbox] + label:active:before {
    transform: scale(0);
}

input[type=checkbox]:checked + label:before {
    background-color: #EF0073;
    border-color: #EF0073;
    color: #fff;
}

input[type=checkbox]:disabled + label:before {
    transform: scale(1);
    border-color: #aaa;
}

input[type=checkbox]:checked:disabled + label:before {
    transform: scale(1);
    background-color: #bfb;
    border-color: #bfb;
}

.signup-wrap .signup-box form .fa,
.login-wrap .login-box .fa {
    color: #495057;
}

.signup-wrap .signup-box form label.error + span > .fa,
.login-wrap .login-box form label.error + span > .fa {
    color: #f00000 !important;
}

.signup-wrap .signup-box form input.valid + span > .fa,
.login-wrap .login-box form input.valid + span > .fa {
    color: #22a900 !important;
}

.signup-wrap .signup-box form input.valid + label.error + span > .fa,
.login-wrap .login-box form input.valid + label.error + span > .fa {
    color: #22a900 !important;
}

.login-wrap .login-box form input.error + span .fa {
    color: #f90000 !important;
}

.RoomDetails {
    width: 53%;
    text-align: right;
}

a,
a:hover {
    cursor: pointer;
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 0rem transparent !important;
}

button {
    outline: none !important;
    box-shadow: 0 0 0 0rem transparent !important;
}

.nav-item a:hover {
    color: #f0086e;
}

    .nav-item a:hover svg g {
        fill: #f0086e;
    }

.nav-item button.btn.btn-secondary:hover {
    background-color: #f0086e;
    color: white;
    border-color: #f0086e;
}

.graphical-info .feature-svg .position-relative {
    margin: 0 10px;
}

.product-wrap .first-section .graphical-info .table .feature-svg img {
    margin-bottom: 5px;
    margin: 0 10px;
    height: 30px;
    margin-bottom: 16px;
}

#knowMore_button {
    padding: 12px 15px;
    border: 2px solid #324b72;
    color: #324b72;
    width: fit-content;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
}

    #knowMore_button:hover {
        background: #324b72;
        color: #fff;
    }

.form-control:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25);
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button;
    outline: none;
}

.nearby .btn-primary:not(:disabled):not(.disabled).active,
.nearby .btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #ef0073;
    background-color: #ffffff;
    border-color: #ef0073;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
    box-shadow: 0px 0px 2px #ccc !important;
}

.pretty input {
    display: block;
}

#schedulevisit i.fa.fa-calendar {
    position: relative;
    bottom: 45px;
    font-size: 20px;
}

#schedulevisit select#slTimeSlots {
    width: 100%;
    height: auto !important;
    margin-left: 0px;
    border: 0;
    border-bottom: 2px solid #e0e6ed;
    padding: 17px 29px;
}

#schedulevisit input#txtMoveinDate {
    padding: 11px 29px;
}

#schedulevisit i.fa.fa-angle-down {
    position: absolute;
    right: 25px;
    bottom: 16px;
}

.pretty .state label:after,
.pretty .state label:before {
    top: 2% !important;
}

.pretty .state label {
    position: initial;
    display: inline-block;
    min-width: unset !important;
    font-size: 12px;
    font-weight: 500 !important;
    position: unset !important;
    color: #112950 !important;
}

.pretty .state label:before {
    border-color: #1d1d1d !important;
}

.pretty .state label:after,
.pretty .state label:before {
    border-radius: 2px !important;
    border-width: 2px !important;
}

.grid-view .pretty.p-default input:checked ~ .state label:after {
    background: #1d1d1d !important;
}

#slVisitSlots {
    width: 66%;
    top: 20px;
    position: relative;
}

#FPSucceess {
    display: none;
    width: 56%;
    margin: 0 auto;
    text-align: center;
}

#fmPasswordSuccess {
    display: none;
    width: 56%;
    margin: 0 auto;
    text-align: center;
}

#CustomerTestimonials {
    margin: 0;
}

#CustomerTestimonials,
#PropertyRatings {
    display: none;
}

#ancFilter.active {
    color: #ef0073;
}

.product-wrap .first-section .info h5 {
    color: #112950;
    font-size: 20px;
    font-weight: 400;
    line-height: 0px;
    margin-top: 15px;
    padding-left: 18px;
}

.totaldegree {
    text-align: center;
}

    .totaldegree img {
        width: 100%;
        top: 0;
        right: 0;
        background: #f0086e;
    }

.product-wrap .first-section .info .rating-wrap .share .googlePlus img {
    width: 30px;
}

.googlePlus {
    position: absolute;
    right: 8px;
    top: 43px;
    display: none;
}

    .googlePlus a {
        color: #112950;
        display: flex;
    }

.PropertyModalWrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 10000;
}

.PropertyIframe {
    width: 97%;
    margin: 20px auto;
    display: block;
    height: 95vh;
    border: 0;
}

.ModalContainer {
    position: relative;
}

.PropertyIframeClose {
    position: absolute;
    top: 0px;
    right: 25px;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
}

#btnMatterPort {
    background-color: #fff;
    border: 0;
    cursor: pointer;
    display: none;
}

#spnHighlights span {
    color: #000000 !important;
    font-size: 16px !important;
}

.fifthCol {
    border-right: 0;
}

.EmptyAccountRecords {
    min-height: 80px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    display: none;
}

.apply-resetValue {
    position: absolute;
    bottom: 10%;
    right: 0;
    display: grid;
    overflow: hidden;
    width: 193px;
    margin-top: 43px;
}

.scrollOvereff {
    max-height: 350px;
    overflow: hidden;
    overflow-y: auto;
}

#CheckoutModal .modal-content.col-lg-10.offset-lg-1.col-12.offset-0 {
    margin-top: 20px;
}

#mdlCheckoutModal .modal-dialog {
    max-width: 996px !important;
    margin: 1.75rem auto;
}

.product-wrap .first-section .info .detail-info span {
    color: #324b72;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 23px;
    opacity: 0.9000000357627869;
}

.amenityItemWrapper {
    margin-bottom: 15px;
    padding: 0;
    border-radius: .25rem;
    padding-left: 15px;
    display: none;
}

.amenityTypeHeader {
    text-align: center;
}

.amenityImg {
    width: 42px;
    height: 42px;
}

.AmenitiesTitle {
    padding: 10px;
    max-width: 100%;
}

.amenityTypeHeader span {
    color: #112950;
    font-size: 16px;
    font-weight: 500;
    padding-left: 2px;
}

.amenityServiceImage {
    width: 20px;
    height: 20px;
    margin-right: 16px;
    margin-left: 16px;
}

    .amenityServiceImage img {
        width: 100%;
        opacity: 0.8;
    }

.offerBlock {
    float: left;
    margin-bottom: 20px;
}

.amenityItems .amenity {
    display: -webkit-box;
    margin: 8px 0;
}

    .amenityItems .amenity span {
        font-size: 12px;
        color: #808080;
        font-weight: 500;
    }

    .amenityItems .amenity .amentiesOfferSecDesign {
        font-size: 12px;
        color: #fff;
        font-weight: 500;
        white-space: pre-wrap;
        word-break: break-word;
        width: 100%;
        line-height: 1.5;
        font-size: 14px;
        background: #ed0b70;
        padding: 8px;
    }

.OfferSec_Align {
    display: flex !important;
    align-items: baseline;
}

.btnShowextraamenity {
    position: absolute;
    right: 8px;
    bottom: 5px;
    color: #112950;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}

    .btnShowextraamenity.active {
        position: relative !important;
        right: 10px !important;
        width: 15% !important;
        bottom: 5px !important;
        float: right;
    }

    .btnShowextraamenity:hover {
        color: #ef0073;
        font-size: 12px;
    }

    .btnShowextraamenity i {
        float: right;
        position: absolute;
        right: -1px;
        top: 1px;
        font-size: 16px;
        transform: rotate(0deg);
        -webkit-transition: -webkit-transform .8s ease-in-out;
        -ms-transition: -ms-transform .8s ease-in-out;
        transition: transform .8s ease-in-out;
    }

    .btnShowextraamenity.CollapseIcon i {
        transform: rotate(-90deg);
        -webkit-transition: -webkit-transform .8s ease-in-out;
        -ms-transition: -ms-transform .8s ease-in-out;
        transition: transform .8s ease-in-out;
    }

.amenityItems i.fa-angle-right:before {
    font-size: 24px;
}

.AmenitiesheightSet {
    min-height: 120px;
    max-height: 180px;
    overflow: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    position: relative;
}

.product-wrap #PropertySection h4,
.product-wrap #PropertySection h1 {
    background: #fff;
    padding: 20px;
}

    .product-wrap #PropertySection h4 #spnPropertyName,
    .product-wrap #PropertySection h1#spnPropertyName {
        color: #112950;
        font-size: 24px;
        font-weight: 400;
        line-height: 29px;
        margin-bottom: 0px;
    }

.product-wrap #PropertySection .product-carousel {
    background: #fff;
}

.contactusForm .form-group {
    padding-bottom: 30px;
    margin-bottom: 0;
}

.contactusForm .form-control {
    width: 100% !important;
    margin-left: 0px;
    border: 0;
    border-bottom: 2px solid #eeee;
}

.contactusForm input::placeholder,
.contactusForm textarea::placeholder {
    color: #495057 !important;
    font-weight: 400 !important;
}

.contactusForm .iamTxt {
    position: absolute;
    padding-top: 5px;
    padding-left: 13px;
    opacity: 0.8;
}

#ReferralForm {
    display: inline-flex;
}

#nav-tabContent_Referral .form-control {
    width: 100%;
    margin-left: 0;
}

.ReferralForm input[type="button"] {
    height: 38px;
    width: 100%;
}

#ReferralForm label.error {
    white-space: nowrap;
}

#Referral_History .referralwhite-bg {
    margin: 5px auto;
    padding: 3px;
}

.ShoshkeleWrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 1031;
}

.ShoshkeleContainer {
    width: 55%;
    margin: 105px auto;
    display: block;
    position: relative;
    border: 6px solid #fff;
}

    .ShoshkeleContainer img {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

.btnCloseShoshkele {
    position: absolute;
    top: -6px;
    right: -6px;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    color: #ef0075;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.closeFilterI {
    width: 15px;
}

.PlatinumCorppro {
    color: #324b72;
    font-weight: 700;
    margin: 15px 0;
    line-height: 1.5;
}

.clientCardImg {
    margin: 0 auto;
    text-align: center;
}

    .clientCardImg img {
        width: 100%;
        padding: 29px 0;
    }

.Client-card.row {
    align-items: center;
}

.navButtons {
    position: absolute;
    top: -48px;
    right: 25px;
}

.kycback,
.kycNext {
    padding: 5px 15px !important;
    border: 1px solid lightgray;
    background: white;
    font-size: 25px;
}

    .kycback i,
    .kycNext i {
        position: relative;
        font-size: 15px;
        font-weight: normal;
        top: -1px;
        color: #ef0075 !important;
    }

.login-wrap #loginotp-template form input[type="button"] {
    margin-top: 0px;
}

.adjustheight .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
}

hr.Events {
    width: 85%;
    margin: 1rem auto;
}

.websiterunner {
    width: 100%;
    margin: 0px;
    padding: 0px;
    top: 0px;
    z-index: 1031;
    background: #112950;
}

#upComingEvents .card-img-top {
    height: 25vh;
    width: auto;
    margin: 0 auto;
    display: block;
}

#Events .card-img-top {
    height: 25vh;
    width: auto;
    margin: 0 auto;
    display: block;
}

#dvPastEvents .card-img-top {
    height: 25vh;
    width: auto;
    margin: 0 auto;
    display: block;
}

.eventbanner {
    height: 350px;
    margin: 0 auto;
    display: block;
}

.EventSearch {
    width: 86%;
    margin-left: 0;
    font-size: 12px;
    height: auto;
    border: 0;
    border-right: 1px solid #ddd;
}

.bg-grey {
    background: #f4f8fb;
}

.product-wrap .first-section .product-carousel .owl-carousel#PropertyImages .owl-nav .owl-prev span,
.product-wrap .first-section .product-carousel .owl-carousel#PropertyImages .owl-nav .owl-next span {
    position: relative;
    top: -3px;
}

.leftImgPart img {
    width: 60%;
}

.rightImgPart img {
    width: 60%;
}

.ImgCenterPad {
    padding-top: 45px;
    position: relative;
    padding-left: 0px;
    left: -3px;
}

#loginForm input.btn-primary {
    background-color: #ef0073;
    color: #ffffff;
    border: 2px solid #ef0073;
}

#verifyForm input.btn-primary {
    background-color: #ef0073;
    color: #ffffff;
    border: 2px solid #ef0073;
}

#loginForm p {
    font-size: 14px;
    opacity: 0.8;
}

.strongtag {
    color: #ef0075 !important;
    font-weight: 600 !important;
}

.didntReceive {
    margin-top: 15px;
    display: none;
}

.otpAlignSection input {
    line-height: 31px !important;
    width: 15% !important;
    background-color: #FFFFFF;
    border: 0px;
    border: 1px solid #4f4b4b;
    height: 49px;
    margin: 0;
    font-size: 14px;
    outline: none;
    padding: 3px 5px;
    margin: 0 6px;
    text-align: center;
    margin: 0 auto;
}

.otpAlignSection {
    display: flex;
    width: 78%;
    margin: 0px auto 20px auto;
    text-align: -webkit-center;
}

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

.webrunner {
    text-align: center;
    font-weight: 600;
    padding-top: 4px;
    padding-bottom: 4px;
}

.white_tag {
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-size: 12px;
}

.webrunner a {
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-size: 12px;
    text-decoration: underline !important;
}

.fixed-top {
    flex-direction: column;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    padding: 0;
}

.webrunner a.close:hover {
    color: #fff;
}

.webrunner a.close {
    float: right;
    padding-left: 15px;
    text-decoration: none !important;
    text-shadow: 0 0px 0 #fff;
    opacity: 1;
    font-size: 22px;
    padding-top: 2px;
    transition: all .9s ease;
    -webkit-transition: all .9s ease;
}

.navbar-brand {
    /*  width: 19.3%;*/
}

#timer {
    text-align: center;
    font-size: 20px;
    color: #112950;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.divcontentSection i {
    color: #ef0075;
    font-weight: 700;
    font-size: 16px;
    margin: 5px 10px;
    font-size: 22px;
    padding-left: 0px;
}

#timer .jst-hours {
    display: none;
}

.EventPropSec .hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
    background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
}

#eventSecView .detail-info {
    padding: 0px 20px 0px 20px;
    color: #324b72;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    opacity: 0.9000000357627869;
}

.EventPropSec {
    background: #fff;
    padding: 20px 20px 0px 20px;
}

.FeedBack_Comments {
    width: 100%;
    padding-left: 0px;
    margin: 10px 0;
}

.CommentOfFeedback {
    margin-bottom: 10px;
    color: #324b72;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    opacity: 1;
}

.Opacity_Content {
    color: #212529;
    height: 22px;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: 500;
}

.MarginTB {
    margin: 10px 0px;
}

.Designation_OwnerFeedback {
    font-size: 14px;
    color: #909090;
}

.FeedBackImgSec {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    overflow: hidden;
    border-radius: 50%;
}

/* Partner With Us*/

.w3-row-padding,
.w3-row-padding > .w3-half,
.w3-row-padding > .w3-third,
.w3-row-padding > .w3-twothird,
.w3-row-padding > .w3-threequarter,
.w3-row-padding > .w3-quarter,
.w3-row-padding > .w3-col {
    padding: 0 8px;
}

    .w3-container:after,
    .w3-container:before,
    .w3-panel:after,
    .w3-panel:before,
    .w3-row:after,
    .w3-row:before,
    .w3-row-padding:after,
    .w3-row-padding:before,
    .w3-cell-row:before,
    .w3-cell-row:after,
    .w3-clear:after,
    .w3-clear:before,
    .w3-bar:before,
    .w3-bar:after {
        content: "";
        display: table;
        clear: both;
    }

.w3-modal {
    display: none;
    padding-top: 0px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.83);
    z-index: 1064;
}

.w3-xlarge {
    font-size: 24px !important;
}

.w3-display-topright {
    position: absolute;
    right: 10px;
    top: -5px;
}

.w3-btn,
.w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.w3-btn,
.w3-button {
    border: none;
    display: inline-block;
    padding: 8px 3px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: #4f4d4e;
    /* background-color: inherit; */
    text-align: center;
    cursor: pointer;
    /* white-space: nowrap; */
    font-size: 39px;
    z-index: 10;
    line-height: 13px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e3e3e3;
}

.w3-animate-zoom {
    animation: animatezoom 0.6s;
}

@keyframes animatezoom {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

.w3-modal-content {
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    margin-top: 120px;
    text-align: center;
    padding: 16px;
}

    .w3-modal-content img {
        width: auto;
        margin: 0;
        max-width: 100%;
        height: 100%;
    }

#w3-P-tag {
    text-align: left;
    padding: 0px 20px 0 20px;
}

.offer_box_sec {
    font-size: 24px;
    font-weight: 700;
    border: 2px dashed #ef0075;
    width: min-content;
    padding: 15px 20px;
}

.offer_code_section {
    text-align: center;
    align-items: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 15px 0;
}

.w3-Coupon_sec {
    border: 2px dashed #eee;
    padding: 20px;
}

.Validity_offercode {
    margin: 10px 0;
    font-size: 11px;
    font-weight: 500;
    color: #a7a7a7;
}

.Deals_day {
    margin: 10px auto;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
}

.terms_Partner {
    margin: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    text-align: left;
}

.campaignDescription {
    display: block;
    text-align: left;
    padding: 0px 20px 0 20px;
    font-size: 14px;
    color: #a7a7a7;
    font-weight: 500;
}

.Partner_CouponImg {
    margin: 0 auto;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#signupotp-template,
#offlinepayment-template,
#dvPaymentOTP {
    display: none;
}

input[type="password"] {
    font-size: 35px;
}

#spnUserName {
    font-size: inherit;
    color: #112950;
}

.usernameWrapper {
    text-align: center;
    margin-bottom: 5px;
    font-size: 1rem;
}

.spnCountryCode {
    position: absolute;
    top: 10px;
    left: 25px;
}

#customermobile {
    padding-left: 60px;
}

#CharecterWrapper {
    visibility: hidden;
}

#eventSecView .location p#spnPropertyName {
    font-weight: bold;
    opacity: 1;
}

#eventSecView .testimonial {
    padding-top: 8px;
}

#eventSecView #EventImages > div {
    width: 100%;
}

.GallerySec,
.feedback {
    display: none;
}

#SimilarPropertiesCards .item {
    overflow: hidden;
}

#SimilarPropertiesCards .owl-prev {
    margin-top: -130px !important;
}

#SimilarPropertiesCards .owl-next {
    margin-top: -130px !important;
}

.SimilarPropertiesimgContainer {
    width: 374px;
    height: 210px;
    overflow: hidden;
}

.TermsCondtionOffers {
    width: 100%;
    font-size: 12px;
}

div.promises.container {
    min-height: 65vh;
}

.TermsCondtionOffers ol {
    padding-left: 25px;
}

.TermsCondtionOffers ul {
    padding-left: 25px;
}

    .TermsCondtionOffers ul li {
        margin: 0px !important;
    }

.schedule-first #schedulevisit {
    background: transparent;
    padding: 0;
}

.schedule-first .signup-box {
    background: transparent;
    padding: 0px;
}

.schedule-first form#schedulevisitform {
    margin: 0;
}

.product-wrap .first-section .booknow .card .tab-content .tab-pane .schedule-first input {
    background: transparent !important;
    border-bottom: 2px solid #000;
    color: #000 !important;
    padding: 0 0 0 30px !important;
    height: 40px;
}

    .product-wrap .first-section .booknow .card .tab-content .tab-pane .schedule-first input#ScheduleDate {
        cursor: pointer;
        padding-left: 30px !important;
    }

    .product-wrap .first-section .booknow .card .tab-content .tab-pane .schedule-first input::placeholder {
        color: #969090 !important;
    }

.schedule-first #schedulevisit {
    margin: 0px !important;
    min-height: 393px;
}

.product-wrap .first-section .booknow .card .tab-content .tab-pane .schedule-first form .pick-date .scheduleCalendar {
    position: absolute;
    left: 26px;
    top: 8px;
}

.product-wrap .first-section .booknow .card .tab-content .tab-pane .schedule-first form .pick-date .scheduleTimeSlots {
    position: absolute;
    right: 26px;
    top: 0px;
}

.product-wrap .first-section .booknow .card .tab-content .tab-pane .schedule-first form span {
    top: -31px;
}

.schedule-first #schedulevisit i.fa.fa-calendar {
    font-size: 12px;
    bottom: 0px;
    top: 0px;
}

#schedulevisitform .pick-date .scheduleTIminginSChe select#slVisitSlots option {
    color: #000;
}

#schedulevisit .scheduleTIminginSChe .focus-input100 i.fa.fa-angle-down {
    position: absolute !important;
    top: 24% !important;
}

.focus-input100 i {
    font-size: 16px !important;
}

.scheduleTIminginSChe .focus-input100 {
    position: absolute;
}

.product-wrap .first-section .booknow .card .book-third {
    display: none;
}

.product-wrap .first-section .booknow .card .tab-content .tab-pane input::placeholder {
    color: #e2e2e2 !important;
}

.product-wrap .first-section .booknow .card .tab-content .tab-pane input {
    color: #fff !important;
}

.schedule-first form p {
    margin-bottom: 10px !important;
}

.product-wrap .first-section .booknow .card .tab-content .tab-pane .schedule-first label.error {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 14px;
}

.schedule-first .form-group {
    margin-bottom: 0rem;
}

.schedule-first label.error {
    color: white !important;
    font-size: 11px !important;
    position: relative !important;
    display: block;
    top: 5px !important;
    float: right;
    background-color: #f8049c !important;
    padding: 2px 10px;
    border-radius: 2px;
    margin-bottom: 0px;
}

.product-wrap .first-section .booknow .card .tab-content .tab-pane .booking-new-schedule p {
    font-size: 12px;
    margin-bottom: 15px;
    text-align: justify;
}

.product-wrap .first-section .booknow .card .tab-content .tab-pane .schedule-first button#schedule-btn {
    margin-top: 58px;
}

    .product-wrap .first-section .booknow .card .tab-content .tab-pane .schedule-first button#schedule-btn:hover {
        color: #fff;
    }

div#spnHighlights p {
    color: #fff !important;
    font-size: 16px !important;
    opacity: 0.9000000357627869 !important;
    font-family: "Montserrat", sans-serif !important;
}

#SimilarPropertiesContainer .owl-carousel-cards .view-property a {
    display: block;
    text-align: right;
}

    #SimilarPropertiesContainer .owl-carousel-cards .view-property a p {
        opacity: 1;
    }

#txtCountry {
    display: none;
}

#txtPANNumber,
#txtIFSCCode {
    text-transform: uppercase !important;
}

#txtCity {
    margin-top: 30px;
}

.customerror {
    border: 2px solid #fb4040;
}

.resendWrap {
    display: flex;
    margin-top: 10px;
}

#OTPRedirect span {
    cursor: pointer;
    color: #ef0073;
}

.w3-animate-top {
    position: relative;
    animation: animatetop 0.4s;
}

.w3-animate-top {
    position: relative;
    animation: animatetop 0.4s;
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.WhatsappOptin .w3-modal-content {
    margin: 160px auto;
    border: 1px solid #eee;
    box-shadow: 0px 0px 4px #d0d0d0;
    background-image: url(/assets/images/whstappbg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 486px -64px;
}

.WhatsappOptin .w3-modal {
    display: none;
    padding-top: 0px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(253, 253, 253, 0.95);
    z-index: 1064;
}

.WhatsappOptin .w3-display-topright {
    position: absolute;
    right: -9px;
    top: -9px;
    border: 1px solid #eee;
    box-shadow: 1px -1px 4px #d0d0d0;
}

.WhatsappOptin .w3-modal-content img {
    width: auto;
    margin: 0;
    max-width: 80%;
    height: auto;
}

.WhatsappOptin .whatsapp_CouponImg {
    margin: 0 auto;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
}

.WhatsappOptin .whatsappAlign {
    align-content: center;
    position: relative;
    display: flex;
    align-items: center;
}

.WhatsappOptin .WhatsappNumber {
    font-size: 16px;
    color: #324b72;
    font-weight: 600;
}

.WhatsappOptin .whatsappDescription {
    display: block;
    padding: 0px 20px 0 20px;
    font-size: 14px;
    color: #5f5656;
    font-weight: 500;
    text-align: left;
}

.WhatsappOptin #whatsappTitle {
    color: #324b72;
    margin: 10px auto;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    text-align: left;
    padding: 0px 20px 0 20px;
}

.WhatsappOptin #WhatsappYes {
    background: #ef0075;
    border: 0px;
    font-weight: 700;
    font-size: 14px;
    margin: 5px 0px 5px 5px;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 16px;
}

.WhatsappOptin .WhatsappSuggestButton {
    width: 100%;
    margin: 10px 0 0 0;
    display: flex;
}

.WhatsappOptin #whatsappnotnow {
    background: #324b72;
    border: 0px;
    font-weight: 700;
    font-size: 14px;
    margin: 6px 10px;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 16px;
}

.WhatsappOptin .WatsappImgAlign {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/*schedule video visit popup*/
.Schedulevideovisit-popup .w3-modal-content img {
    max-width: 100%;
    height: 100%;
}

.Schedulevideovisit-popup .w3-modal-content {
    margin: 160px auto;
    border: 1px solid #eee;
    box-shadow: 0px 0px 4px #d0d0d0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 486px -64px;
}

.Schedulevideovisit-popup .w3-modal {
    display: none;
    padding-top: 0px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(253, 253, 253, 0.95);
    z-index: 1064;
}

.Schedulevideovisit-popup .w3-display-topright {
    position: absolute;
    right: -9px;
    top: -9px;
    border: 1px solid #eee;
    box-shadow: 1px -1px 4px #d0d0d0;
}

.Schedulevideovisit-popup .SchedulevisitAlign {
    align-content: center;
    position: relative;
    display: flex;
    align-items: center;
}

.Schedulevideovisit-popup .SchedulevisitdiscriptionProperty {
    font-size: 16px;
    color: #324b72;
    font-weight: 600;
}

.Schedulevideovisit-popup .SchedulevisistDescription {
    display: block;
    padding: 0px 20px 0 20px;
    font-size: 14px;
    color: #5f5656;
    font-weight: 500;
    text-align: left;
}

.Schedulevideovisit-popup #SchedulevisitTitle {
    color: #324b72;
    margin: 10px auto;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    text-align: left;
    padding: 0px 20px 0 20px;
}

.Schedulevideovisit-popup #SchedulevisitJoin {
    background: #ef0075;
    border: 0px;
    font-weight: 700;
    font-size: 14px;
    margin: 5px 0px 5px 5px;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 16px;
}

.Schedulevideovisit-popup .SchedulevisitSuggestButton {
    width: 100%;
    margin: 10px 0 0 0;
    display: flex;
}

.Schedulevideovisit-popup #schedulevisitnotnow {
    background: #324b72;
    border: 0px;
    font-weight: 700;
    font-size: 14px;
    margin: 6px 10px;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 16px;
}

.pad0 {
    padding: 0px;
}

.padright0 {
    padding-right: 0px;
}

.whatsapp_Toogle img {
    width: 5%;
}

.toggle input[type=checkbox]:checked + div.toggle-group {
    width: 56px !important;
    height: 21px !important;
    border-radius: 13px !important;
    min-height: 19px !important;
    border: 2px solid #ef0d73 !important;
    left: 0;
}

.toggle input[type=checkbox]:not(:checked) + div.toggle-group {
    width: 56px !important;
    height: 21px !important;
    border-radius: 13px !important;
    min-height: 19px !important;
    border: 2px solid #112950 !important;
    left: 0;
}

.toggle input[type=checkbox]:not(:checked) + div .toggle-handle {
    border-radius: 50px !important;
    border-color: #112950 !important;
    background-color: #112950 !important;
    width: 28px !important;
    border-width: 2px;
    font-weight: 600;
    height: 19px !important;
    position: relative !important;
    top: -2px !important;
    left: -14px !important;
}

.toggle-group label.toggle-on,
.toggle-group label.toggle-off {
    display: none;
}

    .comingsoon_modal .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 0;
        border: 1px solid #888;
        width: 80%;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
    }

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.comingsoon_modal .close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .comingsoon_modal .close:hover,
    .comingsoon_modal .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.comingsoon_modal .modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.comingsoon_modal .modal-body {
    padding: 2px 16px;
}

.comingsoon_modal .modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.comingsoon_modal .w3-modal-content {
    background: #fff;
    padding: 0;
    outline: 0;
    margin-top: 120px;
    text-align: center;
    padding: 30px;
    margin: 212px auto;
    border: 10px solid #fff;
}

.comingsoonmodelDescription {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 2.5px;
}

.comingsoonmodelDescriptionsubdetailes {
    font-size: 25px;
    font-weight: 600;
    color: #5d2345;
}

.commingsoonbreakline {
    margin: 5px 0;
    border: 1px solid #ef0a6c !important;
    width: 50px;
    margin: 11px auto;
    margin-top: 20px;
}

.comingsoonmodelContent {
    background: #ffffffab;
    padding: 15px 0;
}

.comingsoon_modal .w3-display-topright {
    position: absolute;
    right: -20px;
    top: -20px;
}

#comingsoon_modal .w3-modal {
    display: inline-block;
}

.formsubDescriptionsubdetailes {
    font-size: 16px;
    font-weight: 600;
    color: #112950;
}

#feedbackComment,
#feedbackimageUpload,
#dvThankyou,
#dvRating,
#NegContainer,
#btnSubmit {
    display: none;
}

#feedbackComment,
#NegContainer {
    min-height: 185px;
}

#NegativeOptions {
    padding-top: 20px;
}

.msg-box-img.active {
    border: 2px solid #ef0075;
    background-color: rgba(239, 0, 117, 0.2);
}

h6.msg-info-txt {
    margin: 10px auto;
}

.next-month-rent {
    padding: 0px !important;
}

.next-rent {
    padding: 10px 30px 0 30px !important;
}

.invoice_card {
    margin: 0px 30px 15px;
    border: 1px solid rgba(209, 216, 245, 0.6);
}

.next_month_card {
    margin: 10px 30px 15px;
    border: 1px solid rgba(209, 216, 245, 0.6);
}

.due_component_box {
    margin: 10px 0px 15px;
}

.info_symbol i {
    padding: 0 9px;
    color: #ef0075;
    margin-right: 8px;
    font-size: 16px;
}

.note_contet {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #ef0075;
}

.note_value {
    font-weight: 500;
    color: #324b72;
}

.info_symbol:hover + .tooltip_hover {
    visibility: visible !important;
}

.tooltip_hover {
    visibility: hidden;
    z-index: 1;
    background: #324b72;
    color: #fff;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 13px;
    position: absolute;
    width: 50%;
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.tooltip_hover i {
    margin-left: 0px;
    border: solid #324b72;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    position: relative;
    left: -13px;
    background: #324b72;
}

.inside-list-state {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.inside-list-view {
    margin: 10px 0px 0;
}

    .inside-list-view .invoice_card {
        margin: 0px 0px 0px;
        border-bottom: 1px solid rgba(209, 216, 245, 0.6);
        border-left: 1px solid rgba(209, 216, 245, 0.6);
        border-right: 1px solid rgba(209, 216, 245, 0.6);
        border-top: 0px;
    }

        .inside-list-view .invoice_card .list-state {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            padding: 7px 30px !important;
        }

            .inside-list-view .invoice_card .list-state .diposit {
                font-size: 12px !important;
            }

            .inside-list-view .invoice_card .list-state .cmposission {
                font-size: 14px !important;
            }

.inside-list-view.offset-lg-2.col-lg-8.col-12 {
    margin: 0 auto;
}

.ceo_images {
    width: 15%;
    margin-top: 20px;
}

.ceo_name {
    font-size: 14px;
    font-weight: 600;
}

.designation {
    font-size: 15px;
}

.ceo_corporate {
    font-size: 15px;
}

.ceo_desig {
    line-height: 1.6;
    padding-bottom: 25px;
}

#CEONotes #dvCEONotes {
    font-size: 14px;
}

.testimonial_image img {
    margin: 0 auto;
}

#dvCEODetails {
    display: none;
}

.sub-corporateWrapper {
    margin-bottom: 25px;
}

#dvvalueclients .partner-logo img {
    cursor: default !important;
}

.anclink {
    padding: 16px;
    width: 200px;
    font-size: 18px;
}

.product-wrap .first-section .testimonial.property_rating {
    display: flex;
    flex-direction: row;
    padding: 0px 20px;
    margin-top: 20px;
}

.property_rating_value {
    float: right;
    text-align: right;
    position: relative;
    right: 0;
    width: 52%;
    font-size: 22px !important;
    font-weight: 500 !important;
    margin-bottom: 0px !important;
}

.property_rating_title {
    margin-bottom: 0px !important;
    font-size: 13px !important;
}

.h1_noProperties_heading {
    font-size: 20px;
    padding-bottom: 12px;
}

.noProperties_description {
    color: #989898;
    font-size: 13px;
    line-height: 2.0;
}

.noProperties_Button {
    background-color: #ef0073;
    border: 1px solid #ef0073;
    color: #fff;
    padding: 6px 18px;
    text-transform: uppercase;
    width: max-content;
    margin: 15px auto 10px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.no_properties_found {
    height: 50vh;
    position: relative;
    display: grid;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.no_prop_image img {
    width: 25%;
    margin-bottom: 15px;
}

.checkout_form_nav {
    position: absolute;
    top: 5%;
    right: 5%;
}

.checkout_nav_anchor_left {
    padding: 5px 10px;
    border: 2px solid #eee;
    color: #ef0075;
    background: transparent;
}

.checkout_nav_anchor_right {
    padding: 5px 10px 3px 10px;
    border: 2px solid #eee;
    color: #ef0075;
    background: transparent;
}

.checkout_nav_anchor_left > i.fa.fa-chevron-left {
    color: #ef0075;
}

.checkout_nav_anchor_right > i.fa.fa-chevron-right {
    float: none;
    color: #ef0075 !important;
}

.cancel_notice_period {
    width: auto;
    background-color: #ef0073;
    border: 0px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    height: 48px;
    cursor: pointer;
    padding: 0 16px;
}

.cancel_rasied_notice {
    margin-top: 18px;
}

#cancel_raise_noticed .modal-dialog {
    margin-top: 40vh;
}

#cancel_raise_noticed .modal-content {
    padding: 15px;
    width: 88% !important;
}

.cancel_popup_no {
    background: #324B72;
    color: #fff;
    font-weight: 600;
    padding: 8px 52px;
    border-radius: 0px;
    border: 0px;
}

    .cancel_popup_no:hover {
        color: #fff;
    }

.cancel_popup_yes {
    background: #ef0073;
    color: #fff;
    font-weight: 600;
    padding: 8px 52px;
    border-radius: 0px;
    border: 0px;
}

    .cancel_popup_yes:hover {
        color: #fff;
    }

.cancel_pop {
    text-align: right;
}

.cancel_body_content {
    padding-bottom: 16px;
}

.circles {
    margin-bottom: -10px;
}

.circle {
    width: 100px;
    margin: 20px 6px 0px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}

    .circle canvas {
        vertical-align: top;
    }

    .circle strong {
        position: absolute;
        top: 19px;
        left: 0;
        width: 82%;
        text-align: center;
        line-height: 40px;
        font-size: 30px;
    }

        .circle strong i {
            font-style: normal;
            font-size: 0.6em;
            font-weight: normal;
        }

    .circle span {
        display: block;
        color: #aaa;
        margin-top: 12px;
    }

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

.property_Rating_image {
    margin: 6px 0;
}

    .property_Rating_image img {
        width: 12%;
    }

.property_rated {
    font-size: 13px;
    color: #324b72;
}

.property_image_opacity {
    opacity: 0.3;
}

.property_rated_value {
    color: #324b72;
    font-weight: 400;
    line-height: 20px;
    opacity: 0.5;
}

.text_view h1 {
    font-size: 18px;
    padding-left: 26px;
}

.text_view p {
    font-size: 12px;
    margin: 5px 0;
    padding-left: 26px;
    font-weight: 500;
}

.static_content_fr_search.pt-5 {
    margin-left: 0px;
    width: 100%;
    padding-top: 15px !important;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0rem;
    z-index: 15;
    position: relative;
}

.basic_steps {
    padding: 5px 0px;
    margin: 0px 0 0 0;
}

    .basic_steps .basic_step_view {
        background: #eee;
        padding: 4px 14px 5px 2px;
        margin: 0 5px;
        border-radius: 14px;
        font-weight: 500;
        font-size: 12px;
    }

.basic_step_view_count {
    background: #fff;
    border-radius: 50%;
    padding: 2px 7px;
    font-size: 12px;
    margin-right: 8px;
    font-weight: 500;
}

.property_list_view_pad {
    padding: 15px 26px;
    background: #f4f8fb;
}

.basic_steps i.fa.fa-chevron-right {
    float: none;
    color: #324b72 !important;
    font-size: 14px;
}

.text_view {
    padding-top: 20px;
}

.fixed-header {
    height: 90vh;
    z-index: 10;
    top: 80px;
    right: 0px;
    padding: 0;
    padding-left: 30px;
    margin-top: 0px;
}

.display_align {
    align-items: center;
    margin-bottom: 8px;
}

    .display_align .align_center h4 {
        text-align: right !important;
        margin-bottom: 0;
        font-size: 14px !important;
    }

        .display_align .align_center h4 i {
            color: #ef0073;
            padding-left: 6px;
            font-size: 14px;
            position: absolute;
            top: 1px;
            right: 2px;
        }

.cords + .row {
    margin-top: 10px;
}

p.holder’s {
    text-align: left;
}

.breadcrumb_booking {
    padding-left: 15px !important;
}

.filter_box {
    padding: 0px 0px;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
}

.filter_title {
    text-transform: uppercase;
    font-size: 15px !important;
    font-weight: 700;
}

.filter_title_sec {
    border-bottom: 1px solid #bdbdbd;
    padding-left: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
}

.clear_anchor {
    background: transparent;
    border: 0px;
    color: #ef0075;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    position: absolute;
    right: 6%;
}

#SelectedBed .tdRoomselect {
    display: none;
}

#SelectedBed .rent {
    text-align: right;
}

.transit {
    transition: 0.3s linear;
}

.custom-checkbox.custom-li-ul .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ef0075;
}

.custom-checkbox.custom-li-ul .custom-control-input:checked ~ .custom-control-label::before {
    color: #ffffff;
    background-color: #ef0075;
}

.filter_box.bg-white .custom-checkbox.custom-li-ul .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #ef0075;
    color: #fff;
    font-size: 12px;
    border: 2px #ef0075 solid;
}

.filter_box.bg-white .custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox.custom-li-ul input[type=checkbox] + label:before {
    content: "\2714";
    border-radius: 0.2em;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-left: 2px;
    padding-bottom: 0;
    margin-right: 0.2em;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
    margin-right: 7px;
}

.filter_box.bg-white .custom-checkbox.custom-li-ul input[type=checkbox] + label:before {
    content: "";
    background-color: #ffffff;
    top: 3px;
    border: 2px rgba(0,0,0,0.5) solid;
    width: 20px;
    height: 20px;
    border-radius: 3px !important;
}

#myFilterBtn button {
    position: fixed;
    transition: 0.3s;
    text-decoration: none;
    font-size: 20px;
    color: white;
    bottom: 50px;
    left: 8px;
    box-shadow: 0px 0px 6px #ffffff6b !important;
    z-index: 60;
    height: 50px;
    width: 50px;
    border: 0px solid #272726;
    background-color: #ef0075;
    top: 118px;
    left: 0;
}

    #myFilterBtn button:before {
        content: "\f0b0";
    }

.fixed-filter {
    display: block;
}

.filter_box .close_filter_icon {
    display: none;
}

.booking-card-design .booking-card {
    background: #fff;
    padding: 8px 15px 4px 15px;
    border: 2px solid #eee;
    box-shadow: 0px 0px 6px 0px #eee;
    min-height: 175px;
}

.booling-property-details > div {
    display: flex;
    align-items: center;
}

.booking-room-no .card-header {
    background: transparent;
    padding: 0;
    border: 0;
}

    .booking-room-no .card-header span.btn.btn-link {
        color: #222;
        text-decoration: none;
        padding: 0;
        cursor: auto;
    }

.share-rent-details {
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
}

    .share-rent-details .border-right {
        border-right: 2px solid #eee !important;
        align-items: center;
        display: flex;
    }

.feature-amenities-img .feature-svg {
    display: flex;
    align-content: center;
}

.booking-rent-details .noticeperiodkey {
    color: #324B72;
    font-size: 10px;
    font-weight: 600;
    bottom: 0px;
    position: relative;
    right: 0px;
    white-space: unset;
    z-index: 10;
}

.booking-confirmation-button .continue-cancel-btn {
    background: transparent;
    padding: 0px 0 0 0;
    align-content: center;
    justify-content: center;
}

    .booking-confirmation-button .continue-cancel-btn button {
        margin-right: 0px !important;
        height: auto !important;
        width: 80px !important;
        font-size: 12px !important;
    }

.booking-main-whitebg {
    background: #fff;
    padding: 10px 10px 10px 10px;
    border: 1px solid #eee;
    box-shadow: 0px 0px 1px 0px #eee;
}

    .booking-main-whitebg > .row {
        flex-direction: row;
        flex-wrap: nowrap;
    }

.booking-heading {
    font-size: 12px;
    font-weight: 500;
    color: #b5b5b5;
    margin-bottom: 5px;
}

.booking-sharing-type,
.booking-rent-details {
    padding: 2px 0;
}

.booking-selection .form-check {
    left: 0;
}

.booling-property-details {
    padding: 0px 0 10px 0;
}

.booking-rent-align {
    display: flex;
    align-items: center;
}

.feature-amenities-img p {
    font-size: 10px;
    color: #112950;
    font-weight: 500;
    line-height: 12px;
    opacity: 0.8;
    margin-top: 2px;
}

.feature-amenities-img .feature-svg .position-relative {
    margin-right: 20px;
    text-align: center;
}

.booking-confirmation-button {
    float: right;
    position: absolute;
    top: -2px;
    right: 15px;
}

.room-amenities {
    padding: 4px 0 0 0;
}

.booking-notice-period-content .noticeperiodkey {
    right: 0 !important;
    bottom: 0;
    position: relative;
    white-space: unset;
}

.booking-notice-period-content {
    text-align: right;
}

.feature-amenities-img .feature-svg .position-relative img {
    margin: 0 10px;
    height: 22px;
    margin-bottom: 0px;
}

.room-amenities .booking-heading {
    margin-bottom: 0;
}

.ApartmentName {
    color: #112950;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    margin-bottom: 10px;
}

.cardleft .booking-main-whitebg {
    margin: 0px 7px 16px 0px;
}

.cardright .booking-main-whitebg {
    margin: 0px 0px 16px 7px;
}

.booking-card-design.card {
    background: transparent;
    margin: 0px !important;
}

#servicerequestcard .card-wrap .card-img img {
    width: 100%;
    min-height: 240px;
}

.filterclear_anchor {
    background: transparent;
    border: 0px;
    color: #ef0075;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-transform: capitalize;
    padding-top: 6px;
    padding-left: 0;
}

.multiproperties_filter_view {
    background: #fff !important;
}

.property-collapsible-search {
    margin: 0 !important;
    width: 100% !important;
    padding: 5px 5px;
    font-size: 12px;
    border: 1px solid #E0E6ED !important;
}

.filter-search-filterSearchBox {
    position: absolute;
    top: 0px;
    right: 14px;
    width: 25px;
    height: 25px;
    background-color: #f5f5f6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

    .filter-search-filterSearchBox .filter-search-hidden {
        display: none;
    }

    .filter-search-filterSearchBox .filter-search-inputBox {
        background-color: #ffffff;
        outline: none;
        border: none;
        font-size: 14px;
        height: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        padding: 2px 33px 2px 14px;
    }

.filter-search-iconSearch {
    display: inline-block;
    position: absolute;
    right: 2px;
    top: 3px;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    cursor: pointer;
}

.sprites-search {
    width: 16px;
    height: 16px;
}

.filter-search-filterSearchBox .sprites-search {
    width: 20px;
    height: 20px;
}

.colive-sprites {
    background-image: url(/assets/images/search.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}

    .colive-sprites.sprites-remove {
        background-image: url('/assets/images/close-button.png');
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
    }

.brand-value {
    position: relative;
    top: 0px;
    right: -10px;
    z-index: 1;
}

.filter-search-expanded {
    width: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.filter-search-hidden.filter-search-visible {
    display: block;
    font-size: 12px;
}

.property_list_view_pad .card-img-top {
    max-height: 210px;
    height: 210px;
}

.fixed-filter-header {
    position: fixed;
    height: auto;
    z-index: 10;
    top: -124px;
}

    .fixed-filter-header::-webkit-scrollbar {
        width: 3px;
        height: 8px;
    }

.properties-sort {
    padding: 23px 0px;
}

.sort-sortBy {
    padding: 6px 14px;
    font-size: 12px;
    color: #282c3f;
    cursor: pointer;
    position: relative;
    width: 255px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #d4d5d9;
    margin: -11px 0px 0px 8px;
}

    .sort-sortBy span {
        text-transform: capitalize;
        font-weight: 700;
        color: #282c3f;
    }

.search-base ul {
    padding-left: 0;
}

.sort-sortBy:hover {
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08);
}

    .sort-sortBy:hover .sort-list {
        display: block;
    }

.sort-list li:hover {
    background-color: #f4f4f5;
}

.sort-list li.active {
    background-color: #f4f4f5;
}

.sort-list {
    width: 255px;
    background-color: #ffffff;
    position: absolute;
    top: 30px;
    left: -1px;
    margin: 0;
    padding: 16px 0;
    z-index: 24;
    display: none;
    border: solid 1px #d4d5d9;
    border-top: none;
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.08);
}

    .sort-list label {
        display: block;
        font-size: 12px;
        color: #282c3f;
        cursor: pointer;
        padding: 8px 20px;
        margin: 0;
    }

.sort-label input {
    visibility: hidden;
    display: none;
}

.sort-list li {
    list-style-type: none;
}

.sort-downArrow.sprites-downArrow {
    float: right;
    font-size: 20px;
    position: relative;
    bottom: 6px;
}

.property-sorting-total {
    display: flex;
    align-items: center;
}

.property-sorting-total {
    padding-top: 18px;
}

    .property-sorting-total .form-inline {
        margin-right: 16px;
    }

        .property-sorting-total .form-inline button {
            width: 105px;
            height: 32px !important;
            font-size: 13px;
        }

#property_search #navbar {
    border-bottom: 1px solid #E0E6ED;
}

.ul-height-limit {
    max-height: 138px;
    overflow-y: hidden;
    -webkit-transition: max-height 2s;
    transition: max-height 2s;
}

    .ul-height-limit.active {
        max-height: 285px;
        -webkit-transition: max-height 2s;
        transition: max-height 2s;
        overflow-y: auto;
    }

.apply_show {
    background: #fff;
    border: 0px;
    font-size: 12px;
    color: #ef0075;
    width: 27%;
    cursor: pointer;
    border-radius: 5px;
    padding-top: 5px;
    text-align: left !important;
    width: 100%;
    padding-left: 26px;
    display: flex;
    align-items: center;
}

    .apply_show:before {
        content: "\f054";
        font-size: 16px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: rotate(90deg);
        padding: 10px 0px 0px 0px;
        margin-right: 3px;
    }

#property_search .nav.w-100.container {
    max-width: none !important;
    padding-left: 15px;
}

    #property_search .nav.w-100.container .navbar-brand {
        width: 19.3%;
    }

.filtercitySelect .radio-custom-label {
    padding: 0px 26px !important;
}

#property_search .tabs-left > .nav-tabs {
    border-bottom: 0;
}

#property_search .tab-content > .tab-pane,
#property_search .pill-content > .pill-pane {
    display: block;
}

#property_search .tabs-left > .nav-tabs > li {
    float: none;
}

    #property_search .tabs-left > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px;
    }

#property_search .tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

    #property_search .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

        #property_search .tabs-left > .nav-tabs > li > a:hover,
        #property_search .tabs-left > .nav-tabs > li > a:focus {
            border-color: #eeeeee #dddddd #eeeeee #eeeeee;
        }

    #property_search .tabs-left > .nav-tabs .active > a,
    #property_search .tabs-left > .nav-tabs .active > a:hover,
    #property_search .tabs-left > .nav-tabs .active > a:focus {
        border-color: #ddd transparent #ddd #ddd;
        *border-right-color: #ffffff;
    }

#property_search .tab-pane > ul > li:last-child {
    height: auto;
    align-items: center;
    flex-direction: column;
}

    #property_search .tab-pane > ul > li:last-child > span {
        text-align: center;
        font-size: 12px;
        font-weight: 500;
    }

.mobilefilter-button svg path + path {
    fill: #868686;
}

.mobilefilter-button svg path {
    opacity: 1;
}

.highttolow svg.SortModalIcon,
.lowtohigh svg.SortModalIcon,
.priceDefault svg {
    display: none;
}

.rightGridView_List {
    width: 100%;
}

.PopUp_Filter {
    position: absolute;
    width: 50vw;
    background: #fff;
    z-index: 9;
    border: 1px solid #d4d4d4;
    box-shadow: 0px 0px 3px 0px #e4e4e4;
}

.Slideanimated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.TransferHeader {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    margin: 12px;
}

.transfer_body_content {
    text-align: justify;
}

/*#region ShowLoaderCSS */
.CssLoaderStyles .logoloader {
    border: 4px solid #f8049c;
    border-radius: 50%;
    border-top: 3px solid transparent;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
}

.CssLoaderStyles .Logo-loader {
    border: 0px solid #f8049c;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    position: relative;
    display: flex;
    justify-content: center;
    border-top: 6px solid transparent;
}

    .CssLoaderStyles .Logo-loader:after {
        content: url("/assets/images/propex-logo-loader.png");
        background: #ef0075;
        height: 0px;
        width: 15px;
        position: relative;
        transform: rotate(90deg);
        border: 0px solid #fff0;
        top: 1px;
        left: 19px;
    }

.CssLoaderStyles {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 10000000;
    background: #ffffffba;
    height: 100%;
    width: 100%;
    margin: auto;
}

.CssLoaderAlign {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    position: relative;
    z-index: 3;
    margin: 0 auto;
    height: 100%;
}

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

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

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

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

#property_search .tab-content > .tab-pane:last-child {
    border-bottom: 0px !important;
}

.filternav-active {
    background: #fff !important;
    color: #ef0075;
}

    .filternav-active a {
        color: #ef0075 !important;
    }

.showval {
    display: none !important;
}

.apply_show.active:before {
    content: "\f054";
    font-size: 16px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(270deg);
    padding: 10px 0px 0px 0px;
    margin-right: 9px;
}

.product-wrap .first-section .booknow .card ul#myTab {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.product-wrap .first-section .booknow .card .nav-item a {
    padding: 9px 4px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    border: none;
    border-radius: 0px;
    text-align: center;
    color: #112950;
}

.schedulecaleIcon {
    width: 7.5%;
}

    .schedulecaleIcon img {
        width: 100%;
    }

.AboutUsImage {
    width: 210px;
    margin: 0 auto;
}

#SitemapCityList {
    padding: 0 15px;
}

#mdlTransferModal .modal-dialog {
    height: 100vh;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #mdlTransferModal .modal-dialog .modal-content {
        margin-top: 0px;
    }

.achievement_header {
    padding: 0px;
}

.Main_headertext {
    font-size: 34px !important;
    text-align: left !important;
    margin-bottom: 7px;
}

.text-container {
    font-size: 18px;
    line-height: 1.5;
    color: #ffffffb3;
}

.AwardsRecognition {
    padding: 35px 0;
}

.awardscontain_btn {
    background: #ef0073;
    color: #fff;
    padding: 10px 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: max-content;
}

    .awardscontain_btn:hover {
        color: #fff;
        background: #112950;
    }

.AwardsRecognition h2 {
    color: #112950;
    margin-bottom: 8px;
}

.aboutustxt {
    color: #112950;
    font-size: 14px;
    opacity: 0.9;
}

.awards_btnSec {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

#schedulevisitformheader .focus-input100 i {
    font-size: 16px;
}

#schedulevisitformheader button.btn-primary {
    background: #ef0073;
}

#schedulevisitformheader button:hover {
    color: #fff;
}

.spanImg {
    height: 90px;
    width: 60px;
    margin: 0 auto;
    margin-bottom: 0px !important;
}

.spanbedImgsrc {
    background-image: url(/assets/images/homepage/HomePage-V2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -28px;
    height: 100%;
}

.spanProperitesImg {
    background-image: url(/assets/images/homepage/HomePage-V2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -101px;
    height: 100%;
}

.spanManagementImg {
    background-image: url(/assets/images/homepage/HomePage-V2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -175px;
    height: 100%;
}

.spanCitiesImg {
    background-image: url(/assets/images/homepage/HomePage-V2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -320px;
    height: 100%;
}

.spanOccupancyImg {
    background-image: url(/assets/images/homepage/HomePage-V2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -394px;
    height: 100%;
}

.spanRealestateImg {
    background-image: url(/assets/images/homepage/HomePage-V2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -466px;
    height: 100%;
}

#cotenants .white-bg {
    background: #fff;
    margin: 15px 0;
}

.PropBedCountDetails {
    color: #ef0073 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.disabledContent {
    background: #ebebe4;
    color: #757575;
    font-weight: 600;
    font-size: 14px;
    padding: 5px 0px 5px 8px;
}

.btnAddCoTenant {
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

input [type="button"]:disabled,
button:disabled {
    cursor: no-drop;
}

#SimilarPropertiesCards .PropertyViewDesign .property:hover {
    background: transparent;
    color: #fff;
    color: #0056b3;
}

#SimilarPropertiesCards .PropertyViewDesign .property {
    color: #007bff;
    font-weight: 500 !important;
    font-size: 12px !important;
    border: 0px;
}

#SimilarPropertiesCards .PropertyViewDesign {
    text-align-last: end;
    display: flex;
    flex-direction: column-reverse;
}

#SimilarPropertiesCards {
    height: 300px;
    overflow: hidden;
}

.product-wrap .third-section #SimilarPropertiesCards .price p {
    color: #112950;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    line-height: 22px;
    text-align: left;
    margin: 3px 0;
}

.product-wrap .third-section #SimilarPropertiesCards .price h6 {
    color: #324b72;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
}

.product-wrap .third-section #SimilarPropertiesCards .cords {
    display: flex;
    align-items: center;
    width: fit-content !important;
}

.v-hidden {
    visibility: hidden;
}

.svgDown {
    width: 12px;
    height: 12px;
    margin: 3px;
    margin-left: 8px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

.prop-listing-search-wrapper {
    position: relative;
}

.UpArrow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#SimilarPropertiesCards > .owl-nav {
    position: absolute;
    top: -54px;
    right: 0;
    left: unset;
}

    #SimilarPropertiesCards > .owl-nav > .owl-prev {
        margin-right: 0px;
        position: relative;
    }

        #SimilarPropertiesCards > .owl-nav > .owl-prev i {
            margin-right: 10px;
            position: relative;
            top: -3%;
            padding: 0px 0px 0px !important;
            border: 1px solid #ef0073;
            color: #fff;
            background: #ef0073;
            font-size: 25px;
            border-radius: 5px !important;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }

    #SimilarPropertiesCards > .owl-nav > .owl-next i {
        float: none;
        position: relative;
        top: 0%;
        right: 0%;
        padding: 0px 0px 0px !important;
        border: 1px solid #ef0073;
        color: #fff;
        background: #ef0073;
        font-size: 25px;
        border-radius: 5px !important;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
    }

        #SimilarPropertiesCards > .owl-nav > .owl-prev i:hover,
        #SimilarPropertiesCards > .owl-nav > .owl-next i:hover {
            background: #EF0072 !important;
        }

.blink-text {
    animation: blinkingText 1.2s infinite;
}

@keyframes blinkingText {
    0% {
        color: #324b72;
    }

    49% {
        color: #324b72;
    }

    60% {
        color: transparent;
    }

    99% {
        color: transparent;
    }

    100% {
        color: #324b72;
    }
}

.ScheduleVideoVisitBtn {
    background: #112950 !important;
    color: #fff !important;
    cursor: pointer;
    text-decoration: none;
    padding: 12px;
    text-align: -webkit-center;
    position: static;
    right: unset;
    z-index: 105;
    transform: rotate(0deg);
    transform-origin: 0;
    margin: 0px;
    width: 100% !important;
    font-size: 16px !important;
}

.c-share {
    position: absolute;
    width: 1.55em;
    height: 3.4375em;
    right: 0;
}

.c-share__input {
    display: none !important;
}

    .c-share__input:checked ~ .c-share__toggler .c-share__icon {
        transition: 0s;
        width: 0;
        height: 0;
        color: #639eff;
    }

        .c-share__input:checked ~ .c-share__toggler .c-share__icon::before {
            transform: rotate(-45deg);
        }

        .c-share__input:checked ~ .c-share__toggler .c-share__icon::after {
            transform: rotate(45deg);
        }

    .c-share__input:checked ~ .c-share_options {
        width: auto;
        border-radius: 0.3125em;
        margin-top: -20px;
        background: #fff;
        box-shadow: 0px 0px 3px 0px #9c9c9c;
    }

        .c-share__input:checked ~ .c-share_options::before,
        .c-share__input:checked ~ .c-share_options li {
            transition: 0.3s 0.15s;
            display: block;
            transform: translateY(0);
        }

.c-share__toggler,
.c-share_options {
    position: absolute;
    right: 0;
}

.sharepropdiv .cardshare-dv {
    position: relative;
}

.cardshare-dv {
    position: relative;
    z-index: 1;
}

.c-share__toggler {
    cursor: pointer;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-share__icon {
    position: relative;
    left: -0.3125em;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    color: #029dfc;
    background-color: currentColor;
    box-shadow: 0.625em -0.625em, 0.625em 0.625em;
    transition: 0.1s 0.05s;
}

    .c-share__icon::before,
    .c-share__icon::after {
        content: "";
        position: absolute;
        width: 1em;
        height: 0.125em;
        background-color: currentColor;
        transition: 0.1s;
    }

    .c-share__icon::before {
        top: 0.1875em;
        left: 0.1875em;
        transform-origin: bottom left;
        transform: rotate(45deg);
    }

    .c-share__icon::after {
        top: -0.125em;
        left: 0.03125em;
        transform-origin: center;
        transform: rotate(-45deg);
    }

.c-share_options {
    list-style: none;
    margin: 0;
    padding: 0px;
    box-sizing: border-box;
    overflow: hidden;
    transition: 0.2s;
    display: flex;
    top: 60px
}

    .c-share_options li {
        margin: 0;
    }

        .c-share_options li a i {
            font-size: 16px;
            padding: 4px 8px;
            color: #112950;
        }

.c-share__toggler::before {
    opacity: 0;
}

.sharepropdiv .cardshare-dv .c-share__toggler img {
    left: 0%;
}

.c-share__toggler img.img-fluid {
    left: -15px;
}

.c-share_options::before {
    content: attr(data-title);
    display: block;
    margin-bottom: 1.25em;
    font-weight: 700;
}

.c-share_options .shareli-align a {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    margin: 5px 0px;
}

    .c-share_options .shareli-align a .sharename_dv {
        font-size: 14px;
        color: #112950;
        padding-top: 5px;
        font-weight: 500;
    }

.c-share_options li {
    width: 35px;
    font-size: 0.875em;
    color: #464646;
    cursor: pointer;
    margin: 0px !important;
    padding: 0 0px;
}

    .c-share_options li img {
        width: 28px;
        height: 28px;
    }

    .c-share_options li:nth-child(2) img {
        background: #fff;
    }

    .c-share_options li:not(:last-child) {
        margin-bottom: 0.75em;
    }

.c-share_options::before,
.c-share_options li {
    display: none;
    transform: translateY(0.625em);
    transition: 0s;
}

.rating-wrap_new {
    display: flex;
    flex-direction: row-reverse;
}

.share.newshareopt_design {
    position: relative;
    width: auto;
}

#btnMatterPort {
    position: relative;
    width: 35%;
    height: 26px;
}

#btnYoutube {
    position: relative;
}

    #btnYoutube .share i.fa.fa-youtube-play {
        position: absolute;
        top: -6px;
        font-size: 40px;
        right: 0;
    }

.googlePlus a img {
    width: 40px;
    height: 33px;
}

.googlePlus #spnGooglePlusCode {
    font-size: 12px;
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }

    .mbhide {
        display: none;
    }

    .cityWrapper > ul {
        display: none;
    }

    .modal#video-modal {
        margin-top: 38px;
    }

    .CityList {
        margin: 40px auto 0px !important;
    }

    #SitemapCityList .cityWrapper > ul {
        display: block;
    }

    .cityWrapper {
        width: 50%;
        margin: 10px 0;
    }

    #Chennai,
    #Hyderabad,
    #Pune {
        width: 100% !important;
    }

    footer {
        padding: 0px 0 0 0 !important;
        margin-bottom: 60px !important;
    }

    .col-1-2,
    .col-6-12 {
        width: 100%;
        float: left;
        padding: 0 8px;
        margin: 0 0px;
    }

    div#QuickviewModal {
        padding: 0;
    }

    .Tenant-Profiling .form-progress {
        display: none;
    }

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

    .NewsLogoalt {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 15px;
        margin: 0 auto;
        text-align: -webkit-center;
    }

    .calendar-wrapper.picker {
        left: 50%;
        top: 186px;
    }

    .login-wrap {
        padding: 28px 0;
    }

    .product-wrap .third-section .owl-carousel-cards .owl-nav {
        position: absolute;
    }

    #SimilarPropertiesCards > .owl-nav > .owl-prev {
        margin-right: 0px;
        position: relative;
        right: unset !important;
    }

    #SimilarPropertiesCards > .owl-nav {
        position: absolute;
        top: -54px !important;
        right: 0 !important;
        display: flex;
        left: unset !important;
    }

    #SimilarPropertiesContainer {
        padding: 20px 15px;
    }

    .product-wrap .third-section {
        padding: 20px 0;
    }

        .product-wrap .third-section .owl-carousel-cards .owl-stage-outer .owl-item .card {
            border: none;
            margin: 0px;
        }

    .promises #colivepromises {
        margin: 0 auto;
        text-align: -webkit-center;
    }

    .product-wrap .promises-icons .icon-wrap {
        width: 50% !important;
        padding: 10px;
    }

    .product-wrap .second-section .promises .promises-icons .icon-wrap p {
        height: auto;
        margin: 6px;
        font-size: 14px;
    }

    .product-wrap .third-section h4 {
        color: #112950;
        font-size: 18px;
        font-weight: 400;
        line-height: 29px;
        margin-bottom: 20px;
    }

    #GridView,
    #PropMapCards {
        padding-top: 30px;
        margin-top: 0rem;
    }

    #schedulevisit select#slTimeSlots {
        width: 100% !important;
    }

    .user-info-mobile {
        width: 100% !important;
    }

    .schedule-booknow-box .schedule,
    .schedule-booknow-box a {
        display: inline-flex;
        width: 50%;
        min-width: auto !important;
    }

    .schedule-booknow-box {
        display: inline-flex;
    }

    .dropdown-menu {
        left: 26px;
    }

    .conditionWrapper .spnTerms {
        right: auto !important;
        left: 15px;
    }

    .product-wrap .nearby .col-md-6:nth-child(2) {
        margin-top: 20px;
    }

    .product-wrap .first-section .testimonial .testimonial-carousel .owl-nav .owl-prev,
    .product-wrap .first-section .testimonial .testimonial-carousel .owl-nav .owl-next {
        border: 0px solid #112950 !important;
    }

    .col-md-3 .card-img-top {
        min-height: 211px;
        margin: 8px auto;
    }

    footer .logo-icon {
        margin: 0px auto 10px;
        text-align: center;
    }

    .pivrcy_policy_wrap {
        padding-top: 12%;
    }

    ul.coliveadv {
        border-bottom: 5px solid #db1c72;
        margin-top: 15px;
    }

    .share i.fa.fa-youtube-play {
        position: absolute !important;
        top: 5px !important;
    }

    .googlePlus {
        position: absolute;
        right: 5px;
        top: 6px;
    }

    #schedulevisitform .form-group.pick-date {
        margin-bottom: 25px !important;
    }

    #schedulevisitform .pick-date select#slVisitSlots {
        width: 100% !important;
    }

    #schedulevisit i.fa.fa-angle-down {
        bottom: -11px;
    }

    #schedulevisitformheader i.fa.fa-angle-down {
        bottom: 10px;
    }

    .product-wrap .first-section .graphical-info .table td:nth-child(4) {
        text-align: right;
        color: #10121b;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        padding: 25px 0;
    }

    .custom-rect {
        padding: 15px 0px;
        float: right;
    }

    .btncheckinEdit {
        padding: 10px 5px;
    }

    .mapReverse {
        flex-direction: column-reverse;
    }

    .maplist {
        height: 85vh;
        position: relative;
        z-index: 10;
        top: 0vh;
        right: 0;
        width: 100%;
        padding-left: 0px;
    }

    .property-sorting-total .form-inline {
        margin: 10px;
        display: inline-flex;
        padding-right: 5%;
    }

        .property-sorting-total .form-inline button {
            font-size: 18px;
        }

    .property_rightview {
        -webkit-box-flex: unset;
        -webkit-flex: unset;
        -moz-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }

    .upgrade.viewmapview {
        margin-top: 12px;
        padding: 0 0px;
        margin-bottom: 0px !important;
    }

    .white-bg .title h5 {
        text-align: left;
    }

    #property_search #MobContainer1 {
        top: 118px;
        background-color: #ef0073;
    }

    #MobContainer1 {
        top: 80px !important;
        background-color: #ef0073;
    }

    #mySidenav a {
        padding: 2px 15px 7px 15px;
    }

    .map-card {
        width: 100%;
        min-height: 250px;
    }

    .map-listed-detail {
        padding-left: 2px !important;
        width: 100%;
        float: left;
    }

    .mapcard-img {
        height: 100px;
        width: 188px;
    }

    #paymentDetailsContainer .col-sm.col-4 .custom-control.form-control-lg.custom-checkbox.lblComponent {
        word-break: break-word;
        font-size: 14px;
    }

    .house-card {
        width: 100%;
    }

    button.gm-ui-hover-effect {
        top: 0px !important;
        right: 0px !important;
        border-radius: 50px !important;
        background: #fff !important;
        opacity: 1 !important;
    }

    .apply-resetValue {
        position: fixed;
        top: unset;
        left: 14px;
        display: inherit;
        overflow: hidden;
        width: 94%;
        margin-top: 43px;
        z-index: 99;
        background: #fff;
    }

    .cancel-fitler,
    .apply-filter {
        right: 0px;
        width: 50%;
        margin: 5px 0px;
    }

    .scrollOvereff {
        max-height: 279px;
        overflow: hidden;
        overflow-y: auto;
    }

    #mdlCheckoutModal .modal-content {
        margin-top: 30px;
    }

    #property_search .nav.w-100.container .navbar-brand {
        width: 54%;
    }

    .navbar .nav .navbar-brand {
        width: 61%;
        z-index: 1;
    }

    .navbar .navbar-brand img {
        padding: 5px 0;
    }

    .amenityItems .amenity {
        display: -webkit-box;
        margin: 8px 0;
        text-align: -webkit-left;
    }

    .amenityItems i {
        float: right;
        position: absolute;
        right: 32px;
        top: 24px;
    }

    .ShoshkeleContainer {
        margin-top: 24vh;
        width: 88%;
    }

    .btnCloseShoshkele i {
        position: relative;
        top: 3px;
        right: 1px;
    }

    .product-wrap .first-section .info .rating-wrap {
        height: auto !important;
    }

    .eventbanner {
        height: 300px;
    }

    div#upComingEvents,
    div#Events,
    div#dvPastEvents {
        width: 100%;
    }

    .webrunner {
        text-align: left;
        padding: 0px 15px;
    }

    .white_tag {
        font-size: 10px;
    }

    .webrunner a.close {
        position: relative;
        bottom: 11px;
    }

    .navbar-brand {
        width: 24%;
    }

    .FeedBack_Comments {
        width: 100%;
    }

    .GallerySec {
        margin-top: 20px !important;
    }

    .w3-modal-content {
        margin-top: 90px;
    }

    .offer_code_section {
        padding-bottom: 0px;
    }

    .w3-modal-content {
        padding: 18px;
    }

    .WhatsappOptin .w3-modal-content img {
        max-width: 100%;
        height: 100%;
    }

    .next-rent {
        padding: 10px 10px 0 10px !important;
    }

    .invoice_card {
        margin: 0px 10px 15px !important;
    }

    .next_month_card {
        margin: 10px 10px 15px;
        border: 1px solid rgba(209, 216, 245, 0.6);
    }

    .testimonial_image img {
        width: 100% !important;
        margin: 0 auto;
    }

    .members .member-wrap > .col-lg-12.col-md-12.col-12 {
        padding: 0;
    }

    .toastwrap {
        top: 80px;
        right: 15px;
        width: 222px;
    }

    .toast {
        font-size: 11px;
    }

    .ceo_images {
        width: 25%;
    }

    .appointDate {
        width: 100% !important;
        margin-bottom: 4%;
    }

    .team.row_direction {
        flex-direction: column-reverse;
    }

    .whatsapp_Toogle {
        padding-bottom: 18px;
    }

    #CEONotes #dvCEONotes {
        padding-top: 0px;
    }

    .product-wrap .first-section .testimonial.property_rating,
    .product-wrap .first-section .testimonial {
        margin: 10px 0;
    }

    .customizepopupbtn button#btnContinueCheckout {
        border: 4px solid #ef0073;
        white-space: normal;
    }

    .display_align .align_center h4 i {
        position: relative;
        top: 1px;
        right: 2px;
    }

    div#bookings-nav-current {
        padding: 0;
    }

    #checkout_form .offset-lg-2.col-lg-8.offset-col-0.col-12 {
        padding: 0;
    }

    .product-wrap .graphical-info {
        overflow-x: scroll;
    }

    .product-wrap .term-deposit div p:nth-child(1) {
        height: 40px;
    }

    .product-wrap .term-deposit div p:nth-child(2) {
        font-size: 16px !important;
    }

    .product-wrap .term-deposit div {
        padding: 0 10px !important;
        flex: 1;
    }

    .product-wrap .term-deposit {
        align-items: center;
    }

    #CEONotes #dvCEONotes {
        font-size: 12px;
    }

    #nav-tabContent_Referral .form-control {
        margin: 0 auto;
    }

    .login-wrap .login-box form span.focus-input100 {
        position: relative;
        width: 100%;
        height: 100%;
        top: -34px;
        left: 0;
        pointer-events: none;
    }

    #customermobile {
        padding-left: 54px;
    }

    .login-wrap .signup-box form .form-group input,
    .login-wrap .login-box form .form-group input {
        background-color: #FFFFFF;
        border: 0px solid #E0E6ED;
        width: 100% !important;
        height: 100%;
        margin: 0;
        border-bottom: 2px solid #E0E6ED;
        font-size: 14px;
        outline: none;
        padding: 15px 10px;
    }

    .spnCountryCode {
        position: absolute;
        top: 7px;
        left: 22px;
    }

    .signup-box input[type=button],
    .login-wrap .login-box form input[type="button"] {
        margin-top: 20px;
        padding: 10px 0;
        width: 100%;
        font-size: 15px;
        font-weight: 700;
        line-height: 22px;
    }

    .login-wrap .login-box {
        width: 100%;
        padding: 15px;
    }

    .otpAlignSection input {
        width: 45% !important;
    }

    .login-wrap .login-box h1 {
        font-size: 20px;
    }

    .login-wrap {
        background: #f9f9f9;
    }

    .nav-pills li a {
        padding: 5px 0rem !important;
        font-size: 14px !important;
    }

    .nav-pills li {
        margin-bottom: 0px !important;
    }

        .nav-pills li#libtnCustom {
            margin-bottom: 10px;
            margin-top: 10px;
        }

    .user-info .user-name {
        font-size: 14px;
    }

    .navbar .nav {
        padding: 0 0 0 0px !important;
    }

    .static_content_fr_search.pt-5 {
        margin-top: 9rem;
        margin-bottom: 1rem;
    }

    .text_view h1 {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 0px;
    }

    .text_view p {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 0px;
    }

    .static_content_fr_search .text_view p {
        display: none !important;
    }

    .basic_steps p {
        line-height: 28px;
    }

    .property_list_view_pad {
        padding: 15px 0px;
    }
    
    .filter_box {
        padding: 11px 0px 0px;
        margin-bottom: 18px;
        border: 0px solid #bdbdbd;
    }

    #ReservationFilter {
        position: fixed;
        top: 0;
        background: #fff;
        z-index: 9999;
        height: 100vh;
        padding: 0;
    }

    .filter-container {
        border: 0px solid #E0E6ED;
        padding: 0px 10px 0px 0px;
        height: 80vh !important;
        overflow-y: auto;
    }

    .filter_box .close_filter_icon {
        display: block;
        text-align: right;
        padding-bottom: 10px;
        color: #112950;
        font-size: 16px;
        padding-right: 15px;
    }

    .product-wrap {
        margin-top: 19%;
    }

    .bookingsummary .table {
        display: contents;
    }

        .bookingsummary .table thead > tr {
            display: contents;
            flex-direction: unset;
        }

    #SelectedBed {
        display: contents !important;
    }

        #SelectedBed tr {
            display: contents;
            flex-direction: unset;
            align-items: unset;
            width: auto;
            padding-top: 0px;
        }

        #SelectedBed > tr > td:first-child {
            padding: 20px 10px !important;
        }

        #SelectedBed > tr td {
            padding: 20px 10px !important;
        }

        #SelectedBed .feature-amenities-img {
            height: auto;
            overflow: unset;
            overflow-y: unset;
            border-top: 0px solid #dee2e6;
        }

    .booking-main-whitebg {
        overflow: unset;
    }

        .booking-main-whitebg > .row {
            flex-direction: column;
            flex-wrap: unset;
        }

    .form-check [type="radio"]:checked + label:after,
    .form-check [type="radio"]:not(:checked) + label:after {
        content: "";
        width: 11px;
        height: 11px;
        background: #ef0075;
        position: absolute;
        top: 3px;
        left: 3px;
        border: 6px solid #ef0075;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    #cancel_raise_noticed .modal-content {
        width: 100% !important;
    }

    #mdlPayDueModal .modal-dialog .modal-content {
        width: 100% !important;
        top: 32vh;
    }

    #MoveinSection .moveinPropImg {
        width: 100%;
        height: 100%;
    }

    #bookings-nav-Movein {
        padding: 0;
    }

    .moveinDateWrapper {
        width: 100%;
    }

        .moveinDateWrapper input#MoveinDate {
            width: 100% !important;
            margin-bottom: 15px;
        }

    .moveintimeWrapper .input-group.moveinTime {
        width: 100% !important;
        margin-bottom: 15px;
    }

    #MoveinSection .col.col-lg-4.col-md-4.col-12.pr-0 {
        padding-right: 15px !important;
        padding: 15px !important
    }

    .MoveinContainer .moveintimeWrapper input {
        width: 100% !important;
    }

    .KeyReceivedWrapper #btnKeyReceived {
        width: 100%;
    }

    .cardleft .booking-main-whitebg {
        margin: 0px 0px 16px 0px;
    }

    .cardright .booking-main-whitebg {
        margin: 0px 0px 16px 0px;
    }
    
    #search-property-filter {
        position: fixed;
        height: 100vh;
        z-index: 9999;
        top: 0;
        padding: 0px 0px;
    }

    #search-property-filter {
        display: none;
    }

    .tabbable.tabs-left {
        display: flex;
        height: 100vh;
        margin-top: 14px;
        border-top: 1px solid #eee;
    }

    .property_leftview {
        min-width: 100%;
        max-width: 100%;
    }

    .search-filter-inside {
        min-width: 100%;
        max-width: 100%;
        border: 0px solid #bdbdbd;
        border-radius: 0px;
        padding: 24px 0px;
    }

    .search-fitler_title_sec {
        display: flex;
        border-bottom: 0px solid #bdbdbd;
    }

    .tab-content > .tab-pane,
    .pill-content > .pill-pane {
        display: none !important;
    }

    .product-wrap .second-section .nearby .tab-content .tab-pane {
        padding: 20px 0 10px 0;
    }

    .tab-content > .active,
    .pill-content > .active {
        display: block !important;
    }

    .tabs-left > .nav-tabs.mobileFilterTitle {
        width: 33%;
    }

    .tab-content.search-filter-container {
        width: 67%;
    }

    .mobileFilterTitle li {
        padding: 8px 8px;
        background: #f7f7f7;
        border: 0px !important;
        min-height: 39px;
        display: flex;
        font-size: 12px;
        align-items: center;
        border-bottom: 1px solid #dedede !important;
    }

        .mobileFilterTitle li a {
            color: #112950;
            font-weight: 500;
            margin: 0;
            padding: 0px 0px 0px 6px;
            width: 100%;
        }

    .filtercitySelect {
        padding: 0px 0px;
        align-items: center;
        display: flex;
        min-height: 20px;
        border-bottom: 1px solid #eee;
        margin-bottom: 2px;
        padding: 10px 0 17px 0;
    }

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

    .filter-search-filterSearchBox {
        background-position: initial;
        width: 97%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-image: initial;
        background-size: initial;
        background-repeat-x: initial;
        background-repeat-y: initial;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: white;
        top: -8px;
        padding: 10px 0;
        background-repeat: repeat;
    }

        .filter-search-filterSearchBox .filter-search-hidden {
            display: block;
            border: 1px solid #cccccc;
            height: auto;
            width: 96%;
            box-shadow: 0px 0px 0px 0px !important;
            font-size: 12px !important;
            padding: 6px 5px;
            margin-right: 5px;
        }

    .filter-search-hidden.filter-search-visible {
        display: block;
        font-size: 14px;
    }

    .brand-value {
        position: relative;
        top: 0px;
        right: -5px;
        padding-bottom: 42px;
    }

    .mobilefilter-button svg {
        margin-right: 10px;
    }

    .MobileFilterSort {
        display: block;
        width: 100%;
    }

    .MobileFilterSortfilter {
        display: flex;
    }

    .mobile-filter-apply {
        display: none;
        width: 100%;
    }

    .mobileFilterApplyFun {
        display: flex;
        padding: 3px 0;
    }

    .ApplyFilterbtn {
        color: #ef0075 !important;
        border-right: 0px solid #d0d0d0 !important;
    }

    .property-sorting {
        position: fixed;
        height: 100vh;
        width: 100vw;
        background: #222222d6;
        z-index: 9999;
        bottom: 0;
    }

    .property-sorting {
        display: none;
    }

    .sort-sortBy {
        position: fixed;
        bottom: 0;
        width: 100%;
        font-size: 14px;
        margin: 0;
        font-weight: 600;
        text-transform: uppercase;
        padding: 10px 0px 0 0;
        border-radius: 0px;
        border: 0px;
    }

    .sort-list {
        width: 100%;
        display: block;
        left: 0px;
        border: 0px !important;
        position: relative;
        top: 0 !important;
        border-top: 1px solid #d6d6d6 !important;
        padding-top: 10px !important;
        font-weight: 500;
        text-transform: capitalize;
        margin-top: 8px;
    }

    .sort-sortBy span {
        display: none;
    }

    .sort-list label {
        font-size: 14px;
        display: flex;
        align-items: center;
    }

    .ul-height-limit {
        max-height: none !important;
    }

    #filterInput.apply_show {
        display: none;
    }
    
    .property_rightview #GridView {
        padding: 0 15px;
    }

    .properties-sort {
        position: relative;
        height: 100vh;
    }

    .SortTitle {
        padding: 0px 20px;
    }

    #property_search .tabs-left > .nav-tabs {
        background: #f7f7f7;
    }

    .highttolow svg.SortModalIcon,
    .lowtohigh svg.SortModalIcon,
    .priceDefault svg {
        display: block;
        margin-right: 5px;
        width: 24px;
    }

    .filterclear_anchor {
        padding-top: 6px;
    }

    .search-filter_title {
        padding-top: 0px;
        font-size: 12px;
    }

    .filterclear_anchor {
        font-size: 12px;
    }

    .ApplyFilterbtn {
        border-right: 0px;
    }

    #property_search .tabs-left > .nav-tabs {
        border-right: 0px solid #ddd;
    }

    .filternav-active a {
        color: #112950 !important;
        font-weight: 600 !important;
    }

    .filter-search-iconSearch {
        right: 10px;
        top: 16px;
    }

    #property_search .tab-content > .tab-pane#location {
        padding-top: 15px;
    }

    .search-filter-header {
        background: transparent;
        position: unset;
        box-shadow: 0px 0px 0px 0px #bbb5b5;
    }

    #ulSearchFilters .collapse {
        display: block;
    }

    .schedulecaleIcon {
        width: 14%;
        position: absolute;
        top: 20px;
        right: 24vw;
    }

    .nav-link.scheduleVisitMenu {
        padding: 6px 10px !important;
    }

    #Chennai > .cityWrapper,
    #Hyderabad > .cityWrapper {
        width: 50%;
    }
    
    .achievement_hr_Line hr {
        border: 2px solid #ef0075 !important;
        width: 15%;
        float: left;
        margin: 10px auto 15px 0;
        border: 0;
    }

    .achievementBlog_contain {
        height: auto;
        width: 100%;
    }

    .AchievementBox_Img img.img-fluid {
        width: 100%;
        height: auto;
    }

    .achievementBlog_contain {
        margin: 10px 0px;
    }

    .achievement_header .achievements {
        color: #112950;
        font-size: 22px;
        font-weight: 600;
        line-height: 1.5;
        text-align: left;
    }

    .AchievementBox_Img {
        overflow: hidden;
        min-height: auto;
    }

    .achievementBack_btn {
        position: relative;
        margin-top: 0vh;
    }

    #achievementsImage_blog_contents > .owl-stage-outer.owl-height {
        height: auto !important;
    }

    .achievement_Box {
        height: auto !important;
    }

    #achievements_blog_contents.cardleft {
        flex-direction: column-reverse;
        padding: 0px 0px;
    }

    #achievements_blog_contents.cardright {
        flex-direction: column-reverse;
        padding: 0px 0px;
    }

    .achievementTitle_tag {
        font-size: 20px;
        text-align: center;
    }

    .ac-item-caption {
        margin-left: 0px;
    }

    .AchievementBox_Img {
        height: auto !important;
    }

    .cardright .ac-item-caption {
        margin-left: 0px;
        width: 100%;
        margin-right: 0px;
    }

    #site_homepage .banner_img img {
        padding-top: 20px;
        width: 35%;
    }

    #site_homepage .navbar {
        padding: 0px 0px;
        background-color: #fff;
    }

    #site_homepage .nav-item a {
        color: #324b72 !important;
    }

    #site_homepage .user-info .user-name {
        color: #324B72;
    }

    #site_homepage .dropdown-toggle .dropdown-userdetails::after {
        color: #f0086e;
    }

    #site_homepage .ScheduleVisitButton {
        border: 2px solid #ef0073;
    }

        #site_homepage .ScheduleVisitButton a {
            color: #ef0073;
        }

    #site_homepage button.btn.login-btn.btn-secondary {
        background-color: #ffffff;
        border: 2px solid #112950;
        color: #ffffff;
    }

    #site_homepage .navbar .navbar-brand img {
        width: 100%;
    }

    #site_homepage .modal#video-modal {
        margin-top: 38px;
    }

    #Chennai > .cityWrapper,
    #Hyderabad > .cityWrapper {
        width: 50%;
    }

    .modal .modal-close {
        top: 2.9rem !important;
    }

    #site_homepage .homepage_Wrapper_P {
        font-size: 14px;
    }

    .SocialProfile.mt-5 {
        margin-top: 0px !important;
    }

    #mobile-apps-wrapper .mobile-apps-icons img {
        width: 150px;
        margin: 0 10px;
    }

    .BedDetails {
        padding-top: 0px;
    }

    .formGRoupRow.DetailedDisabled {
        padding: 0px !important;
    }
    
    .product-wrap .third-section #SimilarPropertiesCards .owl-nav {
        left: 0;
        right: 0;
        top: 50%;
    }

    .godown-page.show {
        top: 5rem;
        right: 1rem;
        font-size: 26px;
    }

    .dropdown-toggle .dropdown-userdetails::after {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #f0086e;
        font-weight: 900;
        margin: 0 9px;
    }

    .dekstopusername {
        display: none !important;
    }

    .user-name.mobileusername {
        display: block !important;
    }

    #PropertySection h1#spnPropertyName {
        width: 86%;
    }

    .product-wrap div#PropertySection {
        background: #fff;
    }

    #spnPropertyVideoVisitLink {
        position: fixed !important;
        top: 11.2rem !important;
        right: 0px !important;
        z-index: 9;
        background: #fff;
        padding: 0px;
        border-radius: 50px 0 0 50px;
        z-index: 100;
        box-shadow: 0px 0px 7px 0px #a9a8a8;
        height: 44px !important;
        width: 53px !important;
        text-align: center;
    }

    .Span_location + .copyright {
        margin-bottom: 60px !important;
    }

    .sharepropdiv .cardshare-dv .c-share_options {
        left: 0;
        width: fit-content;
    }

    .rating-wrap_new #sharepropdiv {
        position: absolute;
        top: 10px;
        right: 0;
    }

    .rating-wrap_new .sharepropdiv .cardshare-dv .c-share_options {
        right: 0;
        width: fit-content;
        left: unset !important;
    }

    .rating-wrap_new {
        flex-direction: row;
        padding-top: 15px;
        position: relative;
        align-items: center;
    }
}

@media only screen and (min-width: 700px) {
    .ScheduleVideoVisitBtn {
        display: none !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .nav-item a {
        font-size: 12px;
    }

    .navbar-brand {
        width: 26%;
    }

    .navbar .navbar-brand img {
        width: 100%;
        padding: 10px 0;
    }

    .user-info {
        width: 100%;
    }

    .dropdown-menu {
        font-size: 14px;
    }

    .user-info .dropdown .dropdown-menu {
        left: -100px;
        top: 28px;
    }

    .product-wrap .third-section .owl-carousel-cards .owl-nav {
        position: absolute;
        left: 0;
        right: 0px;
    }

    .websiterunner {
        width: 100%;
        margin: 0px;
        padding: 0px;
        top: 0px;
        z-index: 1031;
        background: #fff;
    }

    .nav-link {
        display: block;
        padding: .5rem .5rem;
    }

    .slider-content {
        padding: 83px 0px !important;
    }
}

@media (max-width: 1024px) {
    .col-md-8.my-5,
    .col-md-4.my-5 {
        min-width: auto !important;
    }

    .share i.fa.fa-youtube-play {
        top: -6px;
    }
}

@media (max-width:1440px) and (min-width: 1024px) {
    .user-info .dropdown .dropdown-menu {
        left: -140px;
    }

    .product-wrap .first-section .graphical-info .table td:nth-child(4) {
        font-size: 13px;
    }

    .product-wrap .first-section .graphical-info .table td:nth-child(2) {
        font-size: 13px;
    }

    #eventSecView #dvEvent {
        height: 341px !important;
    }

    .property-sorting-total {
        padding-top: 18px;
    }
}

@media (max-width: 1440px) and (min-width:968px) {
    .calendar-wrapper.picker {
        top: 160px !important;
    }
}

@media (max-width: 320px) {
    .schedule-booknow-box .schedule,
    .schedule-booknow-box a {
        font-size: 11px;
    }

    .w3-modal-content {
        margin-top: 30px;
        padding: 20px;
    }

    .text_view h1 {
        font-size: 18px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .text_view p {
        font-size: 14px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .basic_steps .basic_step_view {
        background: #eee;
        padding: 4px 4px 5px 2px;
        margin: 0 5px;
        border-radius: 14px;
        font-weight: 500;
        font-size: 12px;
    }

    .property_list_view_pad {
        padding: 15px 0px;
    }
}

@media (max-width: 360px) {
    .schedule-booknow-box .schedule,
    .schedule-booknow-box a {
        font-size: 11px;
    }

    .filter-container {
        height: 77vh !important;
    }

    #property_search .tabs-left > .nav-tabs > li > a {
        min-width: 76px;
    }

    .mobileFilterTitle li {
        min-height: 45px;
    }

    .sort-list label {
        font-size: 12px;
    }

    .filter-search-filterSearchBox .filter-search-hidden {
        width: 95% !important;
        box-shadow: 0px 0px 0px 0px !important;
        font-size: 11px !important;
        padding: 6px 5px !important;
    }

    #property_search footer {
        padding: 20px 0 0 0 !important;
        margin-bottom: 38px !important;
    }
}

@media (max-width: 575px) and (min-width: 320px) {
    .navbar .nav .navbar-toggler .navbar-toggler-icon i {
        color: #f0086e !important;
        font-size: 25px;
    }

    .navbar .nav .navbar-toggler {
        background: white;
        outline: none;
    }

    .navbar .nav {
        display: flex;
        align-items: center;
        padding: 0 0 0 20px;
    }

    .nav-pills li {
        width: 100%;
        margin-bottom: 10px;
    }

    .position-relative {
        position: relative !important;
        margin: 5px 0;
    }

    .w3-Coupon_sec {
        border: 2px dashed #eee;
        padding: 20px;
        height: 400px;
        overflow: hidden;
        overflow-y: scroll;
    }
}

@media (min-width: 1210px) and (max-width:1220px) {
    .maplist {
        height: 72vh;
    }

    .navbar .navbar-brand img {
        width: 85%;
    }

    .nav-item a {
        color: #324b72;
        font-size: 14px;
    }

    .card-img-top {
        min-height: 150px;
    }
}

@media (min-width: 1024px) and (max-width:1200px) {
    .navbar-brand {
        width: 26%;
    }

    #eventSecView #dvEvent {
        height: 320px !important;
    }

    .navbar .navbar-brand img {
        width: 100%;
    }

    .nav-item a {
        color: #324b72;
        font-size: 11px !important;
    }

    .card-img-top {
        min-height: 150px;
    }
}

@media (min-width: 768px) and (max-width:968px) {    
    .user-name.mobileusername {
        display: block !important;
    }

    .dropdown-toggle .dropdown-userdetails::after {
        content: "\f107";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #f0086e;
        font-weight: 900;
        margin: 0 9px;
    }

    .dekstopusername {
        display: none !important;
    }
}

@media (max-width: 500px) and (min-width: 470px) {
    .product-wrap .third-section .owl-carousel-cards .owl-nav {
        right: 0px;
    }
}

@media (min-width: 1410px) and (max-width: 1480px) {
    .property-sorting-total {
        padding-top: 18px;
    }
}

@media (min-width:1200px) and (max-width: 1230px) {
    #property_search section.grid-view {
        background: #F4F8FB;
        margin-top: 10px;
    }
}

@media (min-width: 375px) and (max-width: 376px) {
    .maplist {
        height: 85vh;
        position: relative;
        z-index: 10;
        top: 23vh;
        right: 0;
        width: 100%;
    }

    .static_content_fr_search.pt-5 {
        margin-top: 9rem;
        margin-bottom: 1rem;
    }

    .basic_steps .basic_step_view {
        background: #eee;
        padding: 4px 4px 5px 2px;
        font-size: 12px;
    }

    .filter-container {
        height: 78vh !important;
    }
}

@media (min-width: 455px) and (max-width: 456px) {
    .filter-search-filterSearchBox .filter-search-hidden {
        width: 96%;
        font-size: 13px !important;
        padding: 6px 5px;
    }

    .brand-value {
        padding-bottom: 40px;
    }

    .mobileFilterTitle li {
        font-size: 13px;
    }

    footer {
        margin-bottom: 0px !important;
    }

    .Span_location + .copyright {
        margin-bottom: 38px !important;
    }

    #site_homepage section.tab-layout.pb-0.m-0 {
        padding-top: 5px;
    }

    .PropCardsImageSec {
        padding: 0 15px;
    }
}

@media (min-width:375px) and (max-width: 414px) {
    footer {
        padding: 0px 0 0 0 !important;
        margin-bottom: 0px !important;
    }

    .Span_location + .copyright {
        margin-bottom: 39px !important;
    }
}

.subfields {
    display: block;
    margin: 0;
    padding: 8px 10px;
    background: #fff;
    width: 100%;
    border: 2px solid #d0d0d0;
    border-radius: 3px;
    color: #d0d0d0;
}

    .subfields label {
        display: none;
    }

.subfield input {
    border: 0px;
}

.focus-input110 {
    position: relative;
}

.icon-box p {
    color: #8f8f8f;
    font-size: 19px;
    line-height: 1.8;
    font-weight: 400;
}

.PaPVantagecontainer {
    max-width: 780px;
}

.PaP_vantage ul {
    padding: 0 15%;
}

.PaPBrand ul {
    padding: 0 15%;
}

.brBtm {
    border-bottom: 1px solid rgba(8,8,8,.98);
}

.icon img {
    width: 70px;
}

.icon-box h4 {
    padding-top: 20px;
}

.socialIconWrap i {
    font-size: 50px;
    color: #ef0073;
}

#schedulevisit .signup-box {
    box-shadow: none;
}

#schedule-btn:hover {
    border: 2px solid #ef0073;
}

#schedulevisitform span i {
    font-size: 18px !important;
}

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

#btnMatterPort {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
}

.totaldegree:hover ~ #VviewPropertyImages {
    opacity: 0.5;
}

.ng-img {
    width: 100%;
    overflow: hidden;
}

    .ng-img img {
        width: 100%;
    }

.PropertyTitle h1 {
    color: #ef0073;
    padding: 10px;
    font-size: 24px;
    font-weight: 600;
}

.casestudyWrap {
    padding-top: 3%;
    background: #000;
    padding-bottom: 3%;
    margin-top: -1px;
}

.casestudyTitle h1 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

.signature h3 {
    color: #fff;
    font-size: 20px;
}

    .signature h3 span {
        color: #ef0073;
        font-size: 18px;
        font-weight: bold;
    }

.casestudy_desc p {
    color: #fff;
}

    .casestudy_desc p span {
        color: #ef0073;
        font-weight: 700;
        font-size: 20px;
    }

.booknows {
    overflow: auto;
    border-radius: 20px;
    width: 300px;
    border: 8px solid #000;
    background: url("/assets/images/property/casestudy/61.png");
    background-repeat: no-repeat;
    background-position: center;
}

#scheduled-card {
    border: none;
}

.m-view img {
    width: 100%;
}

.booknows .card .tab-content {
    background: #324b72;
}

#btnMatterPort {
    position: absolute;
    height: 50%;
    padding: 0;
    top: 25%;
}

.totaldegree img {
    width: 50%;
    position: relative;
    background: transparent;
}

#btnMatterPort {
    background: transparent;
}

.moneyMatterTitle h2 {
}

.propertyGallerySection {
    min-height: 353px;
}

.video-img img {
    min-height: 366px;
    height: 100%;
    transform: scale(1.2);
}

.snapshot {
    padding-top: 3%;
}

    .snapshot h1 {
        color: #ef0073;
        font-weight: 700;
        font-size: 2rem;
    }

    .snapshot p {
        color: #fff;
        font-size: 16px;
        text-align: justify;
    }

        .snapshot p span {
            color: #ef0073;
        }

.moneyMatterTitle h2 {
    color: #fff;
    font-weight: 700;
}

    .moneyMatterTitle h2 span {
        color: #ef0073;
        font-weight: 700;
    }

.mConditionWrap {
    position: relative;
}

.termsWrap {
    background: #ece5e5;
    border-radius: 15px;
    padding: 15px;
    margin: 1% 1% 0 0;
}

.text-blak {
    color: #000;
    font-weight: 700;
    font-size: 20px;
}

.text-pink {
    color: #ef0073;
    font-weight: 700;
    font-size: 20px;
}

.text-pink1 {
    color: #ef0073;
}

.termsWrap p {
    padding: 5px 0;
}

.mb-30 {
    margin-bottom: 30px;
}

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

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

.f-term {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.text-rentDetails {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

.residentSpeakWrap {
    margin-top: 5%;
}

    .residentSpeakWrap h1 {
        font-weight: 700;
        text-align: center;
    }

    .residentSpeakWrap h5 {
        text-align: center;
        font-size: 25px;
        padding: 10px 0;
    }

.loc-highlight h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    padding: 20px 0 5px 0px;
}

.residentProfile {
    display: flex;
}

    .residentProfile img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin-right: 15px;
    }

.residentIcon i {
    font-size: 30px;
    color: #ef0073;
}

.resi-testimonial {
    background: #f9dddd;
    padding: 20px;
    border-radius: 15px;
}

.residentQuote p {
    line-height: 30px;
}

.residentIcon-red i {
    font-size: 30px;
    color: #fff;
}

.culture h5,
.nearby h5 {
    line-height: 30px;
}

.nearby {
    border-bottom: 5px dotted #ec0808;
}

.amenityTypeHeader span {
    color: #ef0073;
    font-size: 30px;
    font-weight: 700;
    margin-top: 10px;
}

.testimonial-carousel .item img {
    border-radius: 50%;
    width: 75px !important;
    float: left;
    margin-right: 10px;
    height: 75px;
}

.user img {
    display: none !important;
}

.testimonial-carousel .user {
    display: none;
}

.testimonial-carousel .item {
    margin: 20px;
    height: 280px;
    padding: 10px;
    background-color: #f9dddd;
    border-radius: 15px;
    text-overflow: ellipsis;
    overflow: auto;
}

    .testimonial-carousel .item:nth-child(even) {
        background: #000;
    }

.amenities_area .AmenitiesLoc:nth-child(1) {
    background: #f1f1f1;
}

.amenities_area .AmenitiesLoc:nth-child(2) {
    background: #000;
}

.amenities_area .AmenitiesLoc:nth-child(1) .amenity span {
    color: #000;
    font-size: 18px;
}

.amenities_area .AmenitiesLoc:nth-child(2) .amenity span {
    color: #fff;
    font-size: 18px;
}

.amenities_area .AmenitiesLoc:nth-child(3) .amenity span {
    color: #000;
    font-size: 18px;
}

.amenities_area .AmenitiesLoc:nth-child(4) .amenity span {
    color: #fff;
    font-size: 18px;
}

.amenities_area .AmenitiesLoc:nth-child(5) .amenity span {
    color: #000;
    font-size: 18px;
}

.amenities_area .AmenitiesLoc:nth-child(6) .amenity span {
    color: #fff;
    font-size: 18px;
}

.amenities_area .AmenitiesLoc:nth-child(2) .AmenitiesheightSet p,
.amenities_area .AmenitiesLoc:nth-child(6) .AmenitiesheightSet p {
    color: #fff;
}

.amenities_area .AmenitiesLoc:nth-child(3) {
    background: #f1f1f1;
}

.amenities_area .AmenitiesLoc:nth-child(4) {
    background: #000;
}

.amenities_area .AmenitiesLoc:nth-child(5) {
    background: #f1f1f1;
}

.amenities_area .AmenitiesLoc:nth-child(6) {
    background: #000;
}

.amenities_area .AmenitiesLoc > span:nth-child(2) {
    color: #fff;
}

.amenityImg {
    display: none;
}

.amenityServiceImage {
    display: none;
}

.w-100 {
    width: 100%;
}

#offers {
    margin: 0;
    background-repeat: no-repeat;
}

.nearby img {
    width: 250px;
    height: 40px;
}

.peoplesection {
    background-image: url("/assets/images/property/flatmates/people_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    background-size: cover;
    padding-top: 7%;
}

.amenityTypeHeader {
    margin-top: 20px;
}

#offers .amenityTypeHeader {
    text-align: initial !important;
}

.videoGallery {
    height: 100%;
}

.feature-svg {
    display: flex;
    padding-bottom: 10px;
}

.graphical-info table {
    background: #ece5e5;
    border-radius: 15px;
    padding: 15px;
    margin: 1% 1% 0 0;
    border-collapse: separate;
}

    .graphical-info table td {
        border-top: 0px !important;
    }

.socialIconWrap img {
    cursor: pointer;
}

#RoomDetails table th {
    color: #000000;
    font-size: 18px;
    width: 25%;
}

.factsheet-banners {
    margin: 0 15px;
}

#RoomDetails table td {
    font-size: 16px;
}

#KeyDetails {
    font-size: 14px;
}

    #KeyDetails i {
        color: #ef0073;
    }

.propertyGallerySection {
    background: #ccc;
}

#spnHighlights {
    color: #fff;
    text-align: justify;
}

.casestudy_desc {
    margin-bottom: 20px;
}

.property_rating {
    background: #ece5e5 !important;
    border-radius: 15px;
}

.casestudyTitle {
    text-align: center;
}

.casestudyWrap .p-share {
    position: relative;
    width: 5.4375em;
    height: 3.4375em;
}

.p-share input[type=checkbox] {
    display: contents;
}

.p-share ul {
    margin-top: 30px !important;
}

.moveInMobile {
    padding: 0 15px;
}

#sharprop30948 {
    display: none;
}

#chkterms + label:before {
    content: "\2714";
    font-size: 12px;
    width: 18px;
    padding-left: 3px;
    margin-top: 2px;
    margin-bottom: -4px;
}

#chkterms-checkbox:checked + label:before {
    background-color: #EF0073;
    border-color: #EF0073;
    color: #fff;
}

#chkKeyReceived + label:before {
    content: "\2714";
    font-size: 12px;
    width: 18px;
    padding-left: 3px;
}

#chkKeyReceived-checkbox:checked + label:before {
    background-color: #EF0073;
    border-color: #EF0073;
    color: #fff;
}

#book-first:hover,
#schedule-btn:hover {
    background-color: transparent;
    border-color: #ef0073;
    color: #ef0073 !important;
}

.amenityTypeHeader {
    display: flex;
}

    .amenityTypeHeader > .offerImg {
        display: block !important;
        width: 70px !important;
    }

#offers .offerImg > span {
    margin-top: 10px;
}

@media only screen and (max-width: 1400px) {
    .video-img img {
        min-height: 366px;
    }
}

@media only screen and (max-width: 1366px) {
    .propertyGallerySection {
        max-height: 353px;
    }

    .video-img img {
        min-height: 366px;
        transform: scale(1.2);
    }
}

@media only screen and (max-width: 455px) {
    .graphical-info table {
        border-radius: 0px;
    }

    .moveInMobile {
        padding: 0 15px;
    }

    .loc-highlight h2 {
        padding: 0px;
    }

    .c-share {
        margin-bottom: 25px;
    }

    .wt-20 {
        margin-top: 20px;
    }

    .nearby h3 {
        font-size: 20px;
    }

    .casestudyTitle h1,
    .snapshot h1,
    .moneyMatterTitle h2,
    .promises h1,
    .loc-highlight h2,
    .nearby h1,
    .residentSpeakWrap h1 {
        font-size: 22px;
    }

    .similar-prop h1 {
        font-size: 16px;
    }

    .amenityTypeHeader span {
        font-size: 22px;
    }

    .rating-wrap_new1 {
        text-align: -webkit-center;
    }

    #offers {
        margin: 0 25px;
    }

    .propertyGallerySection {
        display: none;
    }

    .socialIconWrap {
        text-align: center;
    }

        .socialIconWrap img {
            width: 60px;
        }

    .casestudy_desc {
        margin-bottom: 0px;
    }

    .property_rating {
        margin: 3% 7% !important;
    }

    .snapshot {
        padding-top: 3%;
    }

    .loc-highlight {
        margin-top: 0%;
    }

    .loc-highlight {
        padding: 10px 0px 0px 0px;
    }

    .product-carousel {
        display: block;
    }

    #GviewPropertyImages {
        display: block;
    }

    #btnMatterPort {
        position: absolute;
        height: 25%;
        padding: 0;
        top: 25%;
        left: 30%;
    }

    .totaldegree img {
        width: 40%;
        height: 70%;
        position: relative;
        top: 20%;
        left: 0%;
        background: transparent;
    }

    .residentSpeakWrap h5 {
        text-align: center;
        font-size: 19px;
        padding: 10px 0;
    }

    .similar-prop h5 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 414px) {
    .totaldegree img {
        width: 40%;
        height: 80%;
        position: relative;
        top: 30%;
        left: 0%;
        background: transparent;
    }
}

@media only screen and (max-width: 375px) {
    .totaldegree img {
        width: 50%;
        height: 100%;
    }
}

.smartphone {
    position: relative;
    width: 384px;
    margin: auto;
    border: 2px #ef0073 solid;
    border-top-width: 25px;
    border-bottom-width: 25px;
    border-radius: 36px;
    width: 304px;
}

    .smartphone:before {
        content: '';
        display: block;
        width: 60px;
        height: 5px;
        position: absolute;
        top: -12px;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #333;
        border-radius: 10px;
    }

    .smartphone:after {
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        left: 50%;
        bottom: -30px;
        transform: translate(-50%, -50%);
        background: #333;
        border-radius: 50%;
    }

    .smartphone .content {
        background: #ef0073;
    }

.align-left {
    text-align: initial;
}

@media only screen and (max-width: 455px) {
    .panMobViw {
        padding: 0px;
    }
}

.bggray {
    background: #3E2F5B;
    display: flex;
    padding: 20px;
}

.clubText {
    padding-left: 10%;
    padding-top: 4%;
}

    .clubText h3 {
        color: #fff;
        font-family: MontDemo-Heavy;
    }

    .clubText p {
        color: #fff;
        font-size: 20px;
        line-height: 22px;
    }

.internSection1 h2,
.interns2Wrap h2 {
    font-size: 48px;
    font-family: MontDemo-Heavy;
    color: #000;
}

.internSection1 h4 {
    color: #000;
    font-size: 22px;
}

.internSection1 {
    padding: 10%;
}

.InternModel img {
    width: 665px;
    height: 400px;
}

.internSection1 img {
    width: 150px;
    margin-bottom: 5%;
}

.ArowDown img {
    width: 50px;
}

.clubImg img {
    width: 200px;
}

.InternLogo {
    display: flex;
}

    .InternLogo p {
        margin-top: 4%;
        margin-left: 2%;
        color: #000;
        font-weight: 600;
    }

.ArowDown {
    text-align: center;
}

.interns2Wrap h2 span {
    color: #ED0b70;
}

.interns2Wrap {
    text-align: center;
}

    .interns2Wrap p {
        font-size: 16px;
        line-height: 24px;
        color: #000;
        font-weight: 500;
    }

#internsSection2 {
    margin-top: 5%;
}

#internsSection3 {
    margin-top: 5%;
}

.watsappText p {
    margin-left: 10px;
    margin-top: 4px;
    font-weight: 700;
}

.internWatsapp img,
.internWatsapp1 img {
    width: 30px;
}

.internWatsapp {
    display: flex;
    width: 65%;
    margin: 0 auto;
}

.internWatsapp1 {
    display: flex;
}

    .internWatsapp1 p {
        margin-top: 3px;
        margin-left: 8px;
        font-weight: 600 !important;
    }

.interns2Wrap h3 {
    color: #000;
    font-weight: 600;
}

.intern2Btn .apply {
    padding: 10px 20px;
    font-size: 20px;
    background: #ED0B70;
    color: #fff;
    margin-right: 15px;
}

.intern2Btn a {
    color: #fff;
}

.intern2Btn .more {
    padding: 10px 20px;
    font-size: 16px;
    background: #000;
    color: #fff;
}

.intern2Btn .incentive {
    width: 138px;
    font-size: 16px;
}

.intern3-left {
    padding: 10%;
}

    .intern3-left ul li {
        display: flex;
        margin-bottom: 10px;
    }

        .intern3-left ul li p {
            margin-top: 4px;
            margin-left: 15px;
            color: #000;
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
        }

    .intern3-left h3 {
        color: #000;
        font-family: MontDemo-Heavy;
        font-size: 36px;
    }

    .intern3-left h4 {
        color: #000;
        font-weight: 700;
    }

    .intern3-left p {
        font-size: 16px;
        color: #000;
        font-weight: 500;
        line-height: 25px;
    }

.intern3-right {
    background: #000;
    padding: 10%;
}

.intern3-right {
    background: #ED0b70;
    padding: 10%;
}

    .intern3-right h3 {
        color: #fff;
        font-family: MontDemo-Heavy;
        font-size: 28px;
    }

    .intern3-right ul li {
        color: #fff;
        font-size: 18px;
        line-height: 25px;
    }

    .intern3-right ul {
        padding-left: 7%;
    }

.intern4-right {
    background: #000;
    padding: 10%;
}

    .intern4-right h3 {
        color: #fff;
        font-family: MontDemo-Heavy;
        font-size: 28px;
    }

    .intern4-right ul li {
        color: #fff;
        font-size: 18px;
        line-height: 25px;
    }

    .intern4-right ul {
        padding-left: 7%;
    }

.internsec1 {
    margin-top: 5%;
}

.intern2Btn button {
    text-align: left;
}

@media (max-width: 767px) {
    .internsec1 {
        display: flex;
        flex-direction: column-reverse;
    }

    .internSection1 h2,
    .internSection1 h4 {
        text-align: center;
    }

    .interns2Wrap h3 {
        font-size: 22px;
    }

    .intern3-left {
        padding: 5%;
    }

    .internSection1 {
        margin-top: 0px;
        padding: 10% 5%;
    }

    .InternLogo {
        display: block;
        text-align: center;
    }

    .intern1-right {
        margin-top: 10%;
    }

    .InternLogo p {
        margin-top: 0px;
        margin-left: 0px;
        font-size: 20px;
        margin-bottom: 4%;
    }

    .communityInternLeft {
        display: none;
    }

    .interns2Wrap h2 {
        font-size: 35px;
    }

    .interns2Wrap p {
        line-height: 26px;
    }

    .internWatsapp img, .internWatsapp1 img {
        width: 40px;
        height: 40px;
    }

    .internCall {
        margin-top: 10%;
    }

    .watsappText {
        text-align: left;
    }

    .internSection1 h2,
    .interns2Wrap h2 {
        font-size: 36px;
    }

    .intern3-left h3 {
        font-size: 32px;
    }

    .intern4-right h3,
    .intern3-right h3 {
        font-size: 26px;
    }

    .internWatsapp {
        width: 90%;
    }
}

.BigBSec1 {
    background-image: url('/assets/images/BigBubble/102.png');
    margin-top: 0;
    padding-top: 2%;
}

.BigBsec1-Left h2 {
    color: #fff;
    margin-top: 15%;
    font-size: 54px;
}

.BigBsec1-Left h4 {
    color: #fff;
}

.BigBsec1-right img {
    float: right;
}

.BigBsec1-Left {
    padding-left: 10%
}

.BigBSec2 {
    background-image: url('/assets/images/BigBubble/102.png');
    padding-top: 5%;
}

.BigBsec2-Left h2 {
    color: #fff;
    font-size: 50px;
    padding: 20px 0;
}

.BigBsec2-Left h4 {
    color: #fff;
}

.BigBSec3 {
    background-image: url('/assets/images/BigBubble/107.png');
    padding-top: 5%;
}

.BBReward1 h1,
.BBReward2 h1 {
    position: absolute;
    top: 30%;
    left: 38%;
    color: #fff;
    font-size: 72px;
    font-weight: 700;
}

.BBReward3 h1 {
    position: absolute;
    top: 30%;
    left: 32%;
    color: #fff;
    font-size: 72px;
    font-weight: 700;
}

.BBReward1,
.BBReward2,
.BBReward3 {
    text-align: center;
}

    .BBReward1 h3,
    .BBReward2 h3,
    .BBReward3 h3 {
        color: #fff;
        font-weight: 700;
    }

.BBBgBlack {
    background: #000;
    border-top: 2px dashed #FFDA00;
    display: flex;
    padding: 4%;
}

    .BBBgBlack h1 {
        color: #fff;
        font-weight: 700;
        padding-left: 8%;
        padding-top: 2%;
        padding-right: 5%;
    }

        .BBBgBlack h1 span {
            color: #FFDA00;
        }

.BigBSec4 {
    background-image: url('/assets/images/BigBubble/102.png');
    padding-top: 5%;
}

.BigBSec4-right h1 {
    color: #fff;
    font-weight: 700;
}

.BigBSec4-right h4 {
    color: #fff;
    padding: 2% 0;
}

.BigBSec4-right p {
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    padding: 10% 0;
}

.BigBSec5 {
    background-image: url('/assets/images/BigBubble/107.png');
}

.BigBSec5-right {
    padding: 8%;
}

    .BigBSec5-right h1 {
        color: #fff;
        font-weight: 700;
    }

.BigBSec590 h1 {
    position: absolute;
    top: 12%;
    left: 37%;
}

.BigBSec5-right ul {
    padding: 3% 0 4% 5%;
}

    .BigBSec5-right ul li {
        color: #fff;
        font-size: 20px;
        line-height: 26px;
    }

.BigBSec6-left {
    background-image: url('/assets/images/BigBubble/239.jpg');
}

.BigBSec6-right {
    background-image: url('/assets/images/BigBubble/238.jpg');
}

.BigBSec6-leftContent {
    padding: 10%;
}

    .BigBSec6-leftContent h3 {
        color: #fff;
        font-weight: 600;
    }

    .BigBSec6-leftContent ul li {
        color: #fff;
        font-size: 20px;
    }

    .BigBSec6-leftContent ul {
        padding: 5% 0 0 2%;
    }

.BigBSec6BtnWrap {
    display: flex;
    width: 80%;
    background: red;
}

    .BigBSec6BtnWrap h1 {
        padding: 3%;
        font-weight: 700;
        color: #fff;
    }

    .BigBSec6BtnWrap .BBbutton {
        padding: 5% 2% 0 0;
    }

.BigBSec6-rightContent h2 {
    color: #fff;
    width: 80%;
    font-weight: 600;
    padding: 2%;
    background: #000;
}

.BigBSec6-rightContent {
    padding: 34.5% 0 10% 0;
}

.BigBSec7 {
    background-image: url('/assets/images/BigBubble/50.jpg');
    padding: 5% 0;
}

.BigBSec7-left .BBbutton img {
    position: absolute;
    bottom: 10%;
    left: 20%;
}

.bgBlue {
    position: absolute;
    bottom: 0px;
    background: #5a5af1;
    padding: 7%;
}

.BigBSec7-right-top {
    margin-top: 10%;
}

    .BigBSec7-right-top p {
        color: #fff;
        font-size: 22px;
    }

    .BigBSec7-right-top h1 {
        color: #fff;
        font-weight: 700;
        font-size: 60px;
    }

        .BigBSec7-right-top h1 span {
            color: #FFDA00;
            font-weight: 700;
            font-size: 60px;
        }

.bgBlue h2 {
    color: #fff;
    font-weight: 700;
}

.bgYlw {
    background: #FFDA00;
    padding: 10px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 18px;
    min-height: 160px;
    margin-top: 10px;
}

.BigBSec8 {
    background-image: url('/assets/images/BigBubble/47.jpg');
}

.BigBSec8Content h2 {
    color: #fff;
    font-weight: 600;
    background: #2196F3;
    width: 215px;
    padding: 5px 10px;
    margin: 10px auto;
}

.BigBSec8Content {
    padding: 5% 0;
    width: 50%;
}

.text-center {
    text-align: center !important;
}

.BigBSec9 {
    background-image: url('/assets/images/BigBubble/50.jpg');
}

.BigBSec9TopRight h3 {
    color: #fff;
    background: #2196F3;
    padding: 5px;
    text-align: center;
    margin-top: 20%;
}

.BigBSec9TopRight h1 {
    color: #fff;
    font-weight: 700;
    padding-top: 5%;
}

.BgBlack {
    background: #000;
}

.BigBSec9TopRight {
    padding: 0 10%;
}

.BigBSec9TopContent {
    display: flex;
    padding: 10%;
}

    .BigBSec9TopContent h2 {
        color: #fff;
        font-weight: 700;
        padding: 3%;
    }

.BigBSec9TopLeft .BBbutton {
    position: absolute;
    top: 40%;
    left: 6%;
}

.BigBSec9Bottom {
    background-image: url('/assets/images/BigBubble/51.png');
}

    .BigBSec9Bottom h2 {
        color: #fff;
        padding: 20px;
        font-weight: 700;
        margin-top: 12%;
    }

    .BigBSec9Bottom h3 {
        font-weight: 700;
        padding: 5% 5% 2%;
        color: #4121f3;
    }

.crown1,
.crown2,
.crown3 {
    display: flex;
}

    .crown1 h4,
    .crown2 h4,
    .crown3 h4 {
        font-size: 18px;
        font-weight: 600;
        padding: 10px;
    }

.bgBlackPlus img {
    position: absolute;
    right: 0px;
    bottom: -15%;
    z-index: 999;
}

.BigBSec10 {
    background-image: url('/assets/images/BigBubble/102.png');
}

.BigBSec10TopLeft {
    width: 60%;
    margin: 0 auto;
    padding: 5% 0;
}

    .BigBSec10TopLeft img {
        float: left;
        margin-right: 20px;
    }

    .BigBSec10TopLeft h2 {
        color: #fff;
        font-size: 40px;
        font-weight: 700;
    }

    .BigBSec10TopLeft p {
        color: #fff;
        font-size: 20px;
    }

    .BigBSec10TopLeft h2 span {
        color: #11e051;
    }

.BigBSec10TopRight {
    width: 80%;
    margin: 0 auto;
    padding: 5% 0;
}

    .BigBSec10TopRight img {
        float: left;
        margin-right: 20px;
    }

    .BigBSec10TopRight h2 {
        color: #fff;
        font-size: 40px;
        font-weight: 700;
    }

    .BigBSec10TopRight p {
        color: #fff;
        font-size: 20px;
    }

    .BigBSec10TopRight h2 span {
        color: #ED0B70;
    }

.Bconditions {
}

.BconditionsimgRight {
    position: absolute;
    right: 0;
}

.restrictions .BBbutton img {
    position: absolute;
    top: 21%;
    left: 33%;
    width: 150px;
}

.BigBSec11 {
    background-image: url('/assets/images/BigBubble/102.png');
    padding: 5% 0;
}

.BigBSec11Left h1 {
    font-size: 50px;
    font-weight: 700;
    color: #000;
}

.BigBSec11Left {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
}

    .BigBSec11Left h4 {
        margin: 10px 0;
    }

.Bprocess {
    background: #1a369c;
    color: #fff;
    margin-bottom: 20px;
    padding: 20px;
}

    .Bprocess h3 {
        font-weight: 600;
        margin-bottom: 15px;
    }

.BigBSec12 {
    background-image: url('/assets/images/BigBubble/68.jpg');
    padding: 5% 0;
}

    .BigBSec12 h1 {
        position: absolute;
        margin-top: 15%;
        color: #fff;
        font-size: 60px;
        margin-left: 5%;
        font-weight: 700;
    }

    .BigBSec12 h3 {
        color: #fff;
        padding: 2% 0;
    }

.BigBSec4 .BBbutton {
    position: absolute;
    top: 35%;
    left: 30%;
}

.BigBSec10TopRightMob {
    display: none;
}

.BBFormSubmit button {
    background: transparent;
    border: none;
    cursor: pointer;
}

@media (max-width: 767px) {
    .BigBsec1-Left h2 {
        font-size: 36px;
    }

    .BigBsec1-Left h2 {
        font-size: 36px;
        padding: 10px 0;
    }

    .BBBgBlack h1 {
        font-size: 20px;
    }

    .BigBSec4 .BBbutton img {
        width: 150px;
    }

    .BigBSec4-right h1 {
        font-size: 26px;
    }

    .BigBSec4-rightMob {
        text-align: center;
    }

    .BigBsec2-Left h2 {
        font-size: 30px;
        padding: 10px 0;
    }

    .BigBSec3 {
        background-color: #000;
        padding-top: 5%;
        background: #000;
    }

    .BigBSec5 {
        background: #000;
    }

    .BigBSec590 {
        text-align: center;
    }

        .BigBSec590 h1 {
            position: absolute;
            top: 35%;
            left: 43%;
        }

    .BigBSec5-right .BBbutton {
        text-align: center;
    }

    .BigBSec4-right p {
        padding: 4% 0;
    }

    .BigBSec6BtnWrap h1 {
        font-size: 30px;
        margin-left: 5%;
    }

    .BigBSec6-rightContent h2 {
        margin-left: 3%;
        width: 77%;
    }

    .bgYlw {
        min-height: 85px;
        margin-bottom: 10px;
    }

    .BigBSec8Content {
        width: 100%;
    }

    .BigBSec9TopLeft {
        display: none;
    }

    .BigBSec9Bottom h3 {
        color: #fff;
        font-size: 24px;
    }

    .crown1 h4,
    .crown2 h4,
    .crown3 h4 {
        color: #fff;
    }

    .crown1,
    .crown2,
    .crown3 {
        padding: 15px 0;
    }

    .BigBSec10TopLeft {
        width: 80%;
    }

        .BigBSec10TopLeft h2 {
            font-size: 30px;
        }

    .BigBSec10TopRight {
        display: none;
    }

    .BigBSec10TopRightMob {
        display: block;
    }

    .BigBSec10TopRightMob {
        width: 90%;
        margin: 0 auto;
        padding: 5% 0;
    }

        .BigBSec10TopRightMob img {
            float: left;
            margin-right: 20px;
        }

        .BigBSec10TopRightMob h2 {
            color: #fff;
            font-size: 30px;
            font-weight: 700;
        }

        .BigBSec10TopRightMob p {
            color: #fff;
            font-size: 20px;
        }

        .BigBSec10TopRightMob h2 span {
            color: #ED0B70;
        }

        .BigBSec10TopRightMob .BBbutton {
            text-align: center;
            padding-bottom: 10px;
        }

    .BigBSec11Left h1 {
        font-size: 36px;
    }

    .BigBSec12 h1 {
        font-size: 30px;
    }

    .BigBSec12 h3 {
        font-size: 16px;
    }

    .restrictions .BBbutton img {
        top: 36%;
    }

    .Bconditions .BBbutton {
        text-align: center;
        padding-bottom: 10px;
    }
}

.BigBubbleForm {
    margin-top: 7%;
    background-color: #4c4949;
}

.TopConterntText h2 {
    color: #fff;
    text-align: left;
    font-size: 60px;
    letter-spacing: 3px;
    font-family: 'AmaticSC-Regular';
    margin-left: 20px;
}

.TopConterntText h1 {
    color: #fff;
    text-align: center;
    font-family: CfMisterBigPersoRegular-MVyeP;
}

.TopConterntText {
    margin: 0 0 0 15%;
}

    .TopConterntText img {
        width: 600px;
    }

.RewardContentWrapSection {
    background-image: url('/assets/images/BigBubble/2.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 80%;
    margin: 0% auto 2%;
}

.TopContent {
    display: flex;
    padding-top: 5%;
}

.RewardContentWrap {
    display: flex;
    width: 80%;
    margin: 0% auto 0%;
    color: #fff;
}

.RewardText {
    color: #000;
    text-align: center;
    font-size: 24px;
    font-family: CfMisterBigPersoRegular-MVyeP;
    padding-bottom: 2%;
}

.RewardContent1, .RewardContent2 {
    width: 33%;
    text-align: center;
    font-size: 30px;
}

.RewardContent3 {
    width: 33%;
    text-align: center;
    font-size: 30px;
    margin-top: 6%;
}

.RewardContent1 img, .RewardContent2 img {
    width: 100px;
    margin: 25px 0;
    padding-top: 10%;
}

.RewardContent3 img {
    height: 125px;
    width: 50%;
}

.RewardContent1 p span, .RewardContent2 p span, .RewardContent3 p span {
    font-size: 50px;
}

.startBtn {
    text-align: center;
    padding-top: 3%;
    padding-bottom: 4%;
}

.BigBubbleForm {
    text-align: center;
}

.labelText {
    color: #fff;
    font-size: 70px;
    line-height: 72px;
    padding: 1% 0 1% 0;
    letter-spacing: 4px;
    font-family: Amatic-Bold;
    word-spacing: 10px;
}

.searchicon {
    color: #5CB85C;
}

.numberFunction span {
    cursor: pointer;
}

.numberFunction .minus,
.numberFunction .plus {
    width: 0px;
    background: #f2f2f2;
    border-radius: 4px;
    border: 0px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.numberFunction input {
    height: 70px;
    width: 70px;
    text-align: center;
    font-size: 30px;
    border: 3px solid #ddd;
    border-radius: 5px;
    background-color: #ffda00;
    display: inline-block;
    vertical-align: middle;
    font-family: CfMisterBigPersoRegular-MVyeP;
}

.numberCount {
    display: flex;
    margin-bottom: -10%;
}

.numberFunction span.minus,
.numberFunction span.plus {
    display: block;
}

.mb-12 {
    margin-bottom: 4.5rem !important;
}

.numberText {
    text-align: right;
    padding-top: 12%;
    width: 150px;
    color: #fff;
    padding-right: 20px;
    font-family: CfMisterBigPersoRegular-MVyeP;
}

.multiNumberWrap h2 {
    margin: 3% 0;
    color: #fff;
    font-size: 60px;
    letter-spacing: 3px;
    font-family: 'Amatic-Bold';
}

.NextButton h4 {
    color: #fff;
}

.TopContentImg img {
    width: 200px;
    margin-top: -15%;
}

.getStartBtn {
    position: relative;
    margin-top: -5%;
}

    .getStartBtn h4 {
        background-image: url('/assets/images/BigBubble/3.png');
        background-repeat: no-repeat;
        padding: 25px;
        width: 20%;
        font-size: 20px;
        font-family: CfMisterBigPersoRegular-MVyeP;
        margin: 0 auto;
        margin: 0 auto;
        background-size: 100% 100%;
    }

.yellowBr {
    background-color: #FFDA00;
    border-radius: 20px;
}

.itemcontent h3 {
    padding: 15px 20px;
    color: #fff;
    font-weight: 600;
}

.itemcontent input[type='checkbox']:checked .itemcontent {
    background: red;
}

.numberFunction .minus img {
    width: 35px;
    margin-top: -1px;
    margin-left: 20px;
}

.numberFunction .plus img {
    width: 35px;
    margin-top: 0px;
    margin-left: 17px;
}

.bottomButton h1 {
    padding: 15px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .TopConterntText img {
        width: 200px;
    }

    .TopConterntText h2 {
        font-size: 20px;
        margin-left: 5px;
    }

    .TopContentImgMob img {
        width: 70px;
    }

    .RewardText img {
        width: 285px;
    }

    .RewardContent1 img, .RewardContent2 img {
        width: 65px;
        margin: 9px 0;
    }

    .RewardContent3 img {
        width: 65px;
        margin: 11px 0 9px;
        height: 75px;
    }

    .RewardContent3 {
        margin-top: 4%;
    }

    .RewardText {
        font-size: 15px;
    }

    .getStartBtn {
        position: relative;
        margin-top: -5%;
        margin-top: -8%;
        width: 85%;
        margin-left: 10%;
    }

        .getStartBtn h4 {
            width: 70%;
        }

    .labelText {
        font-size: 30px;
        line-height: 32px;
        padding-top: 4%;
    }

    .inputBG {
        background-size: 250px 65px;
    }

        .inputBG input {
            width: 100%;
        }

    .multibuttonWrap h2 {
        font-size: 30px;
    }

    .bizmoduleselect h3 {
        font-size: 20px;
    }

    .multiNumberWrap h2 {
        font-size: 30px;
    }

    .BBmobDiv .numberCount {
        padding-bottom: 10%;
    }

    .numberText {
        width: 100px;
        margin-top: 15%;
    }

    .BBmobDiv1 {
        margin-bottom: 5%;
    }

    .numberFunction .plus img {
        margin-left: 20px;
    }

    .bottomButton h1,
    .bottomButton h1 {
        font-size: 20px;
    }
}

.pretopText {
    float: right;
}

    .pretopText p {
        margin-top: 10%;
        margin-right: 20px;
        color: #fff;
    }

.medicalicon {
    margin-top: 55%;
}

.commentForm input {
    outline: none;
    border: none;
    background: transparent;
    padding: 5px;
    text-align: center;
    color: #000;
    font-weight: 600;
    width: 100%;
}

.commentForm select {
    outline: none;
    border: none;
    background: transparent;
    padding: 5px;
    text-align: center;
    color: #000;
    font-weight: 600;
    width: 100%;
    text-align-last: center;
}

.commentForm button {
    border: none;
    padding: 0;
}

    .commentForm button img {
        width: 200px;
    }

.ins-submit button {
    border: none;
    padding: 0;
    cursor: pointer;
}

    .ins-submit button img {
        width: 200px;
    }

.insTC {
    width: 80%;
    margin: 0 auto;
    font-size: 15px;
    text-align: center;
}

.insForm input::-webkit-input-placeholder {
    color: #000;
}

.insTC p a {
    color: #0056b3;
}

@media (max-width: 767px) {
    .insuranceForm {
        width: 70%;
        margin: 0 auto;
    }

    .insplan2 {
        padding: 2% 10%;
    }

    .insProceedplan2 {
        margin-left: 10%;
    }

    .pretopText p {
        margin-top: 5%;
    }

    .insuranceWrap {
        background-size: 470px;
    }

    .insuranceContent {
        margin: 8% 7% 0% 0%;
        width: 100%;
    }

    .insuranceContent1 {
        width: 70%;
    }

    .ins2 {
        width: 100%;
    }

        .ins2 h3 {
            font-size: 18px;
        }

        .ins2 h1 {
            font-size: 36px;
        }

    .insFeature1 ul li img {
        width: 25px;
        height: 25px;
    }

    .insuranceWrap2 {
        background-size: 600px;
    }

    .insuranceWrap1 {
        background-size: 570px;
    }

    .insFeature1 ul li p {
        margin-top: 0px;
        font-size: 12px;
    }

    .insplan2 h2 {
        font-size: 36px;
    }

    .insurancefullBlock {
        background: none;
    }

    .ins-submit button img {
        width: 150px;
    }

    .insTC {
        width: 95%;
        margin-bottom: 5%;
    }

    .ins2 h2 {
        font-size: 24px;
        padding-top: 12px;
    }
}

@media (max-width: 400px) {
    .insuranceWrap1 {
        background-size: 500px;
    }

    .pretopText p {
        margin-top: 7%;
        font-size: 12px;
    }
}

.doctorContent {
    float: left;
}

.doctor img {
    float: right;
}

.bed img {
    width: 400px;
}

.doctorContent h3 {
    font-size: 24px;
}

.doctorContent h1 {
    font-weight: bold;
}

.bed h3 {
    position: absolute;
    top: 5%;
    right: 5%;
    color: #fff;
    padding: 5px;
    background: #000;
}

.isolation h2 {
    padding: 10px;
    text-align: center;
    background: #ec6b6b;
    color: #fff;
    font-weight: 700;
}

.RemoteMedical ul li {
    list-style-type: disc;
}

.RemoteMedical ul {
    margin-left: 4%;
}

.section-top {
    padding-top: 35px;
}

.features.section-top {
    padding-top: 0px;
}

.prop_loc img {
    width: 14px !important;
}

.pricing .fa-inr {
    font-size: 12px;
    margin-right: 3px;
}

.TextAlignJustfy {
    padding: 0 10px;
}

.price h6.pricing {
    font-size: 12px !important;
}

@media(max-width: 768px) {
    .RightOurSection .o-feature {
        display: flex;
    }

    .o-feature .TabAlignImg {
        margin: 0 0 !important;
    }

    .o-feature p.TabViewText {
        text-align: left;
        margin-left: 15px;
    }
}

.exploreWrapper .btn-secondary:hover {
    color: #fff !important;
    background-color: #545b62 !important;
    border-color: #4e555b !important;
}

.booknows section.login-wrap .signup-box {
    background: transparent;
    padding: 0;
}

.menu-info {
    margin-right: 5%;
}

.dropdown-toggle::after {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    color: #ef0073;
}

#lilocationsMenuWrapper i {
    color: #ef0073 !important;
}

.footermenu ul {
    justify-content: center;
}

.footermenu {
    padding: 0;
    background: #ffefef;
    position: fixed;
    bottom: 0;
    width: 100%;
}

@media (max-width: 767px) {
    .mblmenu-info {
        width: 65px;
        margin-top: 5px;
    }

    .headermenu {
        width: 25px;
        float: left;
        margin-right: 0;
        margin-top: 0;
    }

    .Mobileviw_Logout_Nav_li a {
        color: #ef0073;
    }

    .nav-item Mobileviw_Logout_Nav_li Mobileview_Nav_Home:before {
        content: "\f045";
        padding: 0 12px 0 0;
        position: relative;
        top: 1px;
        width: 30px;
        text-align: center;
    }
}

@media (max-width:455px) {
    .activityblock {
        margin: 4%;
    }

    .cat-block a p {
        width: 85.5%;
    }

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

    .mobile-burgericon-div-align .dropdown-menu {
        right: 0 !important;
    }
}

.showmorebtn {
    border: none;
    color: #324b72;
    font-size: 14px;
    font-weight: 400;
    line-height: 29px;
    text-align: center;
    padding: 0px 10px;
    background-color: transparent;
}

.myborder {
    border-color: #ef0073 !important;
}

.cat-label {
    margin-top: -30px !important;
    color: white !important;
    font-weight: bold !important;
    font-size: medium !important;
    text-align: center;
}

.pagelink {
    height: 25px;
    width: 25px;
}

.trendingWrap {
    margin-top: 50px;
}

.primeWrap {
    margin-top: 5px;
}

.prop_loc img {
    width: 14px !important;
}

.pricing .fa-inr {
    font-size: 12px;
    margin-right: 3px;
}

.TextAlignJustfy {
    padding: 0 10px;
}

.price h6.pricing {
    font-size: 12px !important;
}

li:hover {
    /*cursor: pointer;*/
}

img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}

.my-slider {
    position: relative;
}

.citytrend {
    margin-left: 3%;
}

.owl-prev {
    font-weight: 600;
    float: left !important;
}

.owl-next {
    font-weight: 600;
    float: right !important;
}

.owl-loaded {
    color: rgb(32, 34, 44);
    padding-bottom: 10px;
}

.owl-nav {
    position: absolute;
    right: 0;
    width: 100%;
}

.first-section .owl-loaded {
    padding-bottom: 0px !important;
}

.rating-wrap_new_property .sharepropdiv {
    padding: 0 10px;
    border-right: 0px solid lightgray;
}

    .rating-wrap_new_property .sharepropdiv .cardshare-dv {
        position: relative;
    }

        .rating-wrap_new_property .sharepropdiv .cardshare-dv .c-share__toggler img {
            left: 0%;
        }

        .rating-wrap_new_property .sharepropdiv .cardshare-dv .c-share_options {
            left: 0;
            width: fit-content;
        }

.rating-wrap_new_property {
    flex-direction: row;
    padding-top: 15px;
    position: relative;
    align-items: center;
}

@media (max-width: 767px) {
    .rating-wrap_new_property {
        padding-top: 10px;
    }

        .rating-wrap_new_property .icon-one {
            margin-top: -10px;
        }
}

.rating-wrap_new_property #sharepropdiv {
    position: relative;
    top: 10px;
    right: 0;
}

.rating-wrap_new_property .sharepropdiv .cardshare-dv .c-share_options {
    right: -35px;
    width: fit-content;
    left: unset !important;
}

.rating-wrap_new_property .cardshare-dv {
    position: relative;
    z-index: 1;
}

.rating-wrap_new_property .c-share {
    margin-bottom: 25px;
}

.rating-wrap_new_property .c-share__input {
    display: none !important;
}

    .rating-wrap_new_property .c-share__input:checked ~ .c-share__toggler .c-share__icon {
        transition: 0s;
        width: 0;
        height: 0;
        color: #639eff;
    }

        .rating-wrap_new_property .c-share__input:checked ~ .c-share__toggler .c-share__icon::before {
            transform: rotate(-45deg);
        }

        .rating-wrap_new_property .c-share__input:checked ~ .c-share__toggler .c-share__icon::after {
            transform: rotate(45deg);
        }

    .rating-wrap_new_property .c-share__input:checked ~ .c-share_options {
        width: auto;
        border-radius: 0.0125em;
        margin-top: -20px;
        background: #fff;
        box-shadow: 0px 0px 3px 0px #9c9c9c;
    }

        .rating-wrap_new_property .c-share__input:checked ~ .c-share_options::before,
        .rating-wrap_new_property .c-share__input:checked ~ .c-share_options li {
            transition: 0.3s 0.15s;
            display: block;
            transform: translateY(0);
        }

.rating-wrap_new_property .c-share__toggler,
.rating-wrap_new_property .c-share_options {
    position: absolute;
    right: 0;
}

.rating-wrap_new_property .c-share__toggler {
    cursor: pointer;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0rem;
}

.rating-wrap_new_property .c-share__icon {
    position: relative;
    left: -0.3125em;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    color: #029dfc;
    background-color: currentColor;
    box-shadow: 0.625em -0.625em, 0.625em 0.625em;
    transition: 0.1s 0.05s;
}

    .rating-wrap_new_property .c-share__icon::before,
    .rating-wrap_new_property .c-share__icon::after {
        content: "";
        position: absolute;
        width: 1em;
        height: 0.125em;
        background-color: currentColor;
        transition: 0.1s;
    }

    .rating-wrap_new_property .c-share__icon::before {
        top: 0.1875em;
        left: 0.1875em;
        transform-origin: bottom left;
        transform: rotate(45deg);
    }

    .rating-wrap_new_property .c-share__icon::after {
        top: -0.125em;
        left: 0.03125em;
        transform-origin: center;
        transform: rotate(-45deg);
    }

.rating-wrap_new_property .c-share_options {
    list-style: none;
    margin: 0;
    padding: 0px;
    box-sizing: border-box;
    overflow: hidden;
    transition: 0.2s;
    display: flex;
    top: 42px;
}

    .rating-wrap_new_property .c-share_options li {
        margin: 0;
    }

        .rating-wrap_new_property .c-share_options li a i {
            font-size: 16px;
            padding: 4px 8px;
            color: #112950;
        }

.rating-wrap_new_property .c-share__toggler::before {
    opacity: 0;
}

.rating-wrap_new_property .sharepropdiv .cardshare-dv .c-share__toggler img {
    left: 0%;
}

.rating-wrap_new_property .c-share__toggler img.img-fluid {
    left: -15px;
}

.rating-wrap_new_property .c-share_options::before {
    content: attr(data-title);
    display: block;
    margin-bottom: 1.25em;
    font-weight: 700;
}

.rating-wrap_new_property .c-share_options .shareli-align a {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    margin: 8px 0px;
}

    .rating-wrap_new_property .c-share_options .shareli-align a .sharename_dv {
        font-size: 14px;
        color: #112950;
        padding-top: 5px;
        font-weight: 500;
    }

.rating-wrap_new_property .c-share_options li {
    width: 50px !important;
    font-size: 0.875em;
    color: #464646;
    cursor: pointer;
    margin: 0px !important;
    padding: 0 0px;
    border-right: 1.5px solid #eeeeee;
}

    .rating-wrap_new_property .c-share_options li:last-child {
        border-right: 0px solid #eeeeee;
    }

    .rating-wrap_new_property .c-share_options li img {
        width: 28px;
        height: 28px;
    }

    .rating-wrap_new_property .c-share_options li:nth-child(2) img {
        background: #fff;
    }

    .rating-wrap_new_property .c-share_options li:not(:last-child) {
        margin-bottom: 0.75em;
    }

.rating-wrap_new_property .c-share_options::before,
.rating-wrap_new_property .c-share_options li {
    display: none;
    transform: translateY(0.625em);
    transition: 0s;
}

.rating-wrap_new_property .p-share {
    position: relative;
    width: 2.4375em;
    height: 2.8375em;
}

    .rating-wrap_new_property .p-share input[type=checkbox] {
        display: contents;
    }

    .rating-wrap_new_property .p-share ul {
        margin-top: 0px !important;
    }

a.property {
    color: #3085ff;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    opacity: 1;
    text-align: left;
}

.ratingLabel {
    float: right;
    padding: 1px;
    font-weight: 400;
    font-size: 12px;
    background-color: deeppink;
    color: white;
    border-radius: 25%;
    margin-top: -50px;
    cursor: pointer;
    margin-right: 3px;
}

.fa.fa-heart-o {
    display: none;
}
.testimonial-section-wrapper {
    margin: 0 15px 15px 15px;
}
.testimonial-section-wrapper .customer-name {
    background: #F40F9E;
    border-radius: 20px;
    height:60px;
    display:flex;
    justify-content:left;
    align-items:center;
    width:92%;
    position:relative;
    top:16px;
    z-index:0;
}
.testimonial-section-wrapper .customer-name h4 {
    color:#ffffff;
    font-size:20px;
    margin: 0px 0px 15px 45px;
}
.ratings .fa-star {
    color: #fd64c3;
    font-size:21px;
}
.testimonial-section-wrapper .customer-ratings {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    padding: 30px 20px;
    z-index:2;
    position:relative;
}
.testimonial-section-wrapper .slide-item {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 25px 24px 30px 24px;
    margin: 40px auto;
    width: 88%;
    margin-bottom: 10px;
}
    .testimonial-section-wrapper .slide-item img {
        width: 80px !important;
        max-width: revert !important;
        border-radius: 50%;
        height: auto !important;
    }

.customer-ratings .ratings {
    margin-bottom: 15px;
}
.customer-ratings .reviews{
    font-size:14px;
    font-weight:500;
}
.customer-reviews{
    width:80%;
}
@media(max-width:767px) {
    .ratings .fa-star {
        color: #fd64c3;
        font-size: 18px;
    }
    .testimonial-section-wrapper .owl-carousel .owl-item img {
        width: 50px !important;
        max-width: revert !important;
    }

    .testimonial-section-wrapper .slide-item {
        padding: 25px 18px 30px 18px;
        width: 98%;
    }
    .testimonial-section-wrapper .customer-name h4 {
        font-size: 18px;
        margin: 0px 0px 15px 25px;
    }
}

#read-more-btn, #read-less-btn {
    color: #f8049c;
    cursor: pointer;
}

.builder-list-details-wrapper p.active {
    height: 80px;
    overflow: hidden;
}

.builder-list-details-wrapper p {
    height: 100%;
    cursor: pointer;
}

#shona-logo {
    height: auto !important;
}

@media (max-width: 767px) {
    #read-more-btn, #read-less-btn {
        padding: 8px 6px !important;
        font-size: 15px;
    }

    .builder-list-details-wrapper p.active {
        height: 110px;
        overflow: hidden;
    }
}
/*****NPS css*******/
.NPS-wrapper {
    margin: 15px 15px;
    padding-bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 12px 0px;
    padding: 20px 15px;
    background-color: #ffffff;
    border-radius: 10px;
}
.NPS-title {
    /*border: 1px solid #ccc;*/
    width: 100%;
    align-items: center;
}
    .NPS-title h4 {
        font-size: 20px;
        font-weight: 600;
        padding: 0.5rem 1.5rem 0.2rem 0rem;
    }
.totalrating p, .totalrating1 p {
    color: #000;
    /* background-color: #F40F9E; */
    padding: 0px 0px 0px;
    border-radius: 5px;
    font-size: 21px;
    font-weight: 700;
}
.rating-block {
    border-top: 1px solid #C7C7C7;
    width: auto;
    text-align: center;
    padding: 30px 10px;
    margin: 20px 0px;
}
.ratingblock1 {
    justify-content: space-between;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    width:88%;
}
.ratingblockmain {
    width:90%   
}
.progress {
    display: inline-block;
    margin-bottom: 10px;
    width: 90%;
    height: 12px;
    border-radius: 0.3rem;
    margin-top: 2%;
    margin-bottom: 4%;
}
progress::-webkit-progress-bar {
    background-color: #D9D9D9;
    border: 1px solid #eadcdc;
    border-radius: 0.3rem;
}

progress::-webkit-progress-value {
    background-color: #000000;
    /* border: 1px solid #ed9f2a;*/
    border-radius: 3px;
}
progress.active::-webkit-progress-value {
    background-color: #ED0B70
}

.npsmodal-dialog {
    max-width: 1000px;
    margin: 5% auto;
}
.viewscore p {
font-weight:500;
font-size:16px;
}
    .viewscore p button {
        padding: 0;
        font-size: 17px;
        text-decoration: underline;
        color: #F40F9E;
    }
        .viewscore p button:hover {
            text-decoration: underline;
            color: #F40F9E;
        }
.npsmodal-header h4 {
    font-weight: 600;
    color: #000;
    font-size: 20px;
}
.npsmodal-header h5 {
    color: #000;
    font-size: 17px;
}
h4.modal-title {
    margin-top: 20px !important;
    line-height: 40px;
    font-size: 18px;
}
.close-btn {
position:absolute;
right:10px;
top:10px;
}
.npsmodal-dialog .modal-content {
    background: #ffffff;
    box-shadow: 0px 4px 40px 0 rgba(0, 0, 0, 6.25);
}
.npsmodal-header .NPS-title {
    border: none;
    /*padding: 0px 4%;*/
    justify-content: center;
    margin-top: 15px;
}
.npsmodal-header .NPS-title h4{
    padding: 0.5rem 1.5rem 1rem 0rem;
}
.npsmodal-dialog .modal-body {
    padding: 0.5rem 3rem 2rem 3rem;
}
.close-btn {
    color: #000;
    opacity: 1;
}
.npsmodal-header {
    border-bottom: 1px solid #ccc;
    padding-bottom: 22px;
    padding-top: 1rem;
}
.Npscategory_title {
    padding: 2% 1.5%;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
}
.npsblocks {
  /*  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
    margin-bottom: 15px;
}
.totalrating svg.active, .totalrating1 svg.active {
    fill: #fff;
}
.totalrating svg, .totalrating1 svg {
    fill: #ED0B70;
}
.nps-label p {
    font-size: 15px;
    font-weight: 500;
    color: #3D3D3D
}
.totalrating, .totalrating1 {
    gap: 10px;
    margin-left: 5px
}
.totalrating {
    margin-bottom: 10px;
}
#dvNPS {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
.npsmodal-header .container {
    padding: 0 3rem;
}
.NPS-star-block {
    padding: 0 2rem 0 3rem;
}
.NPS-wrapper img {
    max-width: 301px
}
.ratingblockAmenities .nps-label p {
    margin-left: 10px
}
.ratingblockAmenities .nps-label svg {
    margin-top: 5px
}
.ratingblockAmenities {
    margin-bottom: 18px
}
@media only screen and (max-width: 768px) {
    .order1 {
        order: 1;
    }

    .order2 {
        order: 2;
    }
    .Npscategory_title {
        padding: 3% 4%;
        font-size: 16px;
    }
    .rating-block2 {
        padding: 10px;
    }
    .npsmodal-dialog .modal-body {
        padding: 0rem 0.5rem;
    }
    .nps-rating {
        right: 16%;
    }
    .line {
        border-top: 1px solid #ccc;
        width: 122%;
        height: 10px;
        top: 16px;
        right: 45px;
        position: relative;
    }
    .progress {
        width: 100%;
    }
    .ratingblock1 {
        width: 97%;
    }
    .NPS-star-block {
        padding: 0px 0rem;
    }
    .NPS-title h4, .npsmodal-header h4 {
        font-size: 18px;
    }
    h4.modal-title {
        font-size: 17px;
    }
    .nps-label p {
        font-size: 14px;
    }
    .nps-rating p {
        font-size: 15px;
    }
    .npsmodal-header h5 {
        font-size: 16px;
    }
    .totalrating, .totalrating1 {
        margin-left: 0px;
    }
    .npsmodal-header .container {
        padding: 0 1.2rem;
    }
    .NPS-wrapper .NPS-title {
        margin-left: 15px;
    }
    .NPS-wrapper {
        margin: 15px auto;
        width: 95%;
    }
    #npsscoremodal {
        padding: 0 6px
    }
}

.panel {
    background-color: white;
    box-shadow: 0 0 7px rgba(0,0,0,.2);
    border-radius: 5px;
    font-size: 90%;
    text-align: center;
    padding: 30px 20px;
    max-width: 300px;
}

    .panel form {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

fieldset, label {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 22px;
    margin: 10px;
    font-weight: normal;
}

fieldset {
    margin: 20px 0 40px;
}


.rating {
    border: none;
    float: left;
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        margin: 5px;
        font-size: 30px;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #ddd;
        float: right;
    }


    .rating > input:checked ~ label, /* show gold star when clicked */
    .rating:not(:checked) > label:hover, /* hover current star */
    .rating:not(:checked) > label:hover ~ label {
        color: #FFD700;
    }
        /* hover previous stars in list */

        .rating > input:checked + label:hover, /* hover current star when changing rating */
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
        .rating > input:checked ~ label:hover ~ label {
            color: #FFED85;
        }

input, label {
    cursor: pointer;
}

    input[type="submit"] {
        margin-top: 5px;
        background-color: #302d2b;
        color: white;
        border: none;
        border-radius: 5px;
        padding: 12px 30px;
    }

        input[type="submit"]:focus {
            outline: 0;
        }

        input[type="submit"]:active {
            transform: scale(0.98);
        }

        input[type="submit"]:disabled {
            background-color: #ddd;
            cursor: not-allowed;
        }

.fa-heart {
    color: red;
    font-size: 30px;
    margin-bottom: 10px;
}

    .fa-heart:before {
        content: "\f004";
        font-family: FontAwesome;
    }

.Stars {
    --star-size: 33px;
    --star-color: #d0d8e0;
    --star-background: #ED0B70;
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    margin-top: -3px;
    &::before{
        content: '★★★★★';
        letter-spacing: 3px;
        background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

section.factsheet-wrapper .breadcrumb-wrap {
    padding: 15px 0px 15px;
    background-color: #f9f9f9;
}

    section.factsheet-wrapper .breadcrumb-wrap .links ul {
        list-style-type: none;
        display: flex;
        align-items: center;
    }

        section.factsheet-wrapper .breadcrumb-wrap .links ul li {
            margin-right: 5px;
        }

            section.factsheet-wrapper .breadcrumb-wrap .links ul li a {
                color: #324B72;
                font-size: 14px;
                font-weight: 400;
                line-height: 17px;
                opacity: 0.449999988079071;
            }

                section.factsheet-wrapper .breadcrumb-wrap .links ul li a span {
                    padding: 0 5px;
                }

                section.factsheet-wrapper .breadcrumb-wrap .links ul li a:last-child {
                    color: #324B72;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 17px;
                    opacity: 1;
                }

                section.factsheet-wrapper .breadcrumb-wrap .links ul li a:hover {
                    cursor: pointer;
                }

            section.factsheet-wrapper .breadcrumb-wrap .links ul li:after {
                /*content: ">";*/
                position: relative;
                left: 8px;
                font-size: 15px;
                top: 1px;
                color: #9dabbe;
            }

            section.factsheet-wrapper .breadcrumb-wrap .links ul li:last-child {
                color: #324B72;
                font-size: 14px;
                font-weight: 400;
                line-height: 17px;
            }

                section.factsheet-wrapper .breadcrumb-wrap .links ul li:last-child:after {
                    content: "";
                }

@media (max-width: 767px) {
    section.factsheet-wrapper .breadcrumb-wrap .links ul li {
        margin-right: 2px;
    }

        section.factsheet-wrapper .breadcrumb-wrap .links ul li a span {
            padding: 2px 5px;
            float: left;
        }

    section.factsheet-wrapper .breadcrumb-wrap .links ul {
        display: -webkit-box;
    }
}
@media (max-width: 1200px) {
    .NPS-wrapper img {
        width: 120%;
    }
}
@media (min-width: 768px) and (max-width:992px){
    .npsmodal-header .container {
        max-width: 960px;
    }
}