* {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }



        @font-face {

    font-family: 'canela';

    src: url('fonts/canela_bold.otf') format('opentype');

    font-weight: 700;

    font-style: normal;

    font-display: swap;

}



        @font-face {

    font-family: 'canela';

    src: url('fonts/canela_roman.otf') format('opentype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'canela';

    src: url('fonts/canela_light.otf') format('opentype');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}



        @font-face {

    font-family: 'TestTiempos';

    src: url('fonts/TestTiemposHeadline-Bold.otf') format('opentype');

    font-weight: 700;

    font-style: normal;

    font-display: swap;

}



        @font-face {

    font-family: 'TestTiempos';

    src: url('fonts/TestTiemposHeadline-Medium.otf') format('opentype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'TestTiempos';

    src: url('fonts/TestTiemposHeadline-Regular.otf') format('opentype');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');





.inter-<uniquifier> {

  font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: <weight>;

  font-style: normal;

}





        body {

            font-family: 'canela', sans-serif;

            overflow-x: hidden;


        }

a {
    text-decoration: none;
    color: #cbd8dc;
}
         /* Hero Section */

        .hero-section {

            position: relative;

            height: 100vh;

            background: linear-gradient(135deg, #2c3e50 0%, #34495e 50%, #5a6d7e 100%);

            overflow: hidden;

        }



        .hero-section::before {

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            right: 0;

            bottom: 0;

            background: rgba(0, 0, 0, 0.3);

            z-index: 1;

        }







        .hero-video {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            object-fit: cover;

            z-index: 0;

        }



        /* Navbar */
/*
        .navbar {

            position: absolute;

            top: 0;

            left: 0;

            right: 0;

            z-index: 1000;

            padding: 20px 0;

            background: transparent;

        }*/

.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: transparent;
   transition: background-color 0.35s ease, box-shadow 0.35s ease, padding 0.35s ease;
}

.navbar.scrolled {
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}

.navbar.scrolled .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #000000;
    transition: width 0.3s ease;
}
.navbar.scrolled .nav-link:hover::after {
    width: 100%;
}
.logo_img {
    transition: opacity 0.25s ease;
}

nav.navbar.navbar-expand-lg.scrolled .nav-link {
    color: #000;
}

.navbar-toggler-icon {

  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");

}

.navbar.scrolled .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/*.fade-up {

  opacity: 0;

  transform: translateY(30px);

  transition: opacity 0.7s ease-out, transform 0.7s ease-out;

}



.fade-up.show {

  opacity: 1;

  transform: translateY(0);

}
*/

img.ambuja_logo_img {
    display: none;
}
.nav-link {

    color: #F1E6D2;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: 1.5px;

    margin: 0 10px;

font-family: "Inter", sans-serif;

    transition: all 0.3s;

    position: relative;

    padding-bottom: 5px;

}



        .nav-link::after {

            content: '';

            position: absolute;

            bottom: 0;

            left: 0;

            width: 0;

            height: 2px;

            background: white;

            transition: width 0.3s ease;

        }



        .nav-link:hover::after {

            width: 100%;

        }



        .nav-link:hover {

            opacity: 1;

            color: #fff;

        }



        .logo-right {

            color: white;

            font-size: 18px;

            font-weight: 600;

            letter-spacing: 1px;

        }



.navbar-expand-lg .navbar-collapse {

    justify-content: center;

}
img.ambuja_logo_img {
    width: 178px;
}
        /* Building Image */

        .building-image {

            position: absolute;

            left: 5%;

            bottom: 0;

            height: 85%;

            z-index: 2;

        }



        .building-image img {

            height: 100%;

            width: auto;

            object-fit: contain;

        }



        /* Hero Text */

.hero-text {
    position: absolute;
    bottom: 60px;
    z-index: 3;
    color: white;
    text-align: center;
    width: 100%;
}



.hero-text h1 {

    font-size: 60px;

    font-weight: 400;

    line-height: 1.2;

    margin: 0;

    font-family: 'canela', serif;

    font-style: italic;

    text-align: center;

}



        .udyatt-section {

        background-color: #0E3B53;

        padding: 60px 20px;

        text-align: center;

    }



    .udyatt-section h1 {

        font-size: 52px;

        font-weight: 400;

        color: #fff;

        font-family: 'canela', serif;

    }



    .udyatt-section h1 span {

        color: #d3a86b;

        font-style: italic;

        font-family: 'canela', serif;

    }



.sub-title {

    font-size: 22px;

    margin-top: 8px;

    margin-bottom: 30px;

    color: #F5F5F5;

    font-family: 'TestTiempos', serif;

}



.description {

    font-size: 18px;

    line-height: 1.6;

    max-width: 780px;

    margin: 0 auto 60px auto;

    color: #F5F5F5;

    font-family: 'TestTiempos', serif;

}



.oval-frame {

    width: 887px;

    height: 511px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: center;

        overflow: hidden;

    position: relative;


}

    .play-btn {

    position: absolute;

    width: 100px;          /* adjust size */

    height: auto;

    cursor: pointer;

    transition: 0.2s ease;

}



.play-btn::after {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100px;

    height: 100px;

    border-radius: 50%;

    background: rgb(255 255 255 / 38%);

    z-index: 1;

    animation: blingPulse 1.5s infinite;

}



/* ✨ Keyframes for blink effect */

@keyframes blingPulse {

    0% {

        transform: scale(1);

        opacity: 0.6;

    }



    70% {

        transform: scale(1.8);

        opacity: 0;

    }



    100% {

        transform: scale(1);

        opacity: 0;

    }

}





.play-btn:hover {

    transform: scale(1.1);

    transition: 0.2s ease;

}



    .oval-frame.youtube {

        width: 100%;

        height: 100%;

    }





.features-wrapper {

    margin-top: 60px;

}



.features-inner {

  border: 1px solid #195372;

  border-radius: 12px;

  overflow: hidden;

}



.features-row {

  padding: 26px 18px; /* Top & bottom gap for each row */

}



.features-divider {

  height: 1px;

  background-color: #195372;

  margin: 0 18px;

}



.feature-cell {

  padding: 30px 18px;

  text-align: center;

}



.feature-icon {

  width: 100px;

  height: 100px;

  margin-bottom: 12px;

}



.feature-cell p {

  color: #ffffff;

  font-size: 24px;

  line-height: 1.35;

  margin: 0;

  padding-top: 32px;

  font-family: "TestTiempos", serif;

}



/* Vertical divider lines */

.feature-cell {

  border-right: 1px solid #195372;

}



.feature-cell:last-child {

  border-right: none;

}

img.img-fluid.igbc_footer_logo_img {
    width: 100%;
  
}
.igbc {
    display: grid;
    grid-template-columns: 17% 81%;
    margin-top: 20px;
    gap: 10px;
    align-items: center;
}
.igbc_text p {
    font-size: 12px;
    margin-bottom: 5px;
}
/* Mobile adjustments */

.banner_mob_img {
    display: none;
}

.fancybox__container {

    z-index: 9999 !important;

}

@media (max-width: 767px) {

  .feature-cell:nth-child(2),

  .feature-cell:nth-child(4),

  .feature-cell:nth-child(6),

  .feature-cell:nth-child(8) {

    border-right: none;

  }
  .igbc {
    display: block;
}
img.img-fluid.igbc_footer_logo_img {
    width: 22%;
    margin-bottom: 15px;
}

section.arch-box p {
    text-align: center;
}

img.img-fluid.ambuja_footer_logo_img {
    margin-left: auto !important;
}

.footer-social {
    margin: auto;
    display: flex;
    justify-content: center;
}

.banner_mob_img {
    display: block;
    width: 100%;
    height: 100%;
}

a.play-btn img {
    width: 45px;
    height: 45px;
}

}

.checkbox-wrap {
  display: flex;
  align-items: center; /* aligns checkbox with text top */
  gap: 10px;
  padding: 10px 0px;
}

.checkbox-wrap input[type="checkbox"] {
  margin-top: 4px; /* fine alignment */
}

.checkbox-wrap p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}





.arch-box {

  background: #F4EFE8;

  padding: 60px 0;

}



.arch-title {

  font-size: 52px;

  font-weight: 500;

  color: #1E1E1E;

  font-family: "canela";

  margin: 0px;

}



.arch-subtitle {

  font-size: 52px;

  font-style: italic;

  color: #C69A5C;

  margin-bottom: 35px;

  font-family: "canela";

   font-weight: 500;

}



.arch-text {

  color: #444;

  font-size: 16px;

  line-height: 1.65;

  max-width: 520px;

  font-family: "Inter", sans-serif;

}



.arch-img {

  max-width: 350px;

}



.visit-section {

  background-color: #faf5ef;

}



.visit-image-wrap {

  position: relative;

  overflow: hidden;

}



.visit-img {

  width: 100%;

  height: auto;

  display: block;

}



.visit-section {

    padding: 60px 0px;

}



.visit-overlay {

    position: absolute;

    top: 50%;

    left: 26%;

    transform: translateY(-50%);

    color: #fff;

}



.visit-overlay h2 {

    font-size: 48px;

    line-height: 50px;

    font-weight: 500;

    margin-bottom: 20px;

    text-align: center;

    font-family: "canela";

}



.visit-overlay-btn {

    background: linear-gradient(90deg, #d6a758, #c6862b);

    color: #fff;

    padding: 10px 28px;

    border-radius: 30px;

    text-transform: uppercase;

    font-size: 13px;

    letter-spacing: 0.5px;

    display: table;

    margin: auto;

}



.form-title {

  font-size: 48px;

  font-weight: 500;

  margin-bottom: 35px;

  font-family: "canela";

  text-align: center;

}



.visit-input {

  border: none;

  border-bottom: 1px solid #c0c0c0;

  border-radius: 0;

  padding: 10px 0;

  background: transparent;

  font-size: 16px;

   font-family: "Inter", sans-serif;

}


.form-select {
    color: #565758 !important;

}

.visit-input {
    color: #565758 !important;
}

.visit-input:focus {

  outline: none !important;

  box-shadow: none !important;

  border-bottom: 1px solid #000;

}



.visit-submit {

  background: linear-gradient(90deg, #0c3342, #083d56);

  color: #fff !important;

  padding: 14px 0;

  border-radius: 30px;

  text-transform: uppercase;

  letter-spacing: 0.8px;

  font-size: 14px;

}



.btn:hover {

color: #fff;

}



    @media (max-width: 768px) {

        .oval-frame {

            width: 90%;

            height: 250px;

        }

        .mob-slide-item img {
    width: 100%;
}

        .udyatt-section h1 {

            font-size: 32px;

            margin-bottom: 20px;

        }

            .play-btn {

        width: 45px;

    }

    footer.footer-section p {
    text-align: center;
}
footer.footer-section h6 {
    text-align: center;
}
footer.footer-section img {
    display: flex;
    margin: auto;
}

    }



        /* Schedule Visit Button */

.schedule-btn {

    position: fixed;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

    background: #d4a55a;

    color: white;

    padding: 30px 15px;

    writing-mode: vertical-rl;

    text-orientation: mixed;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 3px;

    text-transform: uppercase;

    border: none;

    cursor: pointer;

    z-index: 1001;

    transition: background 0.3s;
    text-decoration: none;

}



        /* WhatsApp and Chat Buttons */

        .floating-buttons {

            position: fixed;

            right: 5px;

            bottom: 20px;

            z-index: 1001;

            display: flex;

            flex-direction: column;

            gap: 15px;

        }



        .float-btn {

            width: 55px;

            height: 55px;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            color: white;

            font-size: 28px;

            cursor: pointer;

            transition: transform 0.3s;
            display: none;

        }



        .float-btn:hover {

            transform: scale(1.1);

        }





.footer-section {

    background-color: #0E3B53;

    color: #B6B6B6;

    font-family: "Inter", sans-serif;

}



.footer-heading {

  font-size: 20px;

  color: #D4D4D4;

  font-weight: 600;

}



.footer-subheading {

  font-size: 20px;

  font-weight: 500;

  color: #D4D4D4;

  font-family: "TestTiempos", serif;

}



.footer-label {

  font-size: 16px;

  opacity: 0.8;

}

img.img-fluid.AvsarLogo {

    padding: 10px 0px;

}


img.logo_img {
    width: 188px;
}
img.img-fluid.ambuja_footer_logo_img {
    padding: 10px 0px;
    width: 178px;
    margin-left: -6px;
}

p.rera_text {
    margin-bottom: 0px;
    margin-top: 25px;
}

.footer-text {

  font-size: 14px;

  line-height: 1.6;

  opacity: 0.85;

}



.footer-divider {

  border-color: rgba(255,255,255,0.15);

}



.footer-bottom-text {

  color: #cbd8dc;

  opacity: 0.85;
  text-decoration: none;

}



.footer-social i {

    font-size: 18px;

    color: #D4D4D4;

    cursor: pointer;

    transition: 0.2s;

    border: 1px solid #D4D4D4;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    padding: 5px 8px;

}



.footer-social i:hover {

  opacity: 0.7;

}





section.floor_tab {

    background: #F4EFE8;

    padding: 60px 0px;

    padding-bottom: 5px;

}



        .floor-plan-section {

            max-width: 100%;

            margin: 0 auto;

        }



.floor-plan-section h1 {

    font-size: 52px;

    font-family: "canela";

    text-align: center;

    padding-bottom: 22px;

}



.tabs-container {

    display: flex;

    justify-content: center;

    gap: 40px;

    margin-bottom: 50px;

    /* border-bottom: 1px solid #d0c9bd; */

    padding-bottom: 0;

    width: fit-content;

    margin-left: auto;

    margin-right: auto;

}



.tab-btn {

    background: none;

    border: none;

    font-size: 17px;

    color: #999;

    padding: 0 0 12px 0;

    cursor: pointer;

    position: relative;

    transition: color 0.3s;

     font-family: "Inter", sans-serif;

    letter-spacing: 0.5px;

    border-bottom: 2px solid transparent;

}



        .tab-btn.active {

            color: #1a1a1a;

            border-bottom: 2px solid #1a1a1a;

        }



        .tab-content {

            display: none;

        }



        .tab-content.active {

            display: block;

        }



        .slider-wrapper {

            position: relative;

            width: 100%;

            padding: 0 100px;

            margin-bottom: 40px;

        }



        .swiper {

            width: 100%;

            padding: 30px 0 50px;

            overflow: visible;

        }



        .swiper-wrapper {

            align-items: center;

        }



        .swiper-slide {

            background: white;

            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);

            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

            opacity: 1;

            height: auto;

        }



        .swiper-slide:not(.swiper-slide-active) {

            transform: scale(0.75);

            opacity: 0.4;

        }



        .swiper-slide-active {

            transform: scale(1.1);

            opacity: 1;

            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);

            z-index: 10;

        }



        .floor-plan-card {

            padding: 0;

            text-align: center;

            background: white;

        }



        .floor-plan-image {

            width: 100%;

            padding: 25px 25px 20px;

            background: white;

        }



        .floor-plan-image img {

            width: 100%;

            height: auto;

            display: block;

        }



        .floor-plan-placeholder {

            width: 100%;

            aspect-ratio: 16/10;

            background: #faf8f5;

            display: flex;

            align-items: center;

            justify-content: center;

            border: 1px solid #e8e3dc;

        }



        .placeholder-text {

            color: #aaa;

            font-size: 13px;

            font-family: Arial, sans-serif;

        }



        .floor-info {

            font-size: 11px;

            color: #888;

            margin: 12px 0 8px;

            letter-spacing: 0.3px;

            font-family: Arial, sans-serif;

        }



        .floor-type {

            font-size: 14px;

            font-weight: 700;

            color: #1a1a1a;

            margin-bottom: 20px;

            letter-spacing: 1.5px;

            font-family: Arial, sans-serif;

        }



.swiper-button-next, .swiper-button-prev {

    width: 45px;

    height: 45px;

    background: #ffffff1c;

    border-radius: 50%;

    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);

    color: #666;

    transition: all 0.3s;

    top: 50%;

    margin-top: -22px;

}



        .swiper-button-next:after,

        .swiper-button-prev:after {

            font-size: 16px;

            font-weight: 900;

        }



        .swiper-button-next:hover,

        .swiper-button-prev:hover {

            background: #fff;

            color: #000;

        }



        .swiper-button-prev {

            left: 30px;

        }



        .swiper-button-next {

            right: 30px;

        }


.buttons-container {
    display: flex;
    justify-content: center;
    gap: 18px;
    margin-top: 13px;
    margin-bottom: 15px;
}



        .action-btn {

            padding: 15px 48px;

            border-radius: 25px;

            font-size: 12px;

            font-weight: 600;

            letter-spacing: 1.8px;

            text-transform: uppercase;

            border: none;

            cursor: pointer;

            transition: all 0.3s;

            font-family: Arial, sans-serif;

        }



        .download-btn {

            background: #d4af7a;

            color: white;

        }



        .download-btn:hover {

            background: #c5a06b;

            transform: translateY(-2px);

            box-shadow: 0 5px 15px rgba(212, 175, 122, 0.3);

        }



        .apply-btn {

            background: #2c5f6f;

            color: white;

        }



        .apply-btn:hover {

            background: #245060;

            transform: translateY(-2px);

            box-shadow: 0 5px 15px rgba(44, 95, 111, 0.3);

        }







section.master_plan {

    padding: 60px 0px;

    background: #0E3B53;

}



.master-plan-section h1 {

    font-size: 52px;

    font-family: "canela";

    color: #F1F1F1;

    padding-bottom: 30px;

    text-align: center;

}



        .content-wrapper {

            display: flex;

            gap: 70px;

            align-items: flex-start;

            max-width: 1600px;

            margin: 0 auto;

        }



      .tabs-sidebar {

    min-width: 280px;

    max-width: 280px;

    flex-shrink: 0;

    height: 540px;

    overflow: hidden;

    overflow-y: scroll;

}



.tabs-sidebar::-webkit-scrollbar {

    width: 4px;

    height: 15px;

}

.tabs-sidebar::-webkit-scrollbar-thumb {

    background-color: #d8d9d4;

    outline: 1px solid #d8d9d4;

    border-radius: 10px;

}

.tabs-sidebar::-webkit-scrollbar-track {

    box-shadow: inset 0 0 6px #e8e9e5;

}

        .tab-item {

            display: flex;

            align-items: center;

            gap: 15px;

            padding: 14px 0;

            cursor: pointer;

            color: #F1F1F1;

            font-size: 16px;

              font-family: "Inter", sans-serif;

            letter-spacing: 0.3px;

            transition: all 0.3s;



        }

        .tab-item.active {

         color: #F1F1F1;

         transition: all 0.3s;

         font-size: 20px;

}



        .tab-item:hover {

            color: rgba(255, 255, 255, 0.9);

        }



        .tab-item.active {

            color: white;

        }



        .arrow-icon {

            width: 40px;

            height: 40px;

            border: 2px solid rgba(255, 255, 255, 0.3);

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            opacity: 0;

            transition: opacity 0.3s;

        }



.tab-item.active .arrow-icon {

    opacity: 1;

    border-color: #C69A5C;

}



        .arrow-icon::before {

            content: '→';

            font-size: 20px;

            color: #C69A5C;

        }



        .tab-label {

            flex: 1;

        }



        .image-container {

            flex: 1;

            background: white;

            border-radius: 12px;

            padding: 30px;

            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);

            width: 100%;

        }



        .plan-image {

            width: 100%;

            height: auto;

            display: block;

        }



        .image-placeholder {

            width: 100%;

            min-height: 600px;

            aspect-ratio: 16/9;

            background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);

            display: flex;

            align-items: center;

            justify-content: center;

            border-radius: 4px;

            color: #999;

            font-size: 16px;

            font-family: Arial, sans-serif;

        }



        .tab-content-area {

            display: none;

        }



        .tab-content-area.active {

            display: block;

        }



        @media (max-width: 1024px) {

            .master-plan-section {

                padding: 0 20px;

            }



            .content-wrapper {

                flex-direction: column;

                gap: 30px;

            }



            .tabs-sidebar {

                width: 100%;

                max-width: 100%;

                display: flex;

                overflow-x: auto;

                border-bottom: 1px solid rgba(255, 255, 255, 0.1);

            }



            .tab-item {

                text-align: center;

                border-bottom: none;

                border-right: 1px solid rgba(255, 255, 255, 0.1);

                padding: 15px 20px;

                white-space: nowrap;

            }



            .tab-item:first-child {

                border-top: none;

            }



            .arrow-icon {

                display: none;

            }



            .tab-item.active {

                border-bottom: 3px solid white;

            }



            .image-placeholder {

                min-height: 400px;

            }

        }



        @media (max-width: 768px) {

            h1 {

                font-size: 38px;

            }



            .tab-item {

                font-size: 14px;

                padding: 12px 15px;

            }



            .image-container {

                padding: 20px;

            }



            .image-placeholder {

                min-height: 300px;

            }

        }





        @media (max-width: 1200px) {

            .slider-wrapper {

                padding: 0 80px;

            }

        }



        @media (max-width: 768px) {

            h1 {

                font-size: 42px;

            }



            .slider-wrapper {

                padding: 0 50px;

            }



            .swiper {

                padding: 20px 0 40px;

            }



            .tabs-container {

                gap: 40px;

            }



            .buttons-container {

                flex-direction: column;

                align-items: center;

                padding: 0 20px;

            }



            .action-btn {

                width: 100%;

                max-width: 300px;
                text-align: center;

            }



            .swiper-button-next,

            .swiper-button-prev {

                width: 38px;

                height: 38px;

            }



            .swiper-button-next:after,

            .swiper-button-prev:after {

                font-size: 14px;

            }



            .swiper-button-prev {

                left: 10px;

            }



            .swiper-button-next {

                right: 10px;

            }

        }





 .community-celebration-section {

            background-color: #F4EFE8;

            padding-bottom: 60px;

        }



        .community-header {

            text-align: center;

            margin-bottom: 50px;

        }



        .community-title {

            font-size: 52px;

            font-weight: 400;

            margin-bottom: 15px;

            color: #303030;

            font-family: "canela";

        }



        .community-title .highlight {

            color: #C69A5C;

            font-style: italic;

            font-family: "TestTiempos", serif;

        }



        .community-subtitle {

            font-size: 16px;

            color: #383D38;

            line-height: 1.8;

            font-family: "Inter", sans-serif;

        }



        .community-owl-carousel {

            margin-top: 50px;

        }



        .community-slide-image {

            width: 100%;

            height: 350px;

            object-fit: cover;

        }

        .owl-theme .owl-nav.disabled+.owl-dots {

    margin-top: 20px;

}



.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: #0E3B53;

}



.interior_sec .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: #d4a55a;

}





.owl-carousel.residence_mobile {

    display: none;

}

       .community-owl-carousel .owl-nav {

            display: none;

        }


span.extra_absolute_text {
    position: absolute;
    z-index: 1;
    bottom: 13px;
    left: 14px;
    color: #F1F1F1;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.3px;
}
span.extra_absolute_text.extra_grid {
    bottom: 0px;
    background-color: #0000004a;
    padding: 5px;
    border-radius: 3px;
    width: 100%;
    text-align: center;
    left: 0px;
    font-size: 15px;
}



        @media (max-width: 768px) {

            .community-title {

                font-size: 32px;

            }



            .community-subtitle {

                font-size: 14px;

            }



            .community-slide-image {

                height: auto;

            }

            .owl-carousel.owl-theme.lifestyle-owl-carousel {

    display: none;

}

            .owl-carousel.residence_mobile {

    display: block !important;

}
.community-celebration-section span.extra_absolute_text {
    background-color: #0000004a;
    padding: 5px;
    border-radius: 3px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    text-align: center;
}

.lifestyle-summit-section span.extra_absolute_text {
    background-color: #0000004a;
    padding: 5px;
    border-radius: 3px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    text-align: center;
} 
.interior_sec span.extra_absolute_text {
    background-color: #0000004a;
    padding: 5px;
    border-radius: 3px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    text-align: center;
}
span.extra_absolute_text.floor_extra {
    color: #000;
    position: relative;
    padding-bottom: 20px;
    bottom: -7px;
    text-align: center;
    left: 36%;
    font-size: 15px;
}

        }











        .lifestyle-summit-section {

            background-color: #f5f0eb;

            padding-bottom: 60px;

        }





        .lifestyle-header {

            text-align: center;

            margin-bottom: 30px;

            padding-top: 60px;

        }



        .lifestyle-title {

font-size: 52px;

    font-weight: 400;

    margin-bottom: 15px;

    color: #303030;

    font-family: "canela";

        }



        .lifestyle-title .highlight {

            color: #C69A5C;

            font-style: italic;

    font-family: "TestTiempos", serif;

        }



.introducing-text {

    font-size: 20px;

    color: #303030;

    font-style: italic;

    font-family: "canela";

    font-weight: 500;

    margin-bottom: 0px;

}



        .club-nova-logo {

            margin: 20px 0;

            margin-top: 0px;

        }



        .club-nova-logo img {

            max-width: 180px;

            height: auto;

        }



        .lifestyle-description {

            font-size: 15px;

            color: #666;

            line-height: 1.8;

            margin: 20px auto 0;

            font-family: "Inter", sans-serif;

        }



        .lifestyle-slider-wrapper {

            position: relative;

            margin-top: 40px;

        }



        .lifestyle-main-image {

            width: 100%;

            height: auto;

            display: block;

        }



     .lifestyle-thumbnails {

    position: absolute;

    bottom: 50px;

    left: 19%;

    display: flex;

    gap: 10px;

    z-index: 10;
    display: none;

}



        .lifestyle-thumbnail {

            width: 80px;

            height: 60px;

            object-fit: cover;

            cursor: pointer;

            border: 2px solid transparent;

            transition: all 0.3s ease;

        }



        .lifestyle-thumbnail:hover,

        .lifestyle-thumbnail.active {

            border-color: #c9a162;

        }



        /* Owl Carousel Styles */

        .lifestyle-slide-image {

            width: 100%;

            height: auto;

            display: block;

        }



        .lifestyle-owl-carousel .owl-nav {

            display: none;

        }




        @media (max-width: 768px) {

            .lifestyle-title {

                font-size: 36px;

            }



            .lifestyle-description {

                font-size: 13px;

            }



            .lifestyle-thumbnails {

                bottom: 10px;

                left: 10px;

                gap: 8px;

            }



            .lifestyle-thumbnail {

                width: 60px;

                height: 45px;

            }
            .property-title-section h1 {
                display: none;
            }
            .property-description {
                display: none;
            }
            .property-header {

    display: block !important;
        margin-bottom: 0px !important;
}

        }



        @media (max-width: 480px) {

            .lifestyle-title {

                font-size: 28px;

            }



            .lifestyle-thumbnails {

                position: relative;

                bottom: auto;

                left: auto;

                justify-content: center;

                margin-top: 15px;

            }

        }











        .residence-slider-wrapper {

            position: relative;

            width: 100%;

            overflow: hidden;

        }



        .residence-carousel-container {

            position: relative;

            display: flex;

            align-items: stretch;

            min-height: 500px;

        }



        .residence-slide-item {

            display: flex !important;

            align-items: stretch;

            min-height: 500px;

        }



        .residence-content-section {

            background-color: #0E3B53;

            color: white;

            padding: 60px 50px;

            display: flex;

            flex-direction: column;

            justify-content: center;

            width: 46%;

            position: relative;

            flex-shrink: 0;

        }



        .residence-image-slider {

            width: 54%;

            position: relative;

            overflow: hidden;

        }



.residence-content-section h1 {

    font-size: 52px;

    font-weight: 500;

    margin-bottom: 25px;

    line-height: 1.2;

    font-family: "canela";

    color: #fff;

}



        .residence-content-section h1 .residence-text {

            font-style: italic;

            color: #C69A5C;

            font-family: 'TestTiempos';

        }



       .residence-content-section p {

    font-size: 16px;

    line-height: 1.7;

    margin-bottom: 40px;

    color: #fff;

    font-family: "Inter", sans-serif;

}



.residence-next-button {

    width: 80px;

    height: 80px;

    background-color: #d4a857;

    border: none;

    border-radius: 50%;

    color: white;

    font-size: 14px;

    font-weight: 500;

    cursor: pointer;

    transition: all 0.3s ease;

    opacity: 0;

    transform: translateY(10px);

    text-transform: uppercase;

    letter-spacing: 1px;

    font-family: "Inter", sans-serif;

    left: 80%;

    position: relative;

}



        .residence-carousel-container:hover .residence-next-button {

            opacity: 1;

            transform: translateY(0);

        }



        .residence-next-button:hover {

            background-color: #c49647;

            transform: scale(1.05);

        }



        .residence-image-section {

            width: 100%;

            height: 100%;

            min-height: 500px;

            position: relative;

            overflow: hidden;

        }



        .residence-image-section img {

            width: 100%;

            height: 100%;

            object-fit: cover;

        }



        /* Owl Carousel Custom Navigation */

        .residence-owl-carousel .owl-nav {

            display: none;

        }



        .residence-owl-carousel .owl-dots {

            display: none;

        }



        /* Responsive Design */

        @media (max-width: 992px) {

            .residence-carousel-container {

                flex-direction: column;

                min-height: auto;

            }



            .residence-content-section,

            .residence-image-slider {

                width: 100%;

            }



            .residence-content-section {

                padding: 40px 30px;

            }



            .residence-content-section h1 {

                font-size: 2.2rem;

            }



            .residence-image-section {

                min-height: 380px;

            }

        }



        @media (max-width: 576px) {

            .residence-content-section {

                padding: 30px 20px;

            }



            .residence-content-section h1 {

                font-size: 1.8rem;

            }



            .residence-content-section p {

                font-size: 0.9rem;

            }



            .residence-next-button {

                width: 65px;

                height: 65px;

                font-size: 0.8rem;

            }

        }





section.grid_galler {

    padding: 60px 20px;

    background: #f4efe8;
    padding-top: 0px;

}

        .property-showcase-container {

            max-width: 1200px;

            margin: 0 auto;

            background: white;

            padding: 60px 40px;

            border-radius: 8px;

        }

.property-header {

    text-align: left;

    margin-bottom: 40px;

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    flex-wrap: wrap;

    gap: 30px;

    padding: 0px 43px;

}



.property-para {

    margin-top: 10px;

}



        .property-title-section {

            flex: 1;

            min-width: 300px;

        }



        .property-title-section h1 {

    font-size: 52px;

    font-weight: 500;

    margin-bottom: 25px;

    line-height: 1.2;

    font-family: "canela";

    color: #303030;

        }



        .property-title-section .highlight-text {

            color: #C69A5C;

            font-style: italic;

            font-family: 'TestTiempos';

            font-weight: 400;

        }



.property-description {

    font-size: 16px;

    color: #303030;

    line-height: 1.6;

    max-width: 535px;

    margin-bottom: 20px;

}



        .property-actions {

            display: flex;

            gap: 15px;

            align-items: center;

        }



        .property-btn {

            padding: 14px 32px;

            border: none;

            border-radius: 25px;

            font-size: 15px;

            font-weight: 500;

            cursor: pointer;

            transition: all 0.3s ease;

            text-transform: uppercase;

            letter-spacing: 0.5px;

            font-family: "Inter", sans-serif;
            text-decoration: none;

        }



        .property-btn-primary {

            background: linear-gradient(135deg, #d4af7a, #c9a961);

            color: white;

        }



        .property-btn-primary:hover {

            background: linear-gradient(135deg, #c9a961, #b89850);

            transform: translateY(-2px);

            box-shadow: 0 4px 15px rgba(201, 169, 97, 0.3);

        }



        .property-btn-secondary {

            background: #2c5e6f;

            color: white;

        }



        .property-btn-secondary:hover {

            background: #234a57;

            transform: translateY(-2px);

            box-shadow: 0 4px 15px rgba(44, 94, 111, 0.3);

        }



        .property-gallery-slider {

            position: relative;

        }



        .property-owl-carousel .owl-stage-outer {

            overflow: visible;

        }



              .property-grid-layout {

            display: grid;

            grid-template-columns: repeat(4, 1fr);

            grid-template-rows: 180px 180px 180px;

            gap: 15px;

        }



        .property-grid-item {

            border-radius: 12px;

            overflow: hidden;

            position: relative;

            cursor: pointer;

            transition: transform 0.3s ease;

        }



        .property-grid-item:hover {

            transform: scale(1.02);

            z-index: 10;

        }



        .property-grid-item img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            display: block;

        }



        /* Grid layout structure matching the image */

        .property-grid-item:nth-child(1) {

            grid-column: 1;

            grid-row: 1 / 3;

        }



        .property-grid-item:nth-child(2) {

            grid-column: 2;

            grid-row: 1;

        }



        .property-grid-item:nth-child(3) {

            grid-column: 3;

            grid-row: 1 / 3;

        }



        .property-grid-item:nth-child(4) {

            grid-column: 4;

            grid-row: 1 / 2;

        }



        .property-grid-item:nth-child(5) {

            grid-column: 1;

            grid-row: 3;

        }



        .property-grid-item:nth-child(6) {

            grid-column: 2;

            grid-row: 2 / 4;

        }



        .property-grid-item:nth-child(7) {

            grid-column: 3;

            grid-row: 3;

        }



        .property-grid-item:nth-child(8) {

            grid-column: 4;

            grid-row: 2/4;

        }





        @media (max-width: 1024px) {

            .property-grid-layout {

                grid-template-columns: repeat(3, 1fr);

                grid-template-rows: repeat(4, 160px);

            }



            .property-grid-item:nth-child(1) {

                grid-column: 1;

                grid-row: 1 / 3;

            }



            .property-grid-item:nth-child(2) {

                grid-column: 2;

                grid-row: 1;

            }



            .property-grid-item:nth-child(3) {

                grid-column: 3;

                grid-row: 1 / 3;

            }



            .property-grid-item:nth-child(4) {

                grid-column: 2;

                grid-row: 2 / 4;

            }



            .property-grid-item:nth-child(5) {

                grid-column: 1;

                grid-row: 3;

            }



            .property-grid-item:nth-child(6) {

                grid-column: 3;

                grid-row: 3;

            }



            .property-grid-item:nth-child(7) {

                grid-column: 1;

                grid-row: 4;

            }



            .property-grid-item:nth-child(8) {

                grid-column: 2 / 4;

                grid-row: 4;

            }

        }



        @media (max-width: 768px) {

            .property-showcase-container {

                padding: 40px 20px;

            }



            .property-title-section h1 {

                font-size: 32px;

            }



            .property-grid-layout {

                grid-template-columns: repeat(2, 1fr);

                grid-template-rows: repeat(4, 140px);

            }



            .property-grid-item:nth-child(1),

            .property-grid-item:nth-child(3),

            .property-grid-item:nth-child(4),

            .property-grid-item:nth-child(6) {

                grid-column: auto;

                grid-row: auto;

            }



            .property-actions {

                flex-direction: column;

                width: 100%;

            }



            .property-btn {

                width: 100%;

            }

        }



        @media (max-width: 480px) {

            .property-title-section h1 {

                font-size: 26px;

            }



            .property-grid-layout {

                grid-template-columns: 1fr;

                grid-template-rows: repeat(8, 200px);

            }

        }



        /* Responsive */

        @media (max-width: 1024px) {

            .hero-text h1 {

                font-size: 56px;

            }



            .building-image {

                height: 75%;

            }

        }



        @media (max-width: 768px) {





.hero-text {


    position: absolute;
    bottom: 60px;
    z-index: 3;
    color: white;
    text-align: center;
    width: 100%;

}



button.navbar-toggler {

    border: none;

}



            .hero-text h1 {

                font-size: 42px;

            }



            .building-image {

                left: 50%;

                transform: translateX(-50%);

                height: 60%;

                bottom: 10%;

            }



            .schedule-btn {

                padding: 40px 12px;

                font-size: 10px;

            }



            .nav-link {

                font-size: 10px;

                margin: 0 8px;

            }

        }


.mob_text {
    display: none;
}
        @media (max-width: 576px) {

            .hero-text h1 {

                font-size: 32px;
                display: none;

            }

h1.about_text {
    display: none;
}
.mob_text {
    display: block !important;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-family: 'canela', serif;
    font-style: italic;
    text-align: center;
}

            .navbar-brand {

                font-size: 16px;

                padding: 6px 15px;

            }



            .logo-right {

                font-size: 14px;

            }



            .floating-buttons {

                right: 10px;

                bottom: 80px;

            }



            .float-btn {

                width: 45px;

                height: 45px;

                font-size: 22px;

            }

        }



video.hero-video.desktop {

    display: block;

}

video.hero-video.mob {

    display: none;

}



.cert-desktop-grid {

    display: none;

}



.normal-slider {

    display: none !important;

}



.mobile_floor {

    display: none !important;

}

.mobile_floor1 {

    display: none !important;

}





/*==== otp form =====*/

.otp-form {

    padding: 50px;

    height: 100%;

    background: #fff;

    border-radius: 8px;

    display: flex;

    align-items: center;

}

.otp-container {

    border-radius: 12px;

    text-align: center;

    width: 300px;

    margin: 0 auto;

}



    .otp-container h2 {

      margin-bottom: 20px;

      color: #333;

    }



    .otp-inputs {

      display: flex;

      justify-content: space-between;

      margin-bottom: 20px;

    }



    .otp-inputs input {

      width: 40px;

      height: 45px;

      font-size: 20px;

      text-align: center;

      border: 1px solid #ccc;

      border-radius: 8px;

      outline: none;

    }



    .otp-inputs input:focus {

      border-color: #d4a55a;

    }



    .resend-btn {

      background-color: transparent;

      border: none;

      color: #d4a55a;

      cursor: pointer;

      font-size: 14px;

      text-decoration: underline;

      margin-top: 10px;

    }



.submit-btn {

    margin-top: 15px;

    background-color: #d4a55a;

    color: white;

    border: none;

    padding: 10px 20px;

    border-radius: 6px;

    cursor: pointer;

    font-size: 16px;

}



    .submit-btn:hover {

      background-color: #d4a55a;

    }





section.map_location_section {

    padding: 60px 0px;

    background-color: #f4efe8;

    padding-top: 0px;

}



.section_loaction .heading {

    font-size: 52px;

    font-weight: 500;

    margin-bottom: 0px;

    line-height: 1.2;

    font-family: "canela";

    color: #303030;

    text-align: center;

}



        .section_loaction .heading .highlight {

           color: #C69A5C;

    font-style: italic;

    font-family: 'TestTiempos';

    font-weight: 400;

    text-align: center;

        }



        .section_loaction .description {

     font-size: 15px;

    color: #666;

    line-height: 1.8;

    margin: 20px auto 0;

    font-family: "Inter", sans-serif;

    text-align: center;

        }



        .subtitle {

            font-size: 12px;

            color: #999;

            margin-bottom: 40px;

        }



.travel-times {

    display: flex;

    justify-content: space-between;

    max-width: 100%;

    margin: 30px auto 30px;

    flex-wrap: wrap;

    gap: 8px;

    margin-left: 20px;

}



        .travel-item {

            text-align: center;

            flex: 1;

            min-width: 120px;

        }



.time {

    font-size: 24px;

    color: #C69A5C;

    font-style: italic;

    margin-bottom: 5px;

    font-family: 'TestTiempos';

}



      .location-name {

    font-size: 12px;

    color: #383D38;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    font-family: "Inter", sans-serif;

}



.map-container {

    position: relative;

    width: 100%;

    max-width: 1280px;

    height: 636px;

    margin: 0 auto;

    background: linear-gradient(135deg, #f5ede5 0%, #f0e6dc 100%);

    border-radius: 10px;

    overflow: hidden;

}



.map-background {

    position: absolute;

    width: 1280px;

    height: 636px;

    background-image: url(../image/location2A.png);

    background-size: contain;

}



        .map-roads {

            position: absolute;

            width: 100%;

            height: 100%;

        }



        .road {

            position: absolute;

            background: rgba(218, 195, 170, 0.3);

            border-radius: 2px;

        }



        .road.horizontal {

            height: 3px;

            width: 100%;

        }



        .road.vertical {

            width: 3px;

            height: 100%;

        }



        .building-container {

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            z-index: 10;

        }



        .glow-circle {

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            width: 280px;

            height: 280px;

            border-radius: 50%;

            background: radial-gradient(circle, rgba(212, 165, 116, 0.15) 0%, transparent 70%);

            border: 2px solid rgba(212, 165, 116, 0.3);

        }



        .building-image {

            position: relative;

            width: 200px;

            height: 280px;

            background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);

            border-radius: 10px 10px 0 0;

            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);

            overflow: hidden;

        }







        .building-label {

            position: absolute;

            bottom: -40px;

            left: 50%;

            transform: translateX(-50%);

            background: white;

            padding: 8px 20px;

            border-radius: 20px;

            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

            white-space: nowrap;

        }



        .building-label::before {

            content: '';

            position: absolute;

            left: 10px;

            top: 50%;

            transform: translateY(-50%);

            width: 8px;

            height: 8px;

            background: #d4a574;

            border-radius: 50%;

        }



        .label-text {

            font-size: 12px;

            color: #666;

            padding-left: 15px;

        }



        .location-marker {

            position: absolute;

            width: 45px;

            height: 55px;

            cursor: pointer;

            z-index: 5;

            animation: popAnimation 2s ease-in-out infinite;

        }



        @keyframes popAnimation {

            0%, 100% {

                transform: scale(1);

            }

            50% {

                transform: scale(1.1);

            }

        }



        .location-marker:hover {

            animation: none;

            transform: scale(1.2);

        }



        .marker-icon {

            width: 100%;

            height: 100%;

        }



        .marker-icon::after {

            content: '';

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%) rotate(45deg);

            width: 12px;

            height: 12px;

            border-radius: 50%;

        }



        .tooltip {

            position: absolute;

            bottom: 100%;

            left: 50%;

            transform: translateX(-50%);

            background: white;

            padding: 10px 16px;

            border-radius: 8px;

            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);

            white-space: nowrap;

            opacity: 0;

            visibility: hidden;

            transition: opacity 0.3s ease, visibility 0.3s ease;

            margin-bottom: 10px;

            z-index: 100;

        }



        .tooltip::after {

            content: '';

            position: absolute;

            top: 100%;

            left: 50%;

            transform: translateX(-50%);

            border: 8px solid transparent;

            border-top-color: white;

        }



        .location-marker:hover .tooltip {

            opacity: 1;

            visibility: visible;

        }



        .tooltip-time {

            font-size: 16px;

            color: #d4a574;

            font-style: italic;

            margin-bottom: 4px;

        }



        .tooltip-name {

            font-size: 11px;

            color: #666;

            text-transform: uppercase;

            letter-spacing: 0.5px;

        }



        /* Positioning markers */

        .marker-2 { top: 66%; left: 30%; }

        .marker-3 { top: 32%; right: 22%; }

        .marker-4 { top: 55%; right: 31%; }

        .marker-5 { bottom: 25%; right: 25%; }

        .marker-6 { bottom: 30%; right: 35%; }

        .marker-7 { bottom: 18%; right: 31.7%; }

        .marker-8 { bottom: 9%; right: 37%; }





img.location_pin {

    width: 44px;

}

img.location_pin_airport {

    width: 30px;

}



img.location_pin_apolo {

    width: 35px;

}

img.location_pin_manipal {

    width: 37px;

}

img.location_pin_beleghata {

    width: 42px;

}

img.location_pin_itc {

    width: 50px;

}

.cta-button {



    padding: 14px 40px;

    background: #2c5f6f;

    color: white;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 11px;

    letter-spacing: 1.5px;

    border-radius: 30px;

    transition: background 0.3s ease;

    font-family: Arial, sans-serif;

    display: table;

    margin: auto;

        margin-top: 40px;

}



        .cta-button:hover {

            background: #1e4654;

        }



        @media (max-width: 768px) {

            .heading {

                font-size: 32px;

            }



            .travel-times {

                gap: 15px;

            }



            .travel-item {

                min-width: 100px;

            }



            .map-container {

                height: 400px;

            }



            .building-image {

                width: 150px;

                height: 210px;

            }



            .glow-circle {

                width: 220px;

                height: 220px;

            }

        }



img.img-fluid.mobile_location {

    display: none;

}

.swipe_left {

display: none;

}



.bottom-rect-bar {

    display: none;

}



.sub-hero {

    background: url(https://ambujagardenia.com/images/your-hub.webp);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

    padding-top: 15%;

    padding-bottom: 5%;

}

.subp-container {

    padding-top: 3.125rem;

    color: var(--color-blur1);

    display: block;

    width: 100%;

    padding-bottom: 3.125rem;

}

.sub-icon {

    width: 50px;

    height: 50px;

    text-align: center;

    align-content: center;

    background: #2c5f6f;

    border-radius: 50%;

    border: none;

    margin: 1rem auto;

}

.sub-title-02 {

    font-size: 1.2rem;

    color: #000;

    font-weight: 500;

    margin-top: 1.5rem;

}

.subp-btn-01 {

    text-align: center;

    margin: 1.5rem 0;

}

.subp-btn-01 a {

    padding: 10px 25px;

    border-radius: 5px;

    font-size: 1.1rem;

    font-weight: 500;

    background: #2c5f6f;

    color: #fff;

    cursor: pointer;

    text-decoration: none;

}

.sub-icon i {

    font-size: 20px;

    color: #fff;

}

/* Hide on desktop */
.mobile-fixed-bar {
  display: none;
}

/* Mobile view */
@media (max-width: 767px) {
  .mobile-fixed-bar {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 66px;
    background: #ffffff;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.15);
    z-index: 9999;
  }

  .mobile-bar-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.5px;
  }

  .mobile-bar-brochure {
    background: #d3a86b;
    color: #fff;
  }

  .mobile-bar-apply {
    background: #2c5f6f; /* change to brand color */
    color: #fff;
  }
}

/* Prevent content overlap */
@media (max-width: 767px) {
  body {
    padding-bottom: 60px;
  }
}


        @media (max-width: 600px) {





.schedule-btn {

display: none;

}







.logo_img {
    width: 130px !important;
    height: 50px;
}
a.navbar-brand.ambuja {

    display: none;

}

.cert-desktop-grid {

    margin-top: 30px;

}

.residence-owl-carousel .owl-dots {

    display: block;

}

section.interior_sec {

    background-color: #0E3B53;

}

span.extra_absolute_text.extra_grid {
    position: absolute;
    z-index: 1;
    left: 0px;
    color: #F1F1F1;
    font-size: 13px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.3px;
    width: 238px;
    border-radius: 10px;
}

button.residence-next-button {

    display: none;

}

.swipe_left {

    display: flex !important;

    justify-content: center;

    color: #fff;

    gap: 5px;

}

.residence-content-section p {

    margin-bottom: 10px;

}

.arrow-icon1::before {

    content: '→';

    font-size: 15px;

    color: #fff;

    transform: rotate(

180deg);

}

.arrow-icon1 {

    display: flex;

    align-items: center;

    justify-content: center;

    transition: opacity 0.3s;

    margin-top: -15px;

}



p.mob_swipe_text {

    font-size: 13px;

}



img.img-fluid.mobile_location {

    display: block !important;

}

.tabs-sidebar {

    min-width: 338px;

    max-width: 280px;

    flex-shrink: 0;

    height: 30px;

    overflow: visible;

    overflow-y: scroll;

}

.map-container {

    display: none;

}

.section_loaction .heading {

    font-size: 26px;

    font-weight: 500;

    margin-bottom: 0px;

    line-height: 1.2;

    font-family: "canela";

    color: #303030;

    text-align: center;

}

section.arch-box {

    padding-bottom: 10px;

}

.navbar-toggler:focus {

    text-decoration: none;

    outline: 0;

    box-shadow: none;

}

.navbar-nav .nav-link {

    padding: 10px 0;

    font-size: 15px;

    color: #d4a55a;

}

  video.hero-video.mob {

    display: block;

}

  video.hero-video.desktop {

    display: none;

}

.hero-section {

    position: relative;

    height: 70vh;

    background: linear-gradient(135deg, #2c3e50 0%, #34495e 50%, #5a6d7e 100%);

    overflow: hidden;

}

.sub-title {

    font-size: 16px;

    font-weight: 400;

}



.udyatt-section {

    padding: 60px 0px;

    padding-bottom: 35px;

}



.description {

    font-size: 15px;

    margin: 0 auto -8px auto;



}



.features-wrapper {

    display: none;

  }



.cert-desktop-grid {

    display: block !important;

}

.cert-desktop-grid .certification-item:first-child {

    border-right: 1px solid #195372;

    border-top-left-radius: 16px;

    border-bottom-left-radius: 16px;

}



.cert-desktop-grid .certification-item:last-child {

    border-left: 1px solid #195372;

    border-top-right-radius: 16px;

    border-bottom-right-radius: 16px;

}



.certification-item {

    background: rgba(13, 60, 84, 0.8);

    border: 1px solid #195372;

    padding: 20px 10px;

    text-align: center;

    min-height: 178px;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.cert-heading {

    color: #ffffff;

    font-size: 14px;

    line-height: 1.35;

    margin: 0;

    font-family: "TestTiempos", serif;

}



.feature-icon {

    width: 100px;

    height: 100px;

    margin-bottom: 20px;

}



.visit-overlay {

    position: absolute;

    top: 50%;

    left: 20%;

    transform: translateY(-50%);

    color: #fff;

}

.play-btn::after {

    content: "";

    position: absolute;

    top: -3px;

    left: -3px;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: rgb(255 255 255 / 38%);

    z-index: 1;

    animation: blingPulse 1.5s infinite;

}

.cert-icon-circle img {

    width: 80px;

    height: 80px;

}

.cert-desktop-grid .owl-nav {

    display: none !important;

    margin-top: 20px;

}

.cert-carousel .owl-nav button.owl-prev, .cert-carousel .owl-nav button.owl-next {

    width: 50px;

    height: 50px;

    border: 2px solid #c9a159 !important;

    border-radius: 50%;

    background: transparent !important;

    margin: 0 10px;

    transition: all 0.3s ease;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



.cert-carousel .owl-nav button span {

    color: #c9a159;

    font-size: 28px;

    line-height: 1;

    font-weight: 300;

}

section.grid_galler {

    padding-top: 0px !important;
    padding: 30px 0px;

    background: #f4efe8;

    overflow: hidden;

}

.property-header {

    gap: 0px;

    padding: 0px 0px;

}

.property-gallery-slider {

    display: none;

}



.normal-slider {

    display: block !important;

}

.normal-slider img {

    width: 238px !important;

    display: block;

    border-radius: 10px;

    height: 200px;

}



.normal-slider .owl-dots .owl-dot span {

    width: 10px;

    height: 10px;

    margin: 5px 7px;

    background: #D6D6D6;

    display: block;

    -webkit-backface-visibility: visible;

    transition: opacity .2s ease;

    border-radius: 30px;

}



.normal-slider .owl-dots .owl-dot.active span, .normal-slider .owl-dots .owl-dot:hover span {

    background: #0E3B53;

}

.normal-slider .owl-dots {

    text-align: center;

    -webkit-tap-highlight-color: transparent;

}

.normal-slider .owl-nav.disabled+.owl-dots {

    margin-top: 20px;

    display: none;

}

.normal-slider .owl-stage {

    width: 100%;

}



.floorPlanSwiper4 {



    display: none;

}

.floorPlanSwiper3 {

    display: none;

}

.slider-wrapper {

    padding: 0 0px;

}

.tab-item {

    border: none;

    padding: 0px 8px;

    gap: 8px;

}

.tab-item.active {

    border: none;

    flex-direction: row;

        color: #F1F1F1;

    transition: all 0.3s;

    font-size: 15px;

}

.tabs-sidebar {

border: none;

}

.arrow-icon {

     display: block; 

}

.tabs-sidebar {

    scrollbar-width: none;       /* Firefox */

    -ms-overflow-style: none;    /* IE & Edge */

}

.master-plan-section {

    padding: 0 0px;

}



.arrow-icon {

    width: 28px;

    height: 28px;

}

.arrow-icon::before {

    content: '→';

    font-size: 15px;

    color: #C69A5C;

}

.arch-title {

    font-size: 26px;

    text-align: center;

}

.arch-subtitle {

    font-size: 26px;

    text-align: center;

}

.arch-text {

    text-align: center;

}

.property-title-section h1 {

    font-size: 26px;

    text-align: center;

}

.property-description {

text-align: center;

}

.property-actions {

    flex-direction: row;

    width: 100%;

}

.community-title {

    font-size: 26px;

}

.property-btn {
    padding: 15px 10px;
    font-size: 10px;
    text-align: center;
}

.residence-content-section h1 {

    text-align: center;

}

.residence-content-section p {

    font-size: 0.9rem;

    text-align: center;

}

.navbar-collapse {

    background: #fff;

    border-radius: 10px;

}

.mobile_floor {

    display: block !important;

}

.mobile_floor1 {

    display: block !important;

}

.arch-img {

    max-width: 300px;

}

.master-plan-section h1 {

    font-size: 32px;

    padding-bottom: 10px;

}

.floor-plan-section h1 {

    font-size: 32px;



}

.visit-overlay h2 {

    font-size: 32px;

    line-height: 35px;

}

.form-title {

    font-size: 32px;

    margin-bottom: 15px;

    padding-top: 20px;

}

.visit-input {

    border: none;

    border-bottom: 1px solid #c0c0c0;

    border-radius: 0;

    padding: 10px 0;

    background: transparent;

    font-size: 14px;

    font-family: "Inter", sans-serif;

}

.lifestyle-thumbnails{

    display: none;

}

}

img.img-fluid.thankyou {
    width: 100%;
}