@media only screen and (max-width: 640px) 
{
    .banner_section {
    padding: 30px 0;
    position: relative;
}
    .banner_section h1 {
    font-size: 26px;
    line-height: 2rem;
    text-align: center;
    margin-top: 10px;
}
.btn-get-a-quote {
    padding: 6px 14px;
    margin-right: 10px;
}
.banner_section p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}
.about_us {
    margin: 30px 0;
    background-color: #fff;
}
.about_us h1 {
    font-size: 28px;
    text-align: center;
    color: #000000;
    margin-bottom: 30px;
}
.we_are_p {
    margin-top: 30px;
    font-size: 15px;
    text-align: justify;
}
.about_us h1 {
    font-size: 20px;
    text-align: center;
    color: #000000;
    margin-bottom: 22px;
}
.car_vission {
    border-top: 9px solid #f2d562;
    border-radius: 8px;
    /* padding: 16px 41px; */
    margin-top: 30px;
    height: auto;
}
.specicalsed {
    font-size: 15px;
    /* color: #fff; */
}
.construction_details_mega .card label {
    color: #000;
    font-weight: 500;
    margin-bottom: 9px;
    margin-top: 10px;
}
.construction_details_mega .card {
    margin-top: 35px;
    border-radius: 10px;
    padding: 0px;
}
.why_choose_us {
    padding: 30px 0;
    background-color: #ECECEC;
}
.why_choose_us h1 {
    font-size: 27px;
    margin-bottom: 19px;
}
.loans_details_flexible {
    display: block;
}
.about_card_borrow img {
    width: 49px;
    display: block;
    margin-top: 25px;
    margin: 20px auto;
}
.about_card_borrow h3 {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .5px;
    font-family: "Urbanist", sans-serif;
    line-height: 12px;
    color: #07172d;
    margin-top: 26px;
    margin-bottom: 15px;
    text-align: center;
}
.about_card_borrow p {
    color: #444;
    font-size: 15px;
    text-align: center;
    /* line-height: 140%; */
}
.how_swarnim_works_section {
    background-color: #fff;
    padding: 30px 0;
    margin-bottom: 30px;
}
.how_swarnim_works_section h1 {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 27px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0px;
}
.how_swarnim_works_section .card h2 {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 40px;
    color: #FFFFFF66;
    text-align: center;
}
.how_swarnim_works_section .card {
    background-color: #DDBF45;
    color: #fff;
    border: unset;
    border-radius: 15px;
    height: auto;
    /* padding: 30px; */
    margin: 16px;
}
.test_ddddd{
    transform: rotate(90deg);
    display: block;
    margin: 20px auto;
}
.home_consruction {
    /* margin: 40px 0; */
    padding: 30px 0;
    background-color: #F2F2F2;
}
.home_consruction h1 {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 23px;
    text-align: center;
    margin-bottom: 35px;
}
.home_consruction .card {
    border: unset;
    border-radius: 15px;
    margin-bottom: 40px;
}
.end_to_end_button {
    margin-top: 0;
    margin-bottom: 18px;
    text-align: center;
}
.explore_properties {
    padding: 30px 0;
    background-color: #fff;
}
.explore_properties h1 {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 27px;
    text-align: center;
    margin-bottom: 30px;
    /* margin-top: 20px; */
}
.explore_properties .card {
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
    border-color: #DDBF45;
}
section.footer {
    background: #515151;
    /* margin-top: 40px; */
    padding: 30px 0;
}
.footer-col {
     display: block; 
    height: 100%;
    margin: 20px auto;
}
.real_estate_p {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    margin-top: 6px;
}
.connect_details li a {
    font-family: "Inter", sans-serif;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #fff;
    margin-top: 10px;
}
.content_part1 h1 {
    text-align: center;
    color: #fff;
    font-size: 49px;
    font-weight: 600;
}
.banner_section1 {
    padding: 30px 0;
    position: relative;
}
.banner_section h1, .banner_section1 h1, .banner_section2 h1 {
    font-size: 30px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
}
.banner_section p, .banner_section1 p, .banner_section2 p {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
}
.bttt_det{
    text-align: center;
}
.solution_by_stakeholder_section .card ul{
    padding: 0;
}
.solution_by_stakeholder_section ul li {
    font-size: 14px;
    color: #0a2540;
    padding-top: 15px;
    list-style: none;
    text-indent: -29px;
    padding-bottom: 0;
    margin-left: 26px;
}
.solution_by_stakeholder_section .card-header {
    font-size: 18px;
    font-weight: 600;
    padding: 14px;
    border: unset;
}
.solution_by_stakeholder_section h1 {
    font-family: Inter,sans-serif;
    font-weight: 500;
    font-size: 27px;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 2px;
}
.solution_by_stakeholder_section p
{
    font-size: 14px;
}
.banner_section2 {
    padding: 30px 0;
    position: relative;
}
.bt-fgftt{
    text-align: center;
}
.home_construction_estimation h1 {
    font-size: 26px;
    color: #000;
    margin-top: 30px;
    margin: 40px 0;
}
.home_construction_estimation .card {
    border-color: #DDBF45;
    padding: 10px 0;
    border-radius: 15px;
    margin-bottom: 50px;
}
.our_work {
    padding: 40px 0;
    background-color: #F2F2F2;
}
.our_work h1 {
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 28px;
    color: #000;
}
.ready_to_build h1 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 10px;
    text-align: center;
}
.ready_to_build p {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.button_construction_details {
    text-align: center;
}
.btn_construction_det {
    font-weight: 700;
    margin: 20px 0;
    font-size: 16px;
}
.banner_section1 {
    padding: 30px 0;
    position: relative;
}
.urbanise_navbar .navbar-brand img {
    height: 66px;
}
.urbanise_navbar .navbar-brand img.brand_tall {
    height: 88px;
}
/* Drop the number from the hero call button so Enquire / Call / WhatsApp all
   sit on one row. The number is still in the tel: link. */
.call_number {
    display: none;
}
.urbanise_voucher {
    margin-bottom: 18px;
}
.urbanise_navbar .navbar-brand img.brand_wordmark {
    height: 24px;
}
.urbanise_header_cta {
    font-size: 13px;
    padding: 9px 16px;
}
.urbanise_brand_group {
    gap: 10px;
}
/* Header on a phone: the two marks plus the button have to share ~360px, so the
   project logo and the gaps both come down. */
.urbanise_cta_group {
    gap: 8px;
}
.urbanise_cta_group .cta_project_logo {
    height: 44px;
}
.urbanise_offer_badge {
    height: 50px;
}
/* Three items will not share ~360px, so the number takes its own row under the
   logo and button and stays big — this is the screen where it gets tapped. */
.urbanise_navbar .container {
    row-gap: 8px;
}
.header_phone {
    display: flex;
    order: 3;
    flex-basis: 100%;
    justify-content: center;
    gap: 10px;
    padding-top: 9px;
    border-top: 1px solid #eeeeee;
}
.header_phone_icon {
    width: 34px;
    height: 34px;
}
.header_phone_icon svg {
    width: 16px;
    height: 16px;
}
.header_phone_num {
    font-size: 23px;
}

/* Sticky enquiry CTA becomes a full-width bottom bar on phones. As a side tab
   it sat on top of the content — on the Puravankara price table it covered the
   figures. Along the bottom it obscures nothing and is easier to thumb. */
.urbanise_sticky_cta {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    transform: none;
    width: 100%;
    height: 54px;
    border-radius: 0;
    box-shadow: 0 -3px 14px rgb(0 0 0 / 22%);
}
.urbanise_sticky_cta span {
    font-size: 15px;
    letter-spacing: 1px;
    writing-mode: horizontal-tb;
    transform: none;
}
/* Keep the bar off the last of the content. Scoped with :has so only the
   project landing pages (the ones carrying the CTA) get the extra space. */
body:has(.urbanise_sticky_cta) {
    padding-bottom: 54px;
}
/* Urbanrise hero on phones: the portrait artwork puts its copy in the top half,
   so the CTA row sits over the road at the very bottom — clear of the headline
   and of the villas. Fixed px type here rather than the vw scale used on
   desktop: at phone widths vw would render the labels too small to tap. */
.urbanise_hero_cta {
    left: 5%;
    right: 5%;
    bottom: 3.5%;
}
.urbanise_hero_cta .bttt_det {
    gap: 7px;
}
.urbanise_hero_cta .btn-get-a-quote {
    font-size: 12px;
    padding: 9px 13px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 22%);
}
.urbanise_partner_note {
    font-size: 12px;
    margin-top: 10px;
}

/* Project gallery: two across on a phone rather than one. The renders are wide
   establishing shots, so a full-width single column would need a lot of
   scrolling to get through nine of them. */
.project_gallery {
    padding: 30px 0;
}
.project_gallery h1 {
    font-size: 27px;
}
.project_gallery .gallery_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 22px;
}
.project_gallery .gallery_grid img {
    height: 120px;
    border-radius: 8px;
}
}