@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Serif+Display:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Manrope:wght@200..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


body {
    margin: 0;
    padding: 0;
    background: #F3F3F3;
}

/* navigation bar */
.navbar-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.navigation-container {
    background: #FFFFFF;
    padding: 0px 40px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.ngbar {
    font-family: 'Jost';
    font-weight: 400;
    font-size: 26px;
    letter-spacing: -1px;
    color: #57381C;
}

.nav-gap {
    gap: 40px;
}

.navbar-nav .nav-item.active .nav-link {
    color: #B85D00 !important;
}

/* banner section */
.firstsection {
    padding: 2rem;
}

.bannersection {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background-image: url('../images/banner-img.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bannerSecondPart img {
    border-radius: 12px;
    width: 100%;
}

.bannerFirstPart {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 2rem;
    /* background-image: url('../images/bannerleftimg.png'); */
}

.bannerFirstPart h1 {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 44px;
    line-height: 50px;
    letter-spacing: 1px;
    color: #FFD696;
}

.bannerFirstPart h1 span {
    font-size: 34px;
}

.bannerFirstPart p {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 20px;
    line-height: 31px;
    letter-spacing: 1px;
    color: #FFE4BC;
    margin-top: 5px;
    margin-bottom: 30px;
}

.bannerFirstButton {
    padding: 7px 6px;
    gap: 8px;
    border-radius: 4px;
    background: #FFF2E0;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 22px;
    letter-spacing: -0.44px;
    color: #57381C;
    border: 2px solid #FFF2E0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.bannerSecondButton {
    padding: 7px 42px;
    border-radius: 4px;
    border-width: 2px;
    background: #57381C;
    border: 2px solid #FFE3A4;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 22px;
    letter-spacing: -0.44px;
    color: #FFE3A4;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease-in-out;
}

.buttons-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.secondbgimg {
    /* background-image: url('../images/secondbgimg.png');
    height: 850px; */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-color: #4a2f16;
}

.secondsection {
    padding-top: 0px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.blueprintsheading {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 56px;
    line-height: 60px;
    letter-spacing: 0.56px;
    color: #FFD696;
}

.blueprintstxt {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.2px;
    color: #FFEED4;
    margin: 20px 0px;
}

.our-philosophy {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    color: #EE9101;
    margin-bottom: 0;
}

.square-foot {
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    letter-spacing: -0.44px;
    text-transform: capitalize;
    color: #FFEED4;
}

.blueprints-top-img {
    position: absolute;
    right: 0;
}

.blueprints-bottom-img {
    position: absolute;
    right: 0;
    bottom: 10%;
}

.thirdsection {
    padding-top: 3rem;
}

.people-trust-why-ranke-infra {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.56px;
    text-align: center;
    color: #3B1C00;
    margin-bottom: 0;
    paint-order: stroke fill;
}

.trust-txt {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 1px;
    color: #3D3D3D;
    text-align: center;
    margin-bottom: 0;
}

.reasons-of-trust-rankeinfra {
    padding: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.heading-of-details {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0px;
    line-height: 32px;
    text-align: center;
    color: #713904;
    margin-bottom: 0;
}

.txt-of-details {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.16px;
    text-align: center;
    color: #454545;
    padding: 10px;
    margin-bottom: 0;
}

.details-img {
    width: 100%;
}

.overallbody {
    padding-top: 7rem;
}

.thirdsection {
    text-align: center;
    padding: 30px 0;
    position: relative;
}

.steps-card-wrapper {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 40px;
    position: relative;
    height: 480px;
}

/* BASE CARD STYLE */
.step-card {
    width: 100%;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 8px 24px 0px #959DA533;
    transition: 0.3s ease;
    border: 4px solid #FFEFDB;
}

/* IMAGE */
.details-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.align-self-start {
    align-self: flex-start;
    margin-top: 0;
}

.align-self-center {
    align-self: center;
}

.align-self-end {
    align-self: flex-end;
    margin-bottom: 0;
}

.why-people-trust-rankeinfra-rightimg {
    position: absolute;
    right: 0;
}

.built-on-trust-heading {
    font-family: Playfair Display;
    font-weight: 700;
    font-style: Bold;
    font-size: 56px;
    line-height: 60px;
    letter-spacing: 1%;
    text-align: center;
    background: #3B1C00;
}

.built-on-trust {
    padding: 2rem 3rem 2rem 1rem;
    border-radius: 38px;
    background-image: url('../images/built-on-trust.png');
    border-radius: 38px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 290px;
    width: 100%;
    position: relative;
    padding: 1rem 3rem 2rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.built-on-trust-txt {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.24px;
    text-align: center;
    color: #4A2F16;
    margin-bottom: 0;
}

.built-on-trust-author {
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.24px;
    text-align: center;
    color: #4A2F16;
    margin-bottom: 0;
    margin-top: 10px;
}

.backed-by-experience {
    padding-top: 3rem;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
}
.arrow-built-img{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
}

.built-on-trust-quote {
    position: absolute;
    top: 5%;
    right: -7%;
}

.contact-us {
    /* background-image: url(../images/secondbgimg.png); */
    height: 290px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-section {
    background: #312010;
}

.footer-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 4rem;
}

.footer-txt {
    font-family: 'Plus Jakarta Sans';
    font-weight: 300;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0.32px;
    color: #FFFFFF;
    margin-top: 20px;
}

.quick-links {
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #BC9773;
}

.all-links {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #FFFFFF;
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.copyright-vsnap {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.copyright-hr {
    background: #FFFFFF01;
}

.links {
    background: #BC9773;
    border-radius: 20px;
    padding: 8px 13px;
    margin-bottom: 0;
}

.social-media-links {
    display: flex;
    gap: 12px;
}

.copyright-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}

.links i {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0px;
    text-align: center;
    color: #FFFFFF;
}

.copyright-hr {
    border: none;
    border-top: 1px solid #dcdcdc;
    margin: 20px 0;
}

.all-links i {
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0px;
    color: #BC9773;
}

.extrastyle {
    color: #FFF5E8;
}

.form {
    /* background-image: url('../images/form-bg-img.png'); */
    height: fit-content;
    background-size: cover;
    background-position: top;
    padding-top: 0rem;
    position: relative;
    background-color: #4a2f16;
}
.formheader{
    width: 100%;
}

.your-dream-home {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: 0.58px;
    color: #FFD696;
    text-align: center;
    margin-bottom: 10px;
}

.your-dream-home-txt {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.2px;
    color: #FFEED4;
    text-align: center;
    margin-bottom: 0;
}

.complete-form {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 1rem 0 5rem;
}

.lets-get-in-touch {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 42px;
    line-height: 13px;
    letter-spacing: 0.5px;
    color: #4A2F16;
    text-align: center;
    margin-bottom: 0;
}

.enquiryform {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 22px;
}

.enquiryform input {
    width: 100%;
    border-radius: 6px;
    border-width: 1px;
    background: #FFFFFFE0;
    border: 1px solid #AAA498;
    padding: 13px 12px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0px;
    color: #513012;
}
.enquiryform::placeholder {
    color: #4A2F1673;
    font-weight: 400;
    border: 1px solid #AAA498;
}
.get-in-touch {
    width: 80%;
    background-image: url('../images/get-in-touch-img.png');
    padding: 2rem;
    border: 2.5px solid #FFFFFF;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.custom-form {
    padding-top: 2rem;
}

.submitbtn {
    border-radius: 8px;
    background: #4A2F16;
    padding: 10px 0px;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: 1.6px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
    width: 60%;
    transition: all 0.3s ease-in-out;
    border: 2px solid #4A2F16;
}

.location-content {
    font-family: 'Playfair Display';
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0px;
    color: #FFB88D;
    margin-bottom: 0;
}

.address {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #FFF5E8;
    margin-bottom: 0;
}

.address1 {
    font-size: 14px;
}

.location-address {
    background: #FFFFFF1A;
    border: 1px solid #B8A181;
    border-radius: 8px;
    padding: 10px;
    padding: 10px;
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}

.loc-context {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.contact-img i {
    padding: 8px 11px;
    border-radius: 20px;
    background: #FFB88D;
    font-size: 18px;
    color: #4A2F16;
}

.thirdsection {
    flex-direction: column;
}

.fivethsection {
    flex-direction: column;
}

.our-work-speaks-heading {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 46px;
    letter-spacing: 0.56px;
    color: #FFD696;
    margin-bottom: 0;
}

.our-work-speaks-txt {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.2px;
    color: #FFEED4;
}

.our-work-speaks-for-itself {
    /* background-image: url('../images/our-work-speaks-for-itself.png'); */
    background-repeat: no-repeat;
    background: rgba(74, 47, 22, 1);
    height: 830px;
    display: flex;
    width: 100%;
    position: relative;
}

.our-work-speaks-for-itself-svg {
    position: absolute;
    z-index: 99;
}

.grswara {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 60px;
    line-height: 1;
    letter-spacing: 0.68px;
    color: #F89600;
    margin-bottom: 0;
}

.elegance-measured-in-melodies {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.2px;
    color: #FFD189;
}

.townhouses {
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    font-size: 38px;
    letter-spacing: 0.58px;
    color: #FFFFFF;
    margin-bottom: 0;
    text-align: center;
}

.sprawling-homes {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.26px;
    color: #F4A65A;
    margin-bottom: 30px;
    line-height: 1;
}

.elegance-measured {
    opacity: 1;
    border-width: 1.5px;
    border-radius: 6px;
    background: #4A2F16D1;
    border: 1.5px solid #F9E4CA;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0 0;
    background: rgb(252 249 247 / 15%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px); /* Safari support */
    position: relative;
    z-index: 999;
}

.fromprice {
    width: 100%;
    background: linear-gradient(180deg, #F9E4CA 0%, #F5C388 100%);
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 34px;
    letter-spacing: 0.4px;
    text-align: center;
    color: #4A2F16;
    padding: 0;
    margin-bottom: 30px;
}

.our-work {
    padding-left: 5rem;
    padding-right: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 60px;
}

.buttons {
    display: flex;
    gap: 20px;
}

.view-button {
    border-radius: 4px;
    padding: 13px 51px;
    background: linear-gradient(180deg, #FFE3A4 0%, #F2C86A 100%);
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -0.48px;
    color: #57381C;
    border: 2px solid #FFE3A4;
    transition: all 0.3s ease-in-out;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.fivethsection {
    padding-top: 1rem;
}

.amount {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 46px;
    letter-spacing: 0.48px;
}

.onwards {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 22px;
    letter-spacing: 0.26px;
}


.aboutusbanner {
    background-image: url('../images/about-us-banner.png');
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 96%;
}

.aboutusbanner h1 {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 66px;
    letter-spacing: 0.66px;
    text-align: center;
    margin-bottom: 0;

    background-image: url('../images/heading-bgimg.png');
    background-position: left;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.aboutus {
    background-image: url('../images/about-us.png');
    height: fit-content;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.we-dont-just-build {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 56px;
    line-height: 60px;
    letter-spacing: 0.56px;
    text-align: center;
    /* Text border */
    color: #3B1C00;
    /* Text color */
    margin-bottom: 0px;
}

.nextsection {
    padding-top: 5rem;
}

.build-with-honesty {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.20px;
    color: #3D3D3D;
    text-align: center;
}

.create-what-lasts {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 560px;
    gap: 30px;
}

.build-honesty {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.brick-head {
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 0.32px;
    text-align: center;
    background: linear-gradient(180deg, #BC9773 0%, #936319 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin-bottom: 6px;
}

.our-foundation {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.16px;
    text-align: center;
    color: #4C4C4C;
    padding: 0 20px;
}

.built-from-a-vision-to-build-better {
    /* background-image: url(../images/built-from-a-vision-img.png); */
    background-color: #4a2f16;
    /* height: 1368px; */
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.built-a-vision-head {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 58px;
    letter-spacing: 0.58px;
    color: #FFD696;
    text-align: center;
    margin-bottom: 0;
}

.built-a-vision-txt {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.2px;
    text-align: center;
    color: #FFEED4;
}

.vision-build-better {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.every-detail-matters-img {
    position: relative;
}

.hero-swiper {
    width: 100%;
    height: 100%;
    /* full viewport height */
}

.slide-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.slide-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    border: 1.5px solid #FFD696;
}

.slide-content {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    width: 80%;
    z-index: 2;
}

.slide-content h2 {
    font-size: 46px;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: 'Plus Jakarta Sans';
    font-size: 46px;
    letter-spacing: 0.46px;
    text-align: center;
}

.slide-content p {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.18px;
    text-align: center;
    color: #EFEFEF;
}

.slide-link {
    font-size: 18px;
    color: #fff;
    text-decoration: underline;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff;
}

.designing-the-future {
    padding: 3rem;
    position: relative;
}

.designing-the-future-heading {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 56px;
    line-height: 60px;
    letter-spacing: 0.56px;
    text-align: center;
    color: #3B1C00;
    margin-bottom: 50px;
}

.buildbetter {
    font-family: 'Plus Jakarta Sans';
    font-size: 32px;
    letter-spacing: 0.4px;
    color: #3D3D3D;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0px;
}

.buildbetter-with-ranke {
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.88) -47.29%, #F9E4CA 221.72%);
    border: 1px solid #FFD696;
    border-radius: 12px;
    position: relative;
    z-index: 9;
}

.switch-to-smart {
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0.44px;
    text-transform: capitalize;
    color: #4A2F16;
    text-align: center;
}

.switch-to-smart span {
    background: linear-gradient(90deg, #009147 0%, #056C37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.designing-the-future-top-img {
    position: absolute;
    right: 0;
}

.designing-the-future-bottom-img {
    position: absolute;
    left: 0;
    top: 70%;
}

.img-gradient-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,
            rgba(165, 132, 90, 0) 47.82%,
            rgba(96, 75, 49, 0.9) 79.3%);
    pointer-events: none;
    /* important so it doesn’t block clicks */
    border-radius: 12px;
    border: 1.5px solid #FFD696;
}

.swiper-button {
    position: relative;
    bottom: 5rem;
}

.nextsection {
    flex-direction: column;
}


.signature-series {
    position: relative;
}

.signature-series-heading {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 56px;
    letter-spacing: 0.56px;
    text-align: center;
    color: #3B1C00;
    margin-bottom: 0px;
    margin-top: 2rem;
}

.signature-series-text {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.2px;
    color: #3D3D3D;
    text-align: center;
}

.projects-grswara {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 58px;
    letter-spacing: 0px;
    color: #F89600;
    margin-bottom: 0;
    line-height: 1;
}

.projects-elegance {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.14px;
    text-align: center;
    color: #57381C;
    margin-bottom: 0;
    margin-bottom: 20px;
}

.projects-townhouses {
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    font-size: 42px;
    letter-spacing: 0.42px;
    color: #4A2F16;
    margin-bottom: 0;
}

.projects-sprawling {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.18px;
    text-align: center;
    color: #584D42;
    margin-bottom: 0;
}

.projects-onwards {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 32px;
    letter-spacing: 0.32px;
    color: #FFFFFF;
    margin-bottom: 0;
    background: #4A2F16;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 30px 0;
}

.projects-cr {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 44px;
    letter-spacing: 0.44px;
    margin-bottom: 0;
}

.projects-from {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 22px;
    letter-spacing: 0px;
    margin-bottom: 0;
}

.signature-series-by-ranke-infra {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    background-image: url('../images/signature-series-by-ranke-infra.png');
    border-radius: 14px;
    padding: 25px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

.signature-series-img img {
    width: 100%;
    border-radius: 18px;
}

.signature-series-grswara {
    border-radius: 8px;
    border-width: 1.5px;
    background-image: url('../images/signature-series-grswara.png');
    border: 1.5px solid #FFD696;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.projects-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    padding: 0 20px;
}

.view-a-glimpse-projects {
    border-radius: 4px;
    background: linear-gradient(180deg, #FFE3A4 0%, #F2C86A 100%);
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.36px;
    color: #57381C;
    border: 1.5px solid #57381C;
    padding: 9px 26px;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.enquiry-now-projects {
    border-radius: 4px;
    background: #57381C;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 18px !important;
    letter-spacing: -0.36px;
    color: #FFE3A4;
    border: 1.5px solid #FFE3A4;
    padding: 9px 36px;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

/* Position custom arrows */
.projects-arrows {
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
}

.eco-modren-homes {
    padding-top: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.eco-modren-homes-heading {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 56px;
    letter-spacing: 0.56px;
    text-align: center;
    color: #3B1C00;
    margin-bottom: 25px;
}

.ongoing-upcoming-project-btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: fit-content;
    padding: 6px;
    border-radius: 50px;
    border: 2px solid #F9F9F9;
    box-shadow: 0px 8px 24px 0px #959DA533;
    background-image: url('../images/ongoing-upcoming-project-btns.jpg');
    background-size: 100%;
    /* ✔ fits exactly */
    background-repeat: no-repeat;
    /* ✔ no tiling */
    background-position: center;
    /* ✔ centers image */
}

.ongoing-btn {
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 32px;
    letter-spacing: 0px;
    text-align: center;
    color: #936319;
    padding: 12px 79px;
}

.ongoing-btn.active {
    border-radius: 50px;
    background-image: url('../images/ongoing-btn-active.png') !important;
    color: #FFFFFF;
}

.nav-pills .ongoing-btn.active,
.nav-pills .show>.ongoing-btn {
    background: none;
}

.upcoming-btn {
    padding: 12px 66px;
}

.nav-link:focus,
.nav-link:hover {
    color: #936319;
}

.grcard {
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: 0px 8px 24px 0px #959DA533;
    padding: 12px;
}

.grcard img {
    width: 100%;
    border-radius: 2px;
}
.blog_read_more_logo{
    width:fit-content !important;
}
.grproject-img {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.starting-price {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.starting-price p {
    width: 237;
    height: 38;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #4A2F16F0;
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 0.20px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0;
    padding: 0px 14px;
}

.project-amt {
    font-weight: 500;
    font-size: 26px;
}

.grcard-swara {
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    font-size: 40px;
    letter-spacing: 0px;
    color: #F89600;
    margin: 6px 0;
    line-height: 1;
}

.grcard-bhk {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 22px;
    letter-spacing: 0px;
    color: #936319;
    margin-bottom: 10px;
}

.grcard-txt {
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #626262;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.grrow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    justify-content: center;
    align-items: center;
}

.grglimpse {
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0px;
    color: #4A2F16;
    border: none;
    background: none;
}

.input_search {
    background: #FFFCF6;
    border: 1px solid #F4B67E;
    width: 1070;
    height: 78;
    top: 535px;
    left: 148px;
    angle: 0 deg;
    opacity: 1;
    border-radius: 60px;
    border-width: 1px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    margin-top: 20px;
    margin-bottom: 30px;
    width: 75%;
}

.search-box {
    font-family: 'Plus Jakarta Sans';
    font-weight: 300;
    font-size: 28px;
    letter-spacing: 0.28px;
    color: #57381C40;
    border: none;
    background: none;
}

.search-box::placeholder {
    font-size: 28px;
    color: #57381c61;
}

.input_search i::before {
    font-size: 40px;
    padding: 10px;
    color: #57381C;
}

.form-control:focus {
    border: none;
    background: none;
    box-shadow: none;
}

.rankeinsights {}

.blogsinsights {
    border-radius: 50px;
    gap: 10px;
    padding: 24px;
    background: #FFFFFF;
    justify-content: space-between;
}

.insights {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    justify-content: center;
    align-items: center;
}

.blogscard {
    padding: 8px;
    padding-top: 0;
    border-radius: 6px;
    background: #FFFFFF;
    box-shadow: 0px 8px 24px 0px #959DA533;
}

.blogsimg img {
    width: 100%;
    border-radius: 4px;
}

.allblogs {
    margin-top: 40px;
}

.category-date {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
}

.categories-calender {
    display: flex;
    justify-content: center;
    align-items: center;
}

.real_estate {
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
}

.expression {
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 0%;
    color: rgba(255, 255, 255, 1);
}

.categories-calender_name {
    background: rgba(147, 99, 25, 1);
    border-radius: 0px 0px 6px 6px;
}

.categories-calender_date {
    background: rgba(74, 47, 22, 1);
    border-radius: 0px 0px 6px 6px;
}

.card_head {
    font-family: "Poppins";
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: rgba(45, 45, 45, 1);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card_content {
    font-family: "Poppins";
    font-weight: 300;
    font-style: Light;
    font-size: 14px;
    line-height: 20px;
    color: rgba(74, 74, 74, 1);

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card_readmore {
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    line-height: 25px;
    color: rgba(74, 47, 22, 1);
    text-decoration: none;
}
.blogsimg{
    margin-top: 1rem;
}

.image-pill {
    position: relative;
    padding: 0;
    border: none;
    border-radius: 28px !important;
    border: 3px solid rgb(255, 255, 255);
    overflow: hidden;
    width: 200px;
    height: 168px;
}

.image-pill img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Dark overlay */
.image-pill::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2));
}

/* Text */
.image-pill .pill-text {
    position: absolute;
    bottom: 15px;
    /* left: 15px; */
    z-index: 2;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    inset: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    padding-bottom: 10px;
}

/* Active state */
.image-pill.active {
    border: 3px solid rgba(255, 214, 150, 1);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(87, 56, 28, 0) 27.24%, #57381C 100%);
}

.blog_content {
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    font-style: Regular;
    font-size: 22px;
    line-height: 40px;
    color: rgba(55, 55, 55, 1);
}

.blog_head {
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    font-style: Medium;
    font-size: 22px;
    line-height: 40px;
    color: rgba(55, 55, 55, 1);
}

.blog_details_bg {
    background: rgba(255, 255, 255, 1);
}

.blog_top_bg {
    background-image: url('../images/blogs-thumbnail/blog_top_bg.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 260px;
    align-content: center;
}

.blog_details_head {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 66px;
    letter-spacing: 0.66px;
    text-align: center;
    background: linear-gradient(180deg, #FFD696 0%, #FFD696 54.84%, #FFCD8F 82.27%, #FFCD80 109.69%);
    /* text-shadow: 0px 2px 6px #30303099; */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin-bottom: 0;
}

.all_logo_bg {
    background: rgba(255, 255, 255, 1);
    padding: 5px 10px;
    border-radius: 50px;
    display: inline-flex;
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    font-size: 20px;
    color: rgba(69, 33, 0, 1);
    gap: 2px;
}

.logos {
    text-align-last: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 22px;
}
.contact_text {
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: rgba(51, 51, 51, 1);
}

.location-address_contact {
    background: #fff;
    border: 1px solid rgba(184, 161, 129, 1);
    border-radius: 8px;
    padding: 10px;
    padding: 10px;
    height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}

.location-content_contact {
    font-family: 'Playfair Display';
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0px;
    color: rgba(147, 99, 25, 1);
    margin-bottom: 0;
}

.address_contact {
    font-family: "Poppins";
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    vertical-align: middle;
    color: rgba(87, 56, 28, 1);
    margin-bottom: 0;
}

.contact-img_contact i {
    padding: 8px 11px;
    border-radius: 20px;
    background: rgba(147, 99, 25, 1);
    font-size: 18px;
    color: #ffffff;
}


.image-scroll-wrapper {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.image-scroll-track {
    display: flex;
    flex-direction: column;
    animation: scrollUp 25s linear infinite;
}

.image-scroll-track img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 2px;
}

/* Animation */
@keyframes scrollUp {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-50%);
    }
}

.top1{
    width: 100%;
    position: absolute;
    z-index: 99;
    transform: translateY(-3px);
}
.bottom1{
    width: 100%;
    position: absolute;
    z-index: 99;
    bottom: -30px;
    /* transform: translateY(0.5px); */
}
.back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    background-color: #312010;
    color: #fff;
    border-radius: 50%;
    padding: 14px 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 9;
    border: 1px solid #FFFFFF;
}

/* THIS WAS MISSING */
.back-to-top.active {
    opacity: 1;
    visibility: visible;
}
.bannerFirstButton i{
    transform: rotate(317deg);
}
.bannerSecondButton i{
    transform: rotate(317deg);
}
.crafting-spaces {
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.58px;
    text-align: center;
    color: #3B1C00;
    text-stroke: 0.8px #D8B165;
    margin-bottom: 2rem;
    line-height: 60px;
}
.crafting-grid{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.crafting-grid-1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.res-craft-grid{
    position: relative;
}
.homes-designed{
    position: absolute;
    bottom: 0;
    left: 30px;
}
.homes-designed-category{
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 46px;
    letter-spacing: 0.06px;
    color: #FFD696;
    margin-bottom: 0;
    line-height: 60px;
}
.homes-designed-txt{
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 22px;
    letter-spacing: 0px;
    color: #FFD696;
}
.res-craft-grid {
    display: inline-block;
    padding: 6px;  
    border-radius: 16px;  
    background: linear-gradient(329.55deg, #FFE5CA 0.46%, #B07C51 35.83%, #E8C096 70.01%, #BF8E62 99.85%);
}
.res-craft-grid img {
    display: block;
    border-radius: 14px; 
}
.res-craft-grid-1{
    position: relative;
    display: inline-block;
    padding: 6px;  
    border-radius: 16px;  
    background: linear-gradient(329.55deg, #FFE5CA 0.46%, #B07C51 35.83%, #E8C096 70.01%, #BF8E62 99.85%);
}
.res-craft-grid-1 img {
    display: block;
    border-radius: 14px; 
}
.fourthsection{
    padding-top: 3rem;
}
.built-on-trust-quote-bottom{
    position: relative;
    top: -90px;
    left: -40px;
}
.view-button i{
    transform: rotate(317deg);
}
.glimpse-enquiry-now{
    padding: 10px 34px;
    border-radius: 4px;
    gap: 10px;
    background: #57381C;
    border: 2px solid #FFE3A4;
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.48px;
    color: #FFE3A4;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}
.crafting-space-section{
    padding-top: 2rem;
}
.blueprint-container{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
 .res-craft-grid img{
    width: 100%;
    height: 625px;
}
.res-craft-grid-1 img{
    width: 100%;
    height: 300px;
}
.extrastyle{
    align-items: baseline;
}
.residential-commercial-hospitality{
    width: 887;
    height: 80;
    opacity: 1;
    border-radius: 50px;
    border-width: 2px;
    padding: 6px 10px;
    border: 2px solid #F9F9F9;
    box-shadow: 0px 8px 24px 0px #959DA533;
    margin: 40px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-image: url(../images/ongoing-upcoming-project-btns.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.residential-tab{
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 32px;
    letter-spacing: 0px;
    text-align: center;
    color: #936319;
    padding: 12px 62px;
    border-radius: 50px !important;
}
.residential-tab.active{
    background-color: #4A2F16 !important;
    color: #FFFFFF !important;
    border-radius: 50px;
    background-image: url(../images/ongoing-btn-active.png) !important;
}
.commercial-things{
    display: flex;
    justify-content: center;
    align-items: center;
}
/* .swiper-button-next::after,
.swiper-button-prev::after {
    display: none !important;
} */
.enquiryform input:focus-visible {
    outline: none !important;
}
.inputsearch-div{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
a{
    text-decoration: none;
}
.all-logo-category{
    padding: 5px 40px;
}
.all-logo-share{
    padding: 5px 40px;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #B85D00 !important;
}
.copyright-vsnap a{
    color: #FFFFFF;
}
.VerifyNumber{
    background: linear-gradient(180deg, #BC9773 0%, #936319 100%);
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 52px;
    letter-spacing: 0.52px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.digitotp{
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.18px;
    text-align: center;
    background: linear-gradient(180deg, #000000 0%, #3A3A3A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 46px;
}
.forward-otp-field input{
    width: 100px;
    height: 100px;
    background: #FFEDD8;
    border: 1px solid #7A6043;
    font-size: 50px;
    color: #683e19;
    text-align: center;
}
.modal-dialog-header-centered{
    max-width: 750px !important;
}
.orward-otp-field{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
}
.forward-otp-field{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    margin-bottom: 4rem;
}
.forwardotpbooknow{
    width: 520;
    height: 74;
    border-width: 1.5px;
    border-radius: 4px;
    background: linear-gradient(180deg, #57381C 0%, #975214 100%);
    border: 1.5px solid #FFE3A4;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 0px;
    color: #FFE3A4;
    padding: 12px 200px;
    margin-bottom: 2rem;
}
.modal-header{
    border: none !important;
}
.bg-content{
    background-image: url('../images/otp-form-background.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.modal-close-btn{
    position: absolute;
    z-index: 99;
    top: -9%;
    right: -6%;
}
.close-btn{
    background: none;
    border: none;
}
.thankyou-section{
    height: 100dvh;
    background-image: url('../images/thankyou-page-bgimg.png');
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.thankyou-section h1{
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 60px;
    line-height: 68px;
    letter-spacing: 0.60px;
    text-align: center;
    background: linear-gradient(180deg, #B86F00 0%, #D27B2A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-align: center;
    margin-bottom: 20px;
}
.thankyou-section p{
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 28px;
    line-height: 44px;
    letter-spacing: 0.28px;
    text-align: center;
    color: #522C09;
}
.speak-for-itself{
    position: relative;
    bottom: 3%;
}
.secondsection-bottom-img{
    width: 100%;
}
.secondsection-top-img{
    width: 100%;
}
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
}

.popup-overlay.active {
    opacity: 1;
    visibility: visible;
}
.popup-head{
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 54px;
    line-height: 60px;
    letter-spacing: 0.54px;
    background: linear-gradient(180deg, #BC9773 0%, #936319 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-align: center;
}
.popup-box-container{
    background-image: url('../images/popup-form-bgimg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    max-width: 800px;
    padding: 40px 0;
    position: relative;
}
.popup-txt{
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    text-align: center;
    background: linear-gradient(180deg, #000000 0%, #3A3A3A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 2rem;
}
.popup-formss{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.popup-formss input{
    width: 80%;
    height: 57;
    border-bottom-width: 1px;
    gap: 10px;
    border-bottom: 1px solid #4A2F16;
    border-top: none;
    border-left: none;
    border-right: none;
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0px;
    padding: 12px 20px;
    color: #421f0c;
}
.popup-formss input::placeholder{
    color: #6E6058;
    font-weight: 300;
}
.verifybtn{
    width: 520;
    height: 74;
    border-radius: 4px;
    background: linear-gradient(180deg, #57381C 0%, #975214 100%);
    border: 1.5px solid #FFE3A4;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0px;
    color: #FFE3A4;
    padding: 20px 200px;
    margin-top: 20px;
    transition: 0.3s ease;
}
.close-btn-otp-popup{
    position: absolute;
    right: -3%;
    top: -4%;
    z-index: 9;
    cursor: pointer;
}
input:focus-visible {
    outline: none;
}
.view-a-glimpse-projects i {
    transform: rotate(317deg);
}
.enquiry-now-projects i {
    transform: rotate(317deg);
}
.formheader{
    position: relative;
}
.built-from-a-vision-top-img{
    width: 100%;
}
.explore-our-project{
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-box {
    position: relative;
}

.popup-box::after {
    content: "";
    position: absolute;
    top: -28px;
    left: 12px;
    right: 12px;
    bottom: -28px;
    border: 2px solid #A88944;
    /* border-radius: 12px; */
    pointer-events: none;
    z-index: 2;
}

.bg-content{
    position: relative;
}

.bg-content::after {
    content: "";
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: 12px;
    border: 2px solid #A88944;
    /* border-radius: 12px; */
    pointer-events: none;
    z-index: 2;
}

/* From Uiverse.io by SelfMadeSystem */ 
.dots {
    --size: 100dvh;
    --dot-size: 10px;
    --dot-count: 3;
    --speed: 1s;
    --spread: 160deg;
    top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffffcc;
    z-index: 99999;
}

.dot {
  width: 150px;
  height: 150px;
  animation: dwl-dot-spin calc(var(--speed) * 5) infinite linear both;
  animation-delay: calc(var(--i) * var(--speed) / (var(--dot-count) + 2) * -1);
  rotate: calc(var(--i) * var(--spread) / (var(--dot-count) - 1));
  position: absolute;
}

.dot::before {
  content: "";
  display: block;
  width: var(--dot-size);
  height: var(--dot-size);
  background-color: #653013;
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  bottom: 0;
  left: 50%;
}

@keyframes dwl-dot-spin {
  0% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.390, 0.575, 0.565, 1.000);
    opacity: 1;
  }

  2% {
    transform: rotate(20deg);
    animation-timing-function: linear;
    opacity: 1;
  }

  30% {
    transform: rotate(180deg);
    animation-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
    opacity: 1;
  }

  41% {
    transform: rotate(380deg);
    animation-timing-function: linear;
    opacity: 1;
  }

  69% {
    transform: rotate(520deg);
    animation-timing-function: cubic-bezier(0.445, 0.050, 0.550, 0.950);
    opacity: 1;
  }

  76% {
    opacity: 1;
  }

  76.1% {
    opacity: 0;
  }

  80% {
    transform: rotate(720deg);
  }

  100% {
    opacity: 0;
  }
}
.elegance-img{
    width: 100%;
    object-fit: cover;
}
.contact-us-banner{
    background-image: url(../images/contact-us-banner.png);
    background-size: cover;
    background-position: bottom;
}
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
    display: none !important;
}
.hero-prev-next{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 9;
    padding: 0 20px;
    bottom: 100px;
}
.blog_thumbnail{
    height: 470px;
    object-fit: cover;
}
.overallbody-details{
    padding-top: 5rem;
}
.designing-the-future-div{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.designing-the-future-left-img{
    position: absolute;
    left: 3%;
}
.right-box{
    width: 40%;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.new-development{
    font-family: 'Plus Jakarta Sans';
    font-weight: 700;
    font-size: 62px;
    letter-spacing: 1%;
    text-align: center;
    background: linear-gradient(180deg, #4D2601 0%, #713C00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0px;
}
.new-development span{
    font-weight: 300;
}
.new-development-txt{
    font-family: 'Plus Jakarta Sans';
    font-size: 20px;
    line-height: 39px;
    letter-spacing: 1%;
    text-align: center;
    background: linear-gradient(180deg, #000000 0%, #2C2C2C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    padding: 0 30px;
}
.coming-soon-div{
    background-image: url('../images/bgimg-for-comingsoon.png');
    background-repeat: no-repeat;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}
.enquiry-section {
    padding: 0px 0px !important;
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    transition: 0.5s ease-in-out;
    opacity:0;
    pointer-events:none;
}
.contact-section {
    background: linear-gradient(180deg, #57381C 0%, #975214 100%);
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    padding: 0px 0px;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border:1.5px solid  #FFE3A4;
    border-bottom: none;
}
.contact-div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    width: -webkit-fill-available;
    border-right: 1px solid #FFFFFF80;
}
.enquirybtn {
    border: none;
    padding: 0px 0px;
    background: none;
    color: white;
    border: none;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-left: 1px solid #FFE3A424; 
}
.contactenquiry{
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0px;
    color: #FFE3A4;
    margin-bottom: 0;
}
.enquiry-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    bottom: -44%;
    transition: bottom 0.5s ease-in-out;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: rgba(0, 0, 0, 0.8);
    visibility: hidden;
    opacity: 0;
    display:flex;
}
.enquiry-modal .modal-content.active {
    bottom: 0%;
}
.enquiry-modal .modal-content {
    background-image: url(../images/popup-form-bgimg-m.png);
    max-width: 400px;
    position: fixed;
    bottom: 0;
    transition: bottom 0.5s ease-in-out;
    max-width: 100%;
    height: fit-content;
    padding: 20px 20px;
    gap: 24px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
#modalForm{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.enquiry-modal .close-modal {
    position: absolute;
    top: 0px;
    right: 3px;
    padding: 0px 0px;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    border-radius: 0%;
    z-index: 999;
    cursor: pointer;
    border: none;
    border-radius: 50px;
}
.enquiry-modal h2 {
    letter-spacing: 0px;
    text-align: center;
    color: #57381C;
    font-family: 'Playfair Display';
    font-weight: 700;
    font-size: 34px;
    margin-bottom: 0;
    background: linear-gradient(180deg, #BC9773 0%, #936319 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.modalformmobile input{
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0px;
    color: #461b02;
    border: none;
    border-bottom: 0.5px solid #4A2F16;
    width: 100%;
    border-bottom-width: 1px;
    margin-bottom: 30px;
    padding: 3px 0px;
}
.modalformmobile input::placeholder{
    font-weight: 400;
    color: #6E6058;
}

.enquiry-modal button[type="submit"] {
    width: 90%;
    padding: 8px 10px;
    background: linear-gradient(180deg, #57381C 0%, #975214 100%);
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 0px;
    color: #FFE3A4;
    border: 1.5px solid #FFE3A4;
}
.glimpse-enquiry-now i{
    transform: rotate(360deg);
}
.glimpse-enquiry-now-Whatsapp{
    font-family: 'Plus Jakarta Sans';
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.32px;
    color: #4B2500;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: none;
    background: transparent;
}
.glimpse-enquiry-now-Whatsapp{
    gap: 6px;
    border-width: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #BC9773;
    border: 1px solid #F9E4CA;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 43px;
}