.property-details-box,.top-detail-box {
    margin-bottom: 15px;
    border-radius: 4px;
    box-shadow: 0 0 10px #d6d4d4
}

.property-details-box {
    padding: 30px;
    background: #fff;
    position: relative
}

.property-details-box .main-heading {
    font-size: 25px;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 25px;
    border-bottom: 1px solid #f3f3f3;
    font-weight: 600
}

.property-details-box .main-heading:before {
    border-bottom: 3px solid var(--secondColor);
    content: '';
    position: absolute;
    left: 0;
    width: 50px;
    bottom: 0
}

.detail-slider-big {
    height: 420px;
    position: relative
}
.detail-slider-big:before {
    content: '';
    background: linear-gradient(180deg,#fff0,#000c);
    position: absolute;
    bottom: 0;
    z-index: 9;
    height: 78px;
    width: 100%;
}


.detail-slider-big .carousel,.detail-slider-big .carousel-inner,.detail-slider-big .carousel-item,.project-gallery-modal,.project-gallery-modal .owl-item,.project-gallery-modal .owl-item .item,.project-gallery-modal .owl-stage,.project-gallery-modal .owl-stage-outer {
    height: 100%
}

.detail-slider-big .carousel-item img,.detail-slider-big img,.project-gallery-modal .owl-item .item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.project-gallery-modal .owl-item .item img{
    object-fit: scale-down;
}

.top-detail-box {
    overflow: hidden
}

.top-detail-box .ph-item {
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
}


.top-detail-box .ph-item .ph-picture {
    height: 390px;
}

.fixed-btn-icon {
    position: absolute;
    left: 15px;
    bottom: 15px;
    z-index: 9
}

.fixed-btn-icon a {
    color: #333;
    font-size: 17px;
    width: 40px;
    height: 40px;
    background: rgb(255 255 255/95%);
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.fixed-btn-icon a i.current:before {
    content: "\f415";
    color: var(--mainColor);
}

.fixed-btn-icon.heart-icon {
    right: 15px;
    left: auto
}

.view-all-photo.fixed-btn-icon {
    left: auto;
    right: 67px;
    bottom: 20px
}

.view-all-photo.fixed-btn-icon a {
    padding: 7px 15px;
    background: rgba(255,255,255,.89);
    width: auto;
    height: auto;
    border-radius: 5px;
    font-size: 14px;
    color: #5f5d5d
}

.view-all-photo.fixed-btn-icon a i {
    margin-right: 5px
}

ul.overview-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 15px -5px 0;
    padding: 0
}

ul.overview-list li {
    flex: 0 0 33.33%;
    padding: 0 5px;
    margin-bottom: 10px;
    width: 33.33%
}

ul.overview-list li.full-address {
    flex: 0 0 100%;
    width: 100%
}

ul.overview-list li span {
    display: block;
    font-size: 15px
}

ul.overview-list li .heading {
    color: #6d6e70;
    font-weight: 400;
    margin-bottom: 5px
}

ul.overview-list li .txt {
    color: #000;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

ul.overview-list li.full-address .txt {
    white-space: normal
}

ul.overview-list li .box-grid {
    background: #fff;
    box-shadow: 0 0 2px #979797;
    border-radius: 5px;
    padding: 15px
}

.discription-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px
}

.act-btn-common {
    margin-top: 25px
}

.act-btn-common .btn {
    border: 1px solid var(--mainColor);
    box-shadow: 0 1px 4px 0 rgba(0,106,194,.2);
    background: var(--mainColor);
    color: #fff
}

.act-btn-common .btn:hover {
    background: #fff;
    color: #000
}

.discription-row .loc {
    font-size: 18px;
    color: #6d6e70;
    font-weight: 600;
    display: flex;
    align-items: center
}

.discription-row .loc .map_icon {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: left;
    margin-right: 5px
}

.discription-row .reratext {
    font-size: 13px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
    text-align: center;
    line-height: 1;
    position: relative;
    background: #f1f1f2;
    padding: 5px 10px
}

.discription-row .reratext i {
    background: #02c802;
    color: #fff;
    border-radius: 100%;
    font-size: 9px;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    line-height: 1
}

.project-title {
    margin: 0;
    font-weight: 600;
    font-size: 34px;
    line-height: 1.5;
    margin-bottom: 15px;
}
.project-title strong {
    display: block;
    font-weight: 600;
}
.project-title .loc {
    font-size: 18px;
}

.discription-row .prop-des,.discription-row .prop-des a {
    font-size: 16px;
    color: #636363;
    /*display: inline-flex;
    align-items: center*/
    display: flex;
    align-items: center;
    gap: 3px;
}

.discription-row .prop-des a {
/*    margin-left: 5px;*/
    color: var(--mainColor);
}

.discription-row .price {
    font-weight: 700;
    font-size: 20px
}

.discription-row .prop-des i {
    margin-right: 5px;
    opacity: .9;
    width: 25px;
    height: 25px;
    background: #f1f1f2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 13px;
}

.top-detail-box .property-details-box {
    border-radius: 0;
    margin-bottom: 0
}



.emi-calc-container{
    display: flex
}



.emi-calc-container .emi_graph_box img{
    width: 100%
}

.rera-tabs .nav-tabs {
    overflow-x: auto;
    display: flex;
    overflow-y: hidden;
    margin: 0;
    padding: 0;
    list-style: none
}

.rera-tabs .nav-tabs li {
    white-space: nowrap;
    flex: 1;
    margin-right: 0
}

.rera-tabs .nav-tabs li a {
    cursor: pointer;
    padding: 10px;
    border: 1px solid #cecece;
    font-weight: 700;
    text-align: center
}

.rera-tabs .nav-tabs li a.active {
    background: var(--mainColor);
    color: #fff
}

.rera-tabs {
    margin: 15px 0
}

.rera-tabs .tab-content {
    padding: 0!important
}

.rera-div {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    border: 1px solid #cecece
}

.rera-div .rera-content {
    background: #ebebeb;
    padding: 10px;
    width: 100%;
    font-size: 14px
}

.rera-div .rera-no {
    padding-top: 25px;
    font-size: 18px
}

.rera-div .qr-code {
    padding: 20px;
    text-align: center
}

.rera-div .qr-code img {
    width: 100px;
    height: 100px;
    object-fit: contain
}

.rera-div .qr-code p {
    font-size: 16px;
    padding-top: 20px;
    margin-bottom: 0
}

.common-act-btn {
    margin-top: 15px
}

.common-act-btn .btn {
    padding: 7px 25px
}

.text-discription p {
    color: #6d6e70
}

.floor-plan-detail .title {
    font-size: 14px;
    color: #6d6e70;
    font-weight: 700;
    margin-top: 0;
    line-height: 17px;
    margin-bottom: 10px;
}

.floor-plan-detail p {
    font-size: 18px;
    color: #000;
    line-height: 20px;
    font-weight: 700
}

.floor-plan-image {
    height: 270px
}

.floor-plan-image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.amenties-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

.emi-calc-new .form-group,.total_emi_box {
    margin-bottom: 20px
}

.amenties-row .amenties-grid {
    flex: 0 0 33.33%;
    width: 33.33%;
    padding: 0 5px
}

.amenties-row .amenties-grid .amenties-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    color: #333;
    font-weight: 500;
    padding: 15px 0;
    border-bottom: 1px solid #edecec;
    height: 100%
}

.amenties-row .amenties-grid .fa {
    width: 55px;
    height: 55px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: initial!important;
    margin-right: 10px;
    font-size: 0
}

.amenties-row .amenties-grid .amenties-txt {
    width: calc(100% - 65px)
}

.amenties-grid .fa-home {
    background-image: url(../images/amenities/club.png)
}

.amenties-grid .fa-child {
    background-image: url(../images/amenities/kids-play.png)
}

.amenties-grid .fa-swinpool {
    background-image: url(../images/amenities/swimming-pool.png)
}

.amenties-grid .fa-dumbbell {
    background-image: url(../images/amenities/gym.png)
}

.amenties-grid .fa-tree {
    background-image: url(../images/amenities/landscape.png)
}

.amenties-grid .fa-battery-full {
    background-image: url(../images/amenities/power-backup.png)
}

.amenties-grid .fa-cloud-rain {
    background-image: url(../images/amenities/rain-water-harvesting.png)
}

.amenties-grid .fa-parking {
    background-image: url(../images/amenities/car-parking.png)
}

.amenties-grid .fa-building {
    background-image: url(../images/amenities/multipurpose-hall.png)
}

.amenties-grid .fa-video {
    background-image: url(../images/amenities/video-security.png)
}

.amenties-grid .fa-sewage {
    background-image: url(../images/amenities/sewage.png)
}

.amenties-grid .fa-user {
    background-image: url(../images/amenities/24X7-security.png)
}

.amenties-grid .fa-running {
    background-image: url(../images/amenities/jogging-track.png)
}

.amenties-grid .fa-tennis-ball {
    background-image: url(../images/amenities/tennis-court.png)
}

.amenties-grid .fa-bullseye {
    background-image: url(../images/amenities/meditation-centre.png)
}

.amenties-grid .fa-braille {
    background-image: url(../images/amenities/open-space.png)
}

.amenties-grid .fa-intercom {
    background-image: url(../images/amenities/intercom.png)
}

.amenties-grid .fa-tint {
    background-image: url(../images/amenities/water-supply.png)
}

.amenties-grid .fa-atom {
    background-image: url(../images/amenities/vastu-compliant.png)
}

.amenties-grid .fa-credit-card {
    background-image: url(../images/amenities/atm.png)
}

.amenties-grid .fa-forklift {
    background-image: url(../images/amenities/lift.png)
}

.amenties-grid .icon-food {
    background-image: url(../images/amenities/food-court.png)
}

.amenties-grid .fa-fire-extinguisher {
    background-image: url(../images/amenities/firefighting-equipment.png)
}

.amenties-grid .fa-wifi {
    background-image: url(../images/amenities/wifi.png)
}

.amenties-grid .fa-staff {
    background-image: url(../images/amenities/property-staff.png)
}

.amenties-grid .fa-day-care {
    background-image: url(../images/amenities/day-care-centre.png)
}

.amenties-grid .fa-film {
    background-image: url(../images/amenities/theatre.png)
}

.amenties-grid .fa-person-booth {
    background-image: url(../images/amenities/conference-room.png)
}

.amenties-grid .fa-golf-ball {
    background-image: url(../images/amenities/golf-course.png)
}

.amenties-grid .fa-utensils {
    background-image: url(../images/amenities/restaurant.png)
}

.amenties-grid .fa-paved {
    background-image: url(../images/amenities/paved-compound.png)
}

.amenties-grid .fa-gas-pump {
    background-image: url(../images/amenities/piped-gas.png)
}

.amenties-grid .fa-step-forward {
    background-image: url(../images/amenities/esclators.png)
}

.amenties-grid .fa-coffee {
    background-image: url(../images/amenities/cafeteria.png)
}

.amenties-grid .fa-globe-asia {
    background-image: url(../images/amenities/earthquake-resistant.png)
}

.amenties-grid .fa-basketball {
    background-image: url(../images/amenities/basketball-court.png)
}

.amenties-grid .fa-creche {
    background-image: url(../images/amenities/creche.png)
}

.amenties-grid .fa-kabana {
    background-image: url(../images/amenities/kabana.png)
}

.amenties-grid .fa-waiting-lounge {
    background-image: url(../images/amenities/waiting-lounge.png)
}

.amenties-grid .fa-water-plant {
    background-image: url(../images/amenities/water-plant.png)
}

.amenties-grid .fa-laundromat {
    background-image: url(../images/amenities/laundromat.png)
}

.amenties-grid .fa-3tier-security {
    background-image: url(../images/amenities/3tier-security.png)
}

.amenties-grid .fa-nursery-school {
    background-image: url(../images/amenities/nursery-school.png)
}

.amenties-grid .fa-convenience-stores {
    background-image: url(../images/amenities/convenience-stores.png)
}

.amenties-grid .fa-religious {
    background-image: url(../images/amenities/religious.png)
}

.amenties-grid .fa-shopping-bag {
    background-image: url(../images/amenities/shopping-centre.png)
}

.amenties-grid .fa-maintenance-staff {
    background-image: url(../images/amenities/maintenance-staff.png)
}

.specificationulli {
    list-style: disc
}

.specificationulli li {
    font-size: 15px;
    color: #6d6e70;
    font-weight: 600;
    line-height: 30px
}

.paymentstn {
    height: 210px;
    overflow: hidden;
}

.paymentstn th {
    background: #000;
    padding: 20px 10px!important;
    color: #fff;
    white-space: nowrap
}

.paymentstn td {
    padding: 9px 10px!important;
    font-size: 14px;
    white-space: nowrap
}

.emi-calc-new .form-control {
    border: 1px solid #e3e3e3;
    background: #fff;
    font-size: 15px;
    padding: 5px 11px;
    font-weight: 400
}

.emi-calc-new label {
    line-height: 1;
    margin-bottom: 8px;
    display: block;
    color: #333;
    padding: 0;
    font-weight: 600;
}

.emi-calc-container .emi_datail_box {
    flex: 0 0 50%;
    width: 50%;
    padding: 25px;
    background: #f2f4f5
}

.emi-calc-container .emi_graph_box {
    flex: 0 0 50%;
    width: 50%
}

.total_emi_box {
    border: 1px solid #e3e3e3;
    padding: 15px;
    flex-direction: row;
    justify-content: space-between;
    display: flex;
    align-items: center;
    background: #fff
}

.emi-calc-new p.emi-amt {
    margin-bottom: 0;
    color: #000;
    font-weight: 700
}

.emi-calc-new .total_emi_box label {
    margin-bottom: 0;
    font-weight: normal;
}

.emi-calc-new p.totalpayment {
    margin-bottom: 0;
    color: var(--mainColor);
    font-size: 27px;
    font-weight: bold;
    line-height: 1;
}

.project-rating-box {
    border: 1px solid #cecece;
    border-radius: 10px;
    padding: 10px;
    width: 100%
}

.project-rating-box .top-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0
}

.project-rating-box .top-head .heading {
    margin: 0;
    font-size: 16px;
    font-weight: 700
}

.project-rating-box .top-head .start-badge {
    border: 1px solid var(--mainColor);
    padding: 2px 10px;
    border-radius: 50px;
    font-weight: 600;
    background: var(--mainColor);
    color: #fff;
    box-shadow: 0 0 5px #cbcbcb;
    font-size: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}
.project-rating-box .top-head .start-badge i {
    margin-left: 5px;
}

.project-rating-box .star-icon {
    margin-top: 10px
}

.project-rating-box .star-icon i {
    font-size: 14px;
    margin-right: 2px;
    color: #d3d3d3
}

.project-rating-box .star-icon .fill-color {
    color: #fac73d
}

.overall-rating {
    position: absolute;
    font-size: 40px;
    color: #993f7f;
    line-height: 1;
    right: 30px;
    top: 20px
}

.overall-rating i span {
    position: absolute;
    left: 0;
    font-size: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translate(0,-50%);
    right: 0;
    font-weight: 700;
    font-style: normal
}

.overall-rating i {
    position: relative
}

.developer-logo-new {
    border: 1px solid #cecece;
    border-radius: 10px;
    height: 80px;
    overflow: hidden;
    padding: 15px;
    width: 100%
}

.developer-logo-new figure {
    height: 100%;
    width: 100%
}

.developer-logo-new figure a {
    height: 100%;
    display: block;
    width: 100%
}

.developer-logo-new figure a img {
    width: 100%!important;
    height: 100%;
    object-fit: contain
}

.disclamer p {
    color: #777;
    font-weight: 400;
    text-align: left
}

.spacicationmenu-tabs {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 15px;
    box-shadow: 0 0 10px #d6d4d4;
    position: sticky;
    top: 81px;
    z-index: 9
}

.spacicationmenu-tabs .spacicationmenu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex
}

.spacicationmenu-tabs .spacicationmenu li {
    flex: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.spacicationmenu-tabs .spacicationmenu li a {
    color: #2a2a2a;
    font-size: 15px;
    padding: 15px 10px;
    display: block;
    font-weight: 600;
    border-bottom: 3px solid transparent;
}

.spacicationmenu-tabs .spacicationmenu li a.active {
    border-bottom: 3px solid var(--mainColor)
}
.location-map {
    height: 400px;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
}

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

.location-map .btn {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: max-content;
    top: 50%;
    transform: translate(0, -50%);
}
.loc-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 400px;
    overflow-y: auto;
    padding: 2px 10px;
}

.loc-list li {
    padding: 15px;
    /* border: 2px solid var(--mainColor); */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    /* background: #ffedf8; */
    border-radius: 5px;
    box-shadow: 0 0 2px #979797;
    text-align: center;
}

.loc-list li .txt {
    color: #4c4c4c;
}

.loc-list li .txt i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    background: var(--secondColor);
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    margin-right: 10px;
    display: none;
}

.loc-list li .distance {
    /* font-size: 13px; */
    /* color: #878787; */
    margin-left: 5px;
}

@media(max-width: 767px) {
    .floor-plan-image img,.project-gallery-modal .owl-item .item img {
        object-fit:contain
    }

    .detail-slider-big {
        height: 230px
    }
    .top-detail-box .ph-item .ph-picture {
    height: 200px;
}

    .project-title {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .amenties-row .amenties-grid .amenties-box,.discription-row .prop-des,.discription-row .prop-des a {
        font-size: 14px
    }

    .discription-row,.discription-row .price {
        display: block;
        margin-top: 0;
    }
    .discription-row .right-content {
}

    .discription-row .reratext {
        right: auto!important;
        display: inline-flex;
        margin-bottom: 8px;
    }


    .discription-row .prop-des {
    margin-bottom: 8px;
    /* display: block; */
}

.discription-row .price {
    margin-bottom: 8px;
}

    .emi-calc-container .emi_graph_box,ul.overview-list li {
        flex: 0 0 100%;
        width: 100%
    }

    .emi-calc-container .emi_datail_box {
        flex: 0 0 100%;
        width: 100%;
        padding: 15px;
        margin-bottom: 15px
    }

    .emi-calc-container {
        flex-wrap: wrap
    }

    .property-details-box {
        padding: 15px;
        border-radius: 0
    }

    .floor-plan-image {
        height: 200px
    }

    .amenties-row .amenties-grid {
        flex: 0 0 50%;
        width: 50%
    }

    .amenties-row .amenties-grid .fa {
        width: 40px;
        height: 40px
    }

    .amenties-row .amenties-grid .amenties-txt {
        width: calc(100% - 50px)
    }

    .property-details-box .main-heading {
        font-size: 18px;
        margin-bottom: 15px
    }
    .rera-div .rera-no {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding: 15px;
    font-size: 14px;
}

    .overall-rating {
        font-size: 30px;
        right: 15px;
        top: 12px
    }

    .top-detail-box {
        border-radius: 0
    }
    .spacicationmenu-tabs .spacicationmenu {
    overflow-x: auto;
}

.spacicationmenu-tabs .spacicationmenu li {
    white-space: nowrap;
}
.spacicationmenu-tabs .spacicationmenu.fixed-menuScroll {
    background: #fff;
    z-index: 9;
}

.spacicationmenu-tabs .spacicationmenu li a {
    font-size: 14px;
    padding: 10px  7px;
}
.project-gallery-modal {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    align-items: center;
}

.project-gallery-modal .item {
    flex: 0 0 100%;
    width: 100%;
}
.location-map {
    height: 150px;
}
.loc-list {
    margin-top: 15px;
    padding: 2px;
}
}

@media screen and (min-width: 1000px) and (max-width: 1400px) {

    .spacicationmenu-tabs .spacicationmenu li a{
        font-size: 14px;
        padding: 15px 5px;
    }
}