/* start new properties css      */
.section-wrap {
    background: #fffaf4;
    border-radius: 18px;
    padding: 40px;
}

.unit-box {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    padding: 18px;
    margin-bottom: 18px;
    transition: .3s;
}

.unit-box.active {
    border-color: #c9a063;
    box-shadow: 0 0 0 1px #c9a063 inset;
    background: #ffebce42;
}

.unit-box.active .custom_button_design_uk1 {
    border-color: #c9a063;
    background: #c9a063;
    color: #fff;
}

.unit-box h4 {
    margin-bottom: 4px
}

.unit-box small {
    color: #777
}

.unit-actions {
    margin-top: 12px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.unit-actions .uk-button {
    border-radius: 6px;
}


.floor-image-wrap {
    position: relative;
    background: #fff;
    border-radius: 18px;
    padding: 20px;
}

.floor-image-wrap img {
    width: 100%;
    border-radius: 14px;
}

.zoom-icon {
    position: absolute;
    top: 25px;
    right: 25px;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
}

.action-btns {
    margin-top: 20px;
    display: flex;
    gap: 15px;
    justify-content: center;
}

.phone-box {
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

.phone-box input {
    flex: 1;
    border-radius: 6px 0px 0px 6px;
    max-width: 234px;
}

.callback-btn {
    background: #c9a063;
    color: #fff;
    border-radius: 10px;
    max-width: 230px;
    text-transform: none;
    font-weight: 600;
    padding: 0 !important;
}

.select-unit-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 22px;
    border-radius: 30px;
    background: linear-gradient(135deg, #c9a063, #b28a4e);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .3px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .35),
        0 6px 18px rgba(0, 0, 0, .15);
    position: relative;
    margin-bottom: 14px;
}

/* subtle grain / texture like image */
.select-unit-pill::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    background:
        url("https://www.transparenttextures.com/patterns/paper-fibers.png");
    opacity: .25;
}

/* icon alignment */
.select-unit-pill span {
    position: relative;
    z-index: 1;
}

/* text above texture */
.select-unit-pill {
    z-index: 1;
}

.custom_button_design_uk,
.custom_button_design_uk:hover {
    text-transform: none !important;
    background: transparent;
    border: 1px solid #c9a063;
    color: #000;
}

.custom_button_design_uk1 {
    text-transform: none !important;
}

.callback-btn_request {
    background: #c9a063;
    color: #fff;
    border-radius: 0px 10px 10px 0px;
    max-width: 210px;
    padding: 0px 15px;
    text-transform: none;
}

.select_left_floor_plan_dv {
    box-shadow: rgb(201 160 99 / 34%) 0px 2px 4px 0px inset;
    padding: 15px;
    border-radius: 10px;
}

.btn_for_download_brochure {
    background: transparent;
    border: 1px solid #c9a063;
    border-radius: 10px;
    color: #000;
    font-weight: 700;
    max-width: 230px;
    text-transform: none;
    padding: 0 !important;
}

.floor_plan_heading_text {
    margin: 0;
    padding: 0;
    font-size: 27px;
    font-weight: 700;
    /* font-style: oblique; */
    line-height: 30px;
}

.floor_plan_heading_text2 {
    margin: 0;
    padding: 0;
    font-size: 18px;
}
.floor_plan_img_zoom {
    cursor: zoom-in;
}
.zoom-container {
overflow: hidden;
cursor: zoom-in;
}
.zoom-container img {
    transition: transform 0.3s ease;
    transform-origin: center center;
}
.zoom-container:hover img {
    transform: scale(2);
    cursor: zoom-out;
}
.floor-plan-popup-modal{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.section-for-master-plan-main{
    background: #F0F6F8;
    padding-top: 36px;
    padding-bottom: 50px;
}
    /* google map section */

.section-for-google-map-main{
    background: #71482c;
    padding-top: 36px;
    padding-bottom: 50px;
}
.text-white{
    color: #fff !important;
}
.text-black{
    color: #000 !important;
}
.section-for-google-second{
    background:#fff;
}
.property-map-card-bt{

}
.master-plan-view-btn {
    position: relative;
    border: none;
    display: inline-block;
    text-align: center;
    float: right;
    cursor: pointer;
    overflow: hidden;
    color: #000;
    font-size: 16px;
    background-color: #fff;
    padding: 13px 30px;
    font-weight: 900;
    z-index: 1;
    transition: color .5s ease;
}
.master-plan-view-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    transform: translateX(-33%) translateY(-45%) rotate(60deg);
    transform-origin: left;
    transition: transform .6s ease;
    z-index: -1;
}
.master-plan-view-btn:hover {
    color: #fff;
}

.master-plan-view-btn:hover::after {
    transform: scaleX(1);
}

        /* ===== SECTION BACKGROUND ===== */
.benefit-map-section-title {
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.luxury-location-section {
    background: linear-gradient(135deg, #f5f1ea 0%, #ebe3d8 100%);
    padding-top: 30px;
    padding-bottom: 80px;
}

/* ===== CARD DESIGN ===== */
.luxury-card {
    border-radius: 20px !important;
    padding: 45px 35px !important;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 12px 30px rgba(0,0,0,0.05);
    transition: all 0.4s ease;
    position: relative;
}

/* Gold accent top bar */
.luxury-card::before {
    content: "";
    width: 60px;
    height: 4px;
    background: #c8a45d;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0 0 10px 10px;
}

/* Hover lift */
.luxury-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.08);
}

/* Heading */
.luxury-card h3 {
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

/* ===== LIST STYLE ===== */
.luxury-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.luxury-list li {
    display: flex;
    text-align: left;
    justify-content: left;
    gap: 10px;
    padding: 10px 0;
    font-size: 15px;
    transition: all 0.3s ease;
}

/* Gold circle tick */
.luxury-list li span {
    background: rgba(200,164,93,0.15);
    border-radius: 50%;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.luxury-list span[uk-icon] svg {
    color: #c8a45d;
}

/* Slight slide on hover */
.luxury-list li:hover {
    transform: translateX(5px);
}
        @media screen and (max-width: 767px) {
            .section-wrap {
                padding: 40px 0;
            }

            .action-btns button .uk-icon {
                display: none;
            }
        }

        /* banner form section class */
        .uk-margin-small .uk-form-controls input {
            border: 1px solid #e3a154;
            margin-bottom: 3px;
            padding: 23px 5%;
        }

        .property-banner-img {
            width: 100%;
            height: 500px;
            object-fit: cover;
            display: block;
        }

        .uk-panel {
            position: relative;
            z-index: 2;
        }

        .mobileheight {
            min-height: 420px;
        }

        .uk-border-rounded {
            border-radius: 14px;
            overflow: hidden;
        }

        .top_banner_padding_css {
            margin-top: 6px !important;
        }

        .banner-heading-dv-content {
            padding-left: 3%;
        }

        .subheading_properties_para {
            line-height: 25px;
        }


        /* Wrapper */
        .property-info-wrapper {
            /* background: linear-gradient(180deg, #000, #111); */
            padding: 10px;
            border-radius: 16px;
        }

        /* Card */
        .property-card {
            background: #000;
            border: 1px solid rgba(227, 161, 84, 0.45);
            border-radius: 14px;
            padding: 12px 10px;
            text-align: center;
            transition: 0.3s ease;
        }

        .property-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 30px rgba(227, 161, 84, 0.25);
        }

        /* Label */
        .property-label {
            font-size: 16px;
            letter-spacing: 1.2px;
            color: #e3a154;
            text-transform: uppercase;
            margin-bottom: 2px;
        }

        /* Value */
        .property-value {
            font-size: 14px;
            color: #ffffff;
            font-weight: 500;
        }

        .property-btn {
            background: #e0a659;
            color: #000;
            border-radius: 12px;
            padding: 20px 18px;
            font-weight: 900;
            font-size: 18px;
            width: 100%;
            max-width: 300px;
            margin: 0 auto;
            text-align: center;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-block;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .property-btn::before {
            content: "";
            position: absolute;
            height: 180px;
            width: 60px;
            background: #fff;
            left: -70px;
            top: -50px;
            transform: rotate(135deg);
            opacity: 0.5;
            animation: shine 1.5s ease-in-out infinite;
        }

        @keyframes shine {
            0% {
                left: -70px;
            }

            100% {
                left: 110%;
                /* Move fully to the right */
            }
        }

        .property-btn:hover {
            background: #e0a659;
            color: #000;
        }

        .highlight-btn {
            border-radius: 25px;
            padding: 8px 15px;
            font-weight: 900;
            font-size: 14px;
            letter-spacing: 1px;
            text-transform: uppercase;
            display: inline-block;
            margin: 9px 14px;
            white-space: nowrap;
            border: 1px solid goldenrod;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        .highlight-wrap .highlight-btn:nth-child(odd) {
            background: goldenrod;
            color: #000;
        }
        .highlight-wrap .highlight-btn:nth-child(even) {
            background: #000;
            color: #fff;
        }
        .highlight-wrap .highlight-btn:nth-child(odd):hover {
            background: #000;
            color: #fff;
        }
        .highlight-wrap .highlight-btn:nth-child(even):hover {
            background: goldenrod;
            color: #000;
        }
        /* Mobile spacing */
        @media (max-width: 768px) {

            .property-card,
            .property-btn {
                margin-bottom: 14px;
            }

            .property-banner-img {
                height: auto;
            }
        }

        .desktop_navbar_main_dv nav .uk-navbar-left img {
            padding-top: 15px;
        }

        .custom_top_banner_right_form_dv {
            height: fit-content;
            padding-top: 30px;
        }

        .icon-ring {
            display: inline-block;
            animation: ringShake 1.6s infinite linear;
        }

        @keyframes ringShake {

            0%,
            20%,
            32%,
            44%,
            56%,
            68%,
            80%,
            100% {
                transform: rotate(0deg);
            }

            23%,
            35%,
            47%,
            59%,
            71% {
                transform: rotate(16deg);
            }

            26%,
            38%,
            50%,
            62%,
            74% {
                transform: rotate(-16deg);
            }

            29%,
            41%,
            53%,
            65%,
            77% {
                transform: rotate(10deg);
            }
        }

        .button_for_talk_to_expert,
        .button_for_talk_to_expert:hover {
            background: #e0a659;
            color: #fff;
            font-size: 17px;
            line-height: normal;
            padding: 14px 15px;
            border-radius: 6px;
        }

        .title_of_popup_pricing {
            color: #e3a154;
        }

        .book_your_site_visit_text {
            font-weight: 600;
        }

        .bullet_icon_li {
            color: #fff;
            margin-right: 12px;
            vertical-align: middle;
        }

        .custom_pricing_popup_button {
            color: #f9b502;
        }

        .custom_pricing_popup_button svg {
            width: 24px !important;
            background: #000000 !important;
            padding: 5px;
            border-radius: 50%;
        }

        .custom_popup_modal_pricing {
            background: transparent;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            border-radius: 20px;
            overflow: hidden;
        }

        .custom_pricing_popup_heading_dv {
            background: linear-gradient(to bottom, #D4AF37, #B8860B);
            padding: 20px;
            text-align: center;
            border-radius: 20px 20px 0 0;
        }

        .custom_pricing_popup_heading_dv h3 {
            color: #000000;
            font-size: 28px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .pricing_pop_body_main_dv {}

        .pricing_table_wrapper {
            border-left: 1px solid #D4AF37;
            border-right: 1px solid #D4AF37;
            border-bottom: 1px solid #D4AF37;
            border-radius: 0px 0px 20px 20px;
            overflow: hidden;
            background: #FFF8F0;
            display: flex;
            justify-content: center;
        }

        .pricing_table {
            width: 100%;
            border-collapse: collapse;
            max-width: 480px;
            margin: 30px 0;
        }

        .pricing_table td {
            padding: 20px 30px;
            border: 1px solid #D4AF37;
        }

        .pricing_table td.label {
            color: #D4AF37;
            font-size: 20px;
            font-weight: 600;
            text-align: left;
        }

        .pricing_table td.value {
            color: #000000;
            font-size: 24px;
            font-weight: bold;
            text-transform: uppercase;
            text-align: center;
        }

        .pricing_table td {
            border-left: none;
            border-top: none;
        }

        .pricing_table tr:first-child td {
            border-top: 1px solid #D4AF37;
        }

        .pricing_table td:first-child {
            border-left: 1px solid #D4AF37;
        }

        .pricing_table tr:last-child td {
            border-bottom: 1px solid #D4AF37;
        }

        .pricing_table td:last-child {
            border-right: 1px solid #D4AF37;
        }

   
/* new properties css end */

.tagline-heading_book-appointment{
    font-size:20px !important;
}


.css_for_table_heading{
    font-weight: 900 !important;
 }
 .table_design_properties {
    border-collapse: separate;   
    border-spacing: 4px;     
}

.table_design_properties td,
.table_design_properties th {
    border: 2px solid #dbb58f;
    padding: 10px;
}
.floor_plan_button_dv{
    margin-top: 20px;
    text-align: start;
}
.floor_plan_button_dv button{
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 6px;
    background-color: #926f4d;
    color: #fff;
    border: 1px solid transparent;
    background-image: linear-gradient(135deg, #926f4d, #8e7154, #5b3916);
} 
.floor_plan_button_dv button:hover{
    background-color: #816244;
    color: #fff;
    border-color: transparent;
    background-image: linear-gradient(135deg, #5b3916, #8e7154, #926f4d);
}

.heading_properties_h1{
    color: #fff;
    padding: 0;
    margin: 20px 0 0 0;
}
.subheading_properties_para{
    color: #fff;
    font-size: 25px;
    padding: 0;
    margin: 0 0 15px 0;
}

 .floor_plan_button_dv a{
    padding: 4px 18px;
    border-radius: 6px;
    line-height: 30px;
    text-transform: capitalize !important;
 }   
 .heading_forpup_get_details{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
 }   
 .heading_forpup_get_details span {
    background-color: #c08831;
    color: #fff;
    padding: 4px 15px;
    border-radius: 5px;
} 

/* banner section css end */
.top_banner_padding_css{
    padding: 0 15px !important;
}
 .banner-shrt-content-dv{
    display: flex;
    justify-content: space-between;
    align-items: center;
} 
.view_rera_details_button,.view_rera_details_button:hover{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 14px;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    background-image: linear-gradient(135deg, #926f4d, #8e7154, #5b3916);
}
.view_rera_details_button span{
    font-size: 16px;
    max-width: 98px;
    line-height: 18px;
    color: #fff;
}
.property_banner_card_text_css {
    display: flex;
    flex-direction: column;
    align-items: center;        
    justify-content: center;    
    text-align: center;
    height: 100%;
    max-width: 185px;
    padding: 8px 12px;
    line-height: 1.4;
}
.property_banner_card_text_css img {
    display: block;
    margin: 0 auto 6px auto; 
    height: 35px;
}

.property_banner_card_text_css span,
.property_banner_card_text_css strong {
    display: block;
}

/* banner section css end */




.properties_amenities_card_dv{
    width: 16% !important;
}
.properties_amenities_card_dv .uk-card{
    padding: 6px !important;
     min-height: 103px; /* adjust as needed */
}
.properties_amenities_card_dv img {
    margin-bottom: 8px;
}
.properties_amenities_card_dv .uk-card .uk-margin-top{
    margin-top: 5px !important;
}
.properties_amenities_card_dv .uk-card:hover{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
    transition: all 0.3s ease;
    background: #181717;
}
.properties_amenities_card_dv .uk-card:hover .uk-margin-top {
    color: #ffffff !important;
}
.uk-dark .uk-form-label {
    color: #000 !important;
}
.uk-input {
    color: #fff !important;
}

@media screen and (max-width: 667px) {
   .hr_class_underline{
    display: none;
   }
    .banner-shrt-content-dv{
        display:flex;
        justify-content: center;
    }
    .uk-child-width-1-3>* {
    width: calc(100% / 2) !important;
   }
   .view_rera_details_button,.view_rera_details_button:hover{
    width: 100%;
    margin-bottom: 10px !important;
}
.view_rera_details_button span{
    font-size: 16px;
    max-width: 150px;
}
#modal_link_1 {
            padding: 15px !important;
          }

#modal_link_1 .uk-modal-dialog {
margin: 0 !important;
top: 0 !important;
transform: none !important;
width: 100% !important;
height: fit-content;
border-radius: 0;
}
.coming_soon_banner_title{
    display: none;
}
.coming_soon_banner_sub_title{
    display: none;
}
.highlight-btn {
    padding: 6px 8px;
    font-weight: 500;
    font-size: 13px;
    margin: 7px 5px;
}
}