/* 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: 25px;
            font-weight: 700;
            font-style: oblique;
            line-height: 30px;
        }

        .floor_plan_heading_text2 {
            margin: 0;
            padding: 0;
            font-size: 18px;
        }

        @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;
        }

        /* 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;
}

}