/********** Template CSS **********/

@font-face {

    font-family: 'Ailerons';

    src: url('fonts/Ailerons-Regular.woff') format('woff'),

        url('fonts/Ailerons-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face{

    font-family: 'PP Fraktion Sans';

    src: url('fonts/PPFraktionSans-Light.otf') format('otf');

    font-weight: lighter;

    font-style: normal;

}

@font-face {

    font-family: 'PP Fraktion Sans';

    src: url('fonts/PPFraktionSans-LightItalic.otf') format('otf');

    font-weight: lighter;

    font-style: italic;

}

@font-face {

    font-family: 'PP Fraktion Sans';

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

    font-weight: bold;

    font-style: normal;

}

@font-face {

    font-family: 'PP Fraktion Sans';

    src: url('fonts/PPFraktionSans-BoldItalic.otf') format('otf');

    font-weight: bold;

    font-style: italic;

}





@font-face {

    font-family: 'PP Editorial New';

    src: url('fonts/PPEditorialNew-Italic.otf') format('otf');

    font-weight: normal;

    font-style: italic;

}

@font-face {

    font-family: 'PP Editorial New';

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

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'PP Editorial New';

    src: url('fonts/PPEditorialNew-Ultrabold.otf') format('otf');

    font-weight: bolder;

    font-style: normal;

}

@font-face {

    font-family: 'PP Editorial New';

    src: url('fonts/PPEditorialNew-UltraboldItalic.otf') format('otf');

    font-weight: bolder;

    font-style: italic;

}

@font-face {

    font-family: 'PP Editorial New';

    src: url('fonts/PPEditorialNew-Ultralight.otf') format('otf');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'PP Editorial New';

    src: url('fonts/PPEditorialNew-UltralightItalic.otf') format('otf');

    font-weight: lighter;

    font-style: italic;

} 

body  {

    font-family: 'PP Editorial New', 'PP Fraktion Sans'  !important;

}



body {

    margin: 0;

    font-family: "Playfair Display",sans-serif;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #545454;

    background-color: #2b1608 !important;

    -webkit-text-size-adjust: 100%;

    -webkit-tap-highlight-color: rgba(0,0,0,0);

}

h1, h2, h3 {

    font-family: 'PP Editorial New';

}



p{

    font-family: 'PP Fraktion Sans'  !important;

}

html {

    scroll-behavior: smooth;

}



:root {

    --primary: #CBA69C;

    --secondary: #161515;

    --light: #FDF5EB;

    --dark: #1E1916;

}



h4,

h5,

h6,

.h4,

.h5,

.h6 {

    font-weight: 600 !important;

}



.py-6 {

    padding-top: 6rem;

    padding-bottom: 6rem;

}



.my-6 {

    margin-top: 6rem;

    margin-bottom: 6rem;

}



.back-to-top {

    position: fixed;

    display: none;

    right: 30px;

    bottom: 30px;

    z-index: 99;

}

a:hover {

    color: #FAD9CD !important;

}

body {

    scroll-behavior: smooth;
    overflow-x: hidden;

}

/*** Spinner ***/

#spinner {

    opacity: 0;

    visibility: hidden;

    transition: opacity .5s ease-out, visibility 0s linear .5s;

    z-index: 99999;

}



#spinner.show {

    transition: opacity .5s ease-out, visibility 0s linear 0s;

    visibility: visible;

    opacity: 1;

}

/*** banner ***/

  /* Styling the image container */

  .image-container {

    width: 100%;

    height: 600px; /* Adjust the height as needed */

    overflow: hidden;

    position: relative;

}



/* Default image styling */

.zoom-image {

    width: 100%;

    height: 100%;

    object-fit: cover;

    animation: zoomIn 8s ease-in-out forwards; /* Slower zoom duration */

}



/* Animation for zoom effect */

@keyframes zoomIn {

    0% {

        transform: scale(1.2); /* Start zoomed in */

    }

    100% {

        transform: scale(1); /* Zoom out to normal size */

    }

}



/* Ensure no extra margins or padding on the body */

body, html {

    margin: 0;

    padding: 0;

}

/*** banner end ***/



/*** Button ***/

/* .btn {

    font-weight: 500;

    transition: .5s;

}



.btn.btn-primary {

    color: #FAD9CDFFF;

}



.btn-square {

    width: 38px;

    height: 38px;

}



.btn-sm-square {

    width: 32px;

    height: 32px;

}



.btn-lg-square {

    width: 48px;

    height: 48px;

}



.btn-square,

.btn-sm-square,

.btn-lg-square {

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: normal;

} */

/* Custom Header Container */

/* Custom Logo Text Styling */

h1 span::before,

h1 span::after {

    content: "";

    display: inline-block;

    width: 30px; 

    height: 2px;

    background-color: #CBA69C !important;

    vertical-align: middle;

}



/* Adjust Button Styles */

.btn-warning {

    background-color: #2b1608 !important; 

    border: none; /* Remove default border */

}



.btn-warning:hover {

    background-color: #654B43; 

}



/* Adjust Button Icon Size */

.btn-warning i {

    font-size: 14px; 

}





/*** Navbar ***/

.tobar-new{

    /* background-color: #161515 !important; */
    

}



/* .video-container {

    position: relative;

    height: 100vh; 

    overflow: hidden;

}



.video-container video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

} */



.position-absolute {

    position: absolute;

    top: 50%;

    left: 50%;

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

}



.btn-light {

    background-color: rgba(255, 255, 255, 0.7);

    color: #000;

}



.btn-light i {

    font-size: 24px;

}



.text-light {

    color: #FAD9CD;

}



/* Custom CSS */

.navbar-custom {

    /* background-color: #2b1608  !important; */

}



.navbar-nav {

    margin: 0 auto; /* Centers the navbar items */

}

li.nav-item {

    padding-top: 10px;

}

.navbar-nav .nav-link {

    color: #FAD9CD; /* White text color */

    padding-left: 20px;

    padding-right: 20px;

    font-size: 16px;

    text-transform: uppercase;

}



.navbar-nav .nav-link:hover {

    color: #000; /* Change this for hover effect */

}

.navbar-custom {

    background-color: #CBA69C; /* Adjust this to match the background color */

    position: sticky; /* Make the navbar sticky */

    top: 0; /* Position it at the top of the viewport */

    z-index: 1000; /* Ensure it's above other content */

    height: 60px;

}



.navbar-nav {

    margin: 0 auto; /* Centers the navbar items */

}

.nav-link {

    display: block;

    padding: .5rem 1rem;

    /* color: #000 !important; */

    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;

}



.navbar-nav .nav-link {

    color: #FAD9CD; /* White text color */

    padding-left: 20px;

    padding-right: 20px;

    font-size: 16px;

    text-transform: uppercase;

}



.navbar-nav .nav-link:hover {

    color: #000; /* Change this for hover effect */

}
.navbar-dark .navbar-nav .nav-link {
    color: #2b1608 !important;
}
/* .navalgn{

    margin-bottom: 15px;

    margin-left: 140px !important;

} */

.navalgn {

    margin-bottom: 15px;

     /* margin-left: 270px !important; */

    align-items: center !important;

    text-align: center !important; 

}

/* Optional: Add some margin or padding to the top of the content below the navbar */





.image-section {

    position: relative;

    /* background-image: url('../img/wel.jpg');  */

    /* background-image: url('../img/ipback3.jpg');  */
    /* background-image: url('../img/brbackgraound.jpg');  */
    background-image: url('../img/brbackgraound.jpg'); 
    background-size: cover;

    background-position: center;

    min-height: 480px;

    opacity: 0; /* Initially hidden */

    transform: translateY(30px); /* Slight shift down */

    transition: opacity 1s ease, transform 1s ease; /* Smooth transition */

    transform: translateY(-20px); /* Move up for the fade-in-down effect */

    transition: opacity 0.6s ease, transform 0.6s ease; /* Animation timing */

}



.image-section.visible {

    opacity: 1; /* Fully visible */

    transform: translateY(0); /* Back to the original position */

}



.text-section {

    background-color: transparent;

    color: #333;

    padding: 40px;

    max-width: 40%;

    padding-bottom: 10px;

    text-align: left;

}



h1 {

    font-weight: bold;

    font-size: 27px !important;

    color: #A37F75 !important;

    margin-bottom: 10px;

}



.custom-heading {

    font-weight: bold;

    font-size: 26px;

    color: #666;

    margin-bottom: 10px;

}



.custom-heading span {

    color: #A37F75 !important;

    font-size: 22px;

    font-style: italic;

    padding-left: 15px;

}



.custom-heading::before {

    content: "";

    display: inline-block;

    width: 80px;

    height: 2px;

    background-color: #F4D9CD !important;

    vertical-align: middle;

    margin-right: 10px;

}



.aboutpara {

    max-width: 50%;

    margin-left: 40px;

}

.fistpara{

    color: #F4D9CD !important;

}

/*** iconsec ***/

.container-highlight {

    border: 2px solid #2b1608 !important;

    padding: 20px;

    text-align: center;

    margin-left: 20px;

    margin-right: 20px;



}



h1.section-title.eahead {

    font-size: x-large !important;

    color: #654B43 !important;

}



.prajay-custom-heading1 {

    font-weight: bold;

    font-size: 26px;

    color: #666;

    margin-bottom: 10px;

}



.prajay-custom-heading1 span {

    color: #654B43 !important; /* Golden color for the heading */

    font-size: 22px;

    font-style: italic;

    padding-left: 0px;

}



.prajay-custom-heading1::before {

    content: "";

    display: inline-block;

    width: 80px;

    height: 2px;

    background-color: #654B43; /* Golden color for the line */

    vertical-align: middle;

    margin-right: 10px;

}



.container-highlight h2 span::before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    height: 2px;

    /* background-color: #ffd700; */

    z-index: -1;

}

.text-section1 {

    background-color: transparent; /* Removed background color */

    color: #333;

    max-width: 50%;

    padding-bottom: 20px;

    text-align: left; /* Aligned text to the left */

    margin-left: 400px;

}



h1 {

    font-weight: normal !important;

    font-size: 26px !important;

    /* color: #d4af37; */

   

}

h1 {

    font-style: normal !important;

}

.custom-heading1 {

    font-weight: bold;

    font-size: 26px;

    color: #666;

    margin-bottom: 10px;

}



.custom-heading1 span {

    color: #A37F75 !important; /* Golden color for the heading */

    font-size: 22px;

    font-style: italic;

    padding-left: 15px;

}



.custom-heading1::before {

    content: "";

    display: inline-block;

    width: 80px;

    height: 2px;

    background-color: #F4D9CD; /* Golden color for the line */

    vertical-align: middle;

    margin-right: 10px;

}

.container-highlight h2 span::before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    height: 2px;

    /* background-color: #ffd700; */

    z-index: -1;

}



.project-icons {

    margin-top: 20px;

}



.icon-box img.icon-image {

    width: 60px; 

    height: auto;

    margin-bottom: 10px; 

}





.project-icons h3 {

    margin: 10px 0;

    font-size: 1.25rem;

    color: #2b1608 !important;

}



.project-icons p {

    font-size: 1rem;

    color: #2b1608 !important;

}

.scroll-appear {

    opacity: 0; /* Initially hidden */

    transform: translateY(20px); /* Slightly shifted down */

    transition: opacity 1s ease, transform 1s ease; /* Smooth transition */

}



.scroll-appear.visible {

    opacity: 1; /* Visible when in view */

    transform: translateY(0); /* Back to original position */

}



.icon-box img.icon-image {

    width: 60px;

    height: auto;

    margin-bottom: 10px;

}



.project-icons h3 {

    margin: 10px 0;

    font-size: 1.25rem;

    color: #2b1608 !important;

}



.project-icons p {

    font-size: 1rem;

    color: #F4D9CD;

}

.container-highlight h2 span::before{

    background-color: none !important;

}

  /* Ensure the slider takes full width */

  

  .carousel-container {

    position: relative;

    width: 100%;

}



.carousel-item img {

    width: 100%;

    height: 500px; /* Adjust the height as needed */

    object-fit: cover;

}



/* Overlay container for the text section */

.amenities-container {

    position: absolute;

    left: 50px;

    background-color: rgba(249, 243, 229, 0.9); /* Semi-transparent background */

    padding: 30px;

    width: 380px; 

    text-align: left;

    z-index: 2;

    height: 100%;

    display: flex;

    flex-direction: column;

    height: auto;

}



.amenities-container h2 {

    font-size: 22px;

    color: #654B43  !important;

    font-weight: 500;

}



.amenities-container h3 {

    font-size: 18px;

    color: #A37F75  !important;

    margin-top: 5px;

    margin-bottom: 15px;

}



.amenities-container p {

    font-size: 14px;

    color: #5f5f5f;

    line-height: 1.6;

    margin-bottom: 20px;

}

.mainname{

    color: #654B43   !important;

    font-family: 'PP Editorial New'!important;

    font-weight: normal !important;

}

.submain{

    color: #654B43   !important;

}

.btn-view {

    display: inline-block;

    padding: 10px 25px; /* Increase padding to increase height and reduce width */

    background-color: #A37F75 !important;

    color: white;

    text-decoration: none;

    border-radius: 5px;

    font-size: 14px;

    border: none;

    cursor: pointer;

    font-weight: 500;

    width: 105px;

}



.btn-view:hover {

    background-color: #8c703a;

}



/* Pagination Styling */

.carousel-indicators {

    position: absolute;

    /* bottom: 20px; */

    right: 20px; /* Position the indicators to the bottom-right corner */

}



.carousel-indicators li {

    background-color: #b18c49; /* Color for the indicators */

}



.carousel-indicators .active {

    background-color: #8c703a; /* Active indicator color */

}

/** map section ***/

.overlay {

   background-image: url(../img/Sectionbg.jpg);

    padding: 40px;

    min-height: auto;

    display: flex;

    justify-content: center;

    align-items: center;

}

.florname{

    color: #F4D9CD  !important;

    text-align: center;

}



.container {

    display: flex;

    flex-direction: row;

    align-items: center; /* Centering vertically */

    /* padding: 20px; */

    position: relative;

    /* max-width: 1200px; */

    width: 100%;

}



/* Map Section */

.map-container {

    flex: 2; /* Decreased map width */

    position: relative;

}



.map {

    width: 100%;

    max-width: 700px; /* Adjusted the map size */

    border-radius: 10px;
    

}



/* Text Section */

.info-container {

    flex: 2.5; /* Increased text section width */

    margin-left: -80px; /* Overlap over the map */

    /* background-color: white; */

    background-color: rgba(249, 243, 229, 0.968);

    padding: 30px;

    border-radius: 10px;

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);

    color: black;

    z-index: 1;

    width: 500px; /* Increased width */

    text-align: left; /* Left text alignment */

}



h2 {

    color: #f3c96b;

    font-size: 28px; /* Increased font size */

    margin-bottom: 8px;

    

}



h3 {

    color: #A37F75;

    font-size: 22px; /* Increased font size */

    margin-bottom: 35px;

}



p {

    font-size: 14px !important; /* Increased font size */

    color: #654B43 !important;

    line-height: 1.6;

    margin-bottom: 10px;

}



.infrastructure-icons {

    display: flex;

    justify-content: space-between;

}



.icon-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-right: 10px;

    color: #A37F75 !important; /* Gold color #BB9632 for icons */

}



.icon-item i {

    font-size: 30px; /* Reduced icon size */

    margin-bottom: 8px;

}



.icon-item span {

    font-size: 14px; /* Increased text size */

    color: #333;

}



@media screen and (max-width: 768px) {  
    .container {

        flex-direction: column;

        align-items: center;

    }



    .map-container, .info-container {

        margin-left: 0;

        margin-bottom: 20px;

        width: 100%;

    }

}

/* Initial hidden state for animation */

.map-section {

    opacity: 0;

    transform: translateY(50px);

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

}



.map-section.visible {

    opacity: 1;

    transform: translateY(0);

}



/* Rest of the styles remain the same */



/*** owl slider start  ***/

.gallery_sec {

    /* padding: 20px 0; */

    /* background-color: #FAD9CD; */

  }



  .gallery_sec .proj_head_bx h3 {

    color: #888;

    margin-bottom: 5px;

  }



  .gallery_sec .proj_head_bx h2 {

    margin-bottom: 30px;

  }



  .gallery_silder {

    /* max-width: 1200px; */

    margin: 0 auto;

  }



  .gallery_silder .owl-carousel img {

    width: 100%;

    height: auto;

  }

  .owl-carousel .owl-item img {

    display: block;

    width: 100%;

    height: 250px !important;

}



  .gallery_silder a {

    display: block;

    margin: 0; /* No margin for the individual images */

  }

  

  /* Styling the divider image */

  .divider {

    margin-bottom: 5px !important;

    text-align: center;

  }



  .divider img {

    width: 100px;

    height: auto;

  }



  /* Fancybox gallery styling */

  [data-fancybox="group"] {

    display: inline-block;

  }



  /* Gap between slider rows */

  .gallery_silder .owl-carousel {

    margin-bottom: 5px; /* Adjusted gap between slider rows */

  }

  .carousel-caption {

    position: absolute;

    top: 20%;

    left: 15%;

    right: 15%;

    color: white; /* Change text color */

    text-align: left; /* Align text */

}



/*** owl slider end  ***/

/*** video section  ***/

.full-width-background {

    /* background-image: url(../img/Section\ white.svg); */

    padding: 60px 0;

}



.video-container {

    position: relative;

    display: inline-block;

    width: 100%;

    border-radius: 20px;

    overflow: hidden;

}



#thumbnail {

    width: 100%;

    height: auto;

    display: block;

}



.play-button {

    position: absolute;

    top: 50%;

    left: 50%;

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

    font-size: 30px; /* Smaller button size */

    color: white;

    /* background-color: rgba(255, 255, 255, 0.2);  */

    /* border: 2px solid white;  */

    /* border-radius: 50%; */

    padding: 20px; /* Smaller padding */

    cursor: pointer;

    transition: all 0.3s ease;

    z-index: 1;

}



.play-button:hover {

    background-color: rgba(255, 255, 255, 0.4); /* Subtle hover effect */

    transform: translate(-50%, -50%) scale(1.05); /* Slight zoom on hover */

}



.play-button i {

    font-size: 24px; /* Adjust icon size */

}



#video {

    width: 100%;

    display: none;

    border-radius: 10px;

}



/*** video end  ***/

/*** floor plan ***/

.custom_plans_section {

    background-image: url(../img/Sectionbackgraound.jpg);

    padding: 50px 0;

}



.custom_divider {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.custom_img_box img {

    max-width: 80%;

    height: auto;

    margin: 0 auto;

    display: block;

}



/* Heading Styling */

.custom_proj_head_bx h3 {

    color: #b2d4d5;

    margin-bottom: 10px;

    font-size: 16px;

    letter-spacing: 4px;

    text-align: center;

    font-weight: 400;

}



.custom_proj_head_bx h2 {

    color: #FAD9CD;

    font-size: 36px;

    letter-spacing: 4px;

    text-transform: capitalize;

    font-weight: 600;

    text-align: center;

}



/* Tab Menu Styling */

.custom_tab_menu {

    list-style: none;

    padding: 0;

    margin: 20px 0;

    display: flex;

    justify-content: center;

}



.custom_tab_menu li {

    margin: 0 15px;

}



.custom_tab_menu li a {

    color: #F4D9CD;

    font-size: 16px;

    position: relative;

    padding: 10px;

    text-transform: capitalize;

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

    font-weight: 300;

}



.custom_active_menu::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 100%;

    height: 2px;

    background-color: #FAD9CD;

}



/* Floor Plans and Images */

.custom_tab_main_wrap {

    margin-top: 30px;

}



.custom_floor_image {

    display: flex; /* Enable flexbox */

    justify-content: center; /* Center horizontally */

    align-items: center; /* Center vertically */

}



.custom_floor_image img {

    max-width: 100%;

    height: auto;

    border-radius: 8px;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

}



.custom_three_grid_container {

    display: grid;

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

    gap: 20px;

}



.custom_floor_image a {

    display: block;

}



/* Disclaimer Styling */

.custom_disc {

    color: #FAD9CD;

    font-size: 13px;

    margin-top: 30px;

    text-align: center;

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

    font-weight: 400;

    line-height: 1.6;

}

/***floor plan end ***/

/*** Footer ***/

.footer-custom {

    /* background-color: #000; */

    color: #FAD9CD; /* White text */

    padding: 20px; /* General padding */

    font-size: 14px;

  }

  .footer-custom a {

    color: #FAD9CD;

    text-decoration: none;

  }

  .footer-custom a:hover {

    text-decoration: underline;

  }

  .footer-heading {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 15px;

  }

  .footer-divider {

    border-left: 1px solid #FAD9CD;

    height: 20px;

    margin: 0 15px;

  }

  .disclaimer-section {

    border-top: 1px solid #FAD9CD; /* White divider on top */

    margin-top: 20px;

    padding-top: 10px;

  }

  .disclaimer-section p {

    margin-bottom: 10px;

    text-align: left; /* Align text to the left */

    color: #FAD9CD;

    font-size: 14px;

  }

.footsec{

    color: #FAD9CD !important;

}

.foopar{

    color: #FAD9CD;

}

/*** heading  ***/

.container-highlight {

    /* border: 7px solid #d4af37; */

    padding: 20px;

    text-align: center;

    margin-left: 20px;

    margin-right: 20px;

}



.text-area {

    background-color: transparent; /* Removed background color */

    color: #333;

    max-width: 50%;

    /* padding-top: 30px; */

    text-align: left; /* Aligned text to the left */

    margin-left: 500px;

}



.header-title {

    font-weight: bold;

    font-size: 28px;

    color: #d4af37;

}



.sub-header {

    font-weight: bold;

    font-size: 26px;

    color: #666;

    margin-bottom: 10px;

}



.sub-header span {

    color: #A37F75 !important; /* Golden color for the heading */

    font-size: 20px;

    font-style: italic;

    padding-left: 15px;

}



.sub-header::before {

    content: "";

    display: inline-block;

    width: 80px;

    height: 2px;

    background-color: #F4D9CD !important; /* Golden color for the line */

    vertical-align: middle;

    margin-right: 10px;

}



.container-highlight h2 span::before {

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    height: 2px;

    /* background-color: #ffd700; */

    z-index: -1;

}



/*** heading end ***/

.heading {

    /* color: #BD9234; */

    font-weight: bold; /* Make the heading bold */

    font-size: xx-large;

  }



  .subheading {

    color: #654B43;

  }

 /* Custom Colors */

 .highlight-box-new {

    border-left: 4px solid #A37F75;

    padding-left: 15px;

    margin-bottom: 30px;

  }



  .stats-new {

    color: #333;

  }



  .stats-new span {

    display: block;

    font-size: 2rem;

    font-weight: 700;

  }



  .stats-new p {

    font-size: 1.2rem;

  }



  .image-section-new img {

    /* max-width: 100%; */

    /* height: 500px; Increased height */

    object-fit: cover; /* Ensures the image scales without distorting */

    border-radius: 10px;

    /* height: 500px; */

    width: 100% !important;

  }

  .newsecin{

    /* padding: 70px; */

    padding-top: 0px !important;

  }

  .enquiry-form {

    background-color: #A37F75;

    padding: 15px 10px;

    color: #FAD9CD;

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 9999; /* Ensures it's on top of other content */

}

.enquiry-form input {

    border-radius: 0;

    border: none;

    border-bottom: 2px solid #FAD9CD;

    background-color: transparent;

    color: #FAD9CD;

}

.enquiry-form input::placeholder {

    color: #FAD9CD;

}

.form-check-label {

    color: #FAD9CD;

}

.submit-btn {

    background-color: #FAD9CD;

    color: #A57C2B;

    border: none;

}

.form-row {

    display: flex;

    align-items: center;

    flex-wrap: nowrap;

}

.form-row .form-group {

    flex: 1;

    margin-right: 10px;

}

.form-row .form-group:last-child {

    margin-right: 0;

}

.checkbox-wrapper {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.checkbox-wrapper .submit-btn {

    margin-left: 10px;

}

h2 {

    color: #FAD9CD;

    margin-right: 15px;

    white-space: nowrap;

}



.btn-container {

    position: fixed;

    top: 100px;

    right: 0;

    z-index: 1000;

    width: 14%;

    height: 0px;

}



.e-brochure-btn, .inquiry-btn {

    display: block;

    background-color: #A37F75; /* Blue color */

    color: white;

    padding: 10px 20px;

    text-align: center;

    text-decoration: none;

    font-size: 16px;

    border-radius: 5px 5px 0 0;

    transform: rotate(-90deg); /* Rotate the button vertically */

    transform-origin: right bottom; /* Set the rotation point */

    transition: background-color 0.3s ease;

    margin-bottom: 150px; /* Adds space between the buttons */

}



.e-brochure-btn:hover, .inquiry-btn:hover {

    background-color: #161515 !important; /* Darker blue on hover */

}



.inquiry-btn {

    background-color: #000; /* Green color for Inquiry button */

}



.inquiry-btn:hover {

    background-color: #A37F75; /* Darker green on hover */

}

/* testimonial start */



.testimonials {

    display: flex;

    justify-content: space-between;

    padding: 40px !important;

    /* background: url('../img/Section\ white.svg') no-repeat center center/cover; */

    gap: 20px;

  }



  .testimonial-card {

    background-color: #f3e4dd; /* Slight transparency */

    /* border: 1px solid #ddd; */

    padding: 30px;

    /* width: 30%; */

    text-align: center;

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

    position: relative;

    min-height: 200px !important;

  }



  

  .testimonial-card h3 {

    font-size: 20px;

    color: #333;

    margin-bottom: 5px;

  }



  .testimonial-card p {

    font-size: 16px;

    color: #666;

    margin-bottom: 20px;

  }

  .testsecnew{

    color: #A37F75 !important;

    padding-bottom: 10px;

    font-size: xx-large;

  }



  .show {

    opacity: 1; /* Fully visible */

    transform: translateY(0); /* Move to original position */

}

/* testimonial_new1 start */



/* testimonial_new1 end */

.rera-details {

    background-color: #f5f5f5;

    padding: 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    /* border-radius: 10px; */

}

.rera-details img {

    max-width: 100px;

}

.rera-text {

    /* max-width: 60%; */

}

.fund-logo img {

    max-width: 120px;

}

.rerasec{

    margin-top: 0rem !important;

}

 /* Popup Overlay */

 .popup-overlay {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.7);

    justify-content: center;

    align-items: center;

    z-index: 99999;

}



/* Popup Content */

.popup-content {

    background-color: #654B43 !important ;

    padding: 20px;

    border-radius: 10px;

    width: 400px;

    color: #F4D9CD;

    transform: translateY(-100vh);

    transition: transform 0.5s ease;

    position: relative;

}



.popup-overlay.active {

    display: flex;

}



.popup-content.active {

    transform: translateY(0);

}



/* Close Button */

.close-btn {

    font-size: 30px;

    color: white;

    position: absolute;

    top: 10px;

    right: 10px;

    cursor: pointer;

}



/* Form Fields */

input[type="text"], input[type="email"] {

    width: 100%;

    padding: 10px;

    margin: 10px 0;

    border-radius: 5px;

    border: none;

}



button {

    padding: 10px 20px;

    background-color: #CBA69C;

    color: white;

    border: none;

    border-radius: 5px;

    cursor: pointer;

    margin-top: 20px;

}



button:hover {

    background-color: #333;

}



.checkbox {

    margin-top: 10px;

}



/* Center the button */

.form-footer {

    text-align: center;

}



/* Style for horizontal line below heading */

hr {

    border: 1px solid #ddd;

    margin: 15px 0;

}

 /* Popup Overlay */

        .popup-overlay {

            display: none;

            position: fixed;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background-color: rgba(0, 0, 0, 0.7);

            justify-content: center;

            align-items: center;

        }



        /* Popup Content */

        .popup-content {

            background-color: #2d4934;

            padding: 20px;

            border-radius: 10px;

            width: 400px;

            color: white;

            transform: translateY(-100vh);

            transition: transform 0.5s ease;

            position: relative;

        }



        .popup-overlay.active {

            display: flex;

        }



        .popup-content.active {

            transform: translateY(0);

        }



        /* Close Button */

        .close-btn {

            font-size: 30px;

            color: white;

            position: absolute;

            top: 10px;

            right: 10px;

            cursor: pointer;

        }



        /* Form Fields */

        input[type="text"], input[type="email"] {

            width: 100%;

            padding: 10px;

            margin: 10px 0;

            border-radius: 5px;

            border: none;

        }



        button {

            padding: 10px 20px;

            background-color: #CBA69C !important;

            color: white;

            border: none;

            border-radius: 5px;

            cursor: pointer;

            margin-top: 20px;

        }



        button:hover {

            background-color: #333;

        }



        .checkbox {

            margin-top: 10px;

        }



        /* Center the button */

        .form-footer {

            text-align: center;

        }



        /* Style for horizontal line below heading */

        hr {

            border: 1px solid #ddd;

            margin: 15px 0;

        }

        #stickyHeader {

            position: fixed;

            top: -100px; /* Hidden initially */

            left: 0;

            width: 100%;

            z-index: 1000;

            background-color: #2d4934; /* Customize as needed */

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

            transition: top 0.3s ease-in-out;

        }

        

        #stickyHeader.visible {

            top: 0; /* Shows the sticky header */

        }

        .btn-inquiry {

            display: block;

            background-color: #A37F75; /* Blue color */

            color: white;

            padding: 10px 20px;

            text-align: center;

            text-decoration: none;

             font-size: 16px;

             border-radius: 5px 5px 0 0;

            transform: rotate(-90deg); /* Rotate the button vertically */

            transform-origin: right bottom; /* Set the rotation point */

            transition: background-color 0.3s ease;

            margin-bottom: 130px; /* Adds space between the buttons */

}



        .btn-inquiry:hover {

            background-color: #161515 !important;

        }



        /* Styling the modal to match the design */

        .modal-bg {

            background-color: #654B43 !important; /* Match the green background */

            color: white;

        }



        .modal-title-custom {

            font-size: 24px;

            font-weight: bold;

        }



        .label-custom {

            color: white;

        }



        .btn-submit-custom {

            background-color: #000;

            color: white;

        }

        .custom_navbar {

            background-color: #2b4f3e; /* Custom background color */

        }



        .custom_modal_bg {

            background-color: #654B43  !important; /* Match the modal background */

            color: white;

        }



        .custom_label {

            color: white;

        }



        .custom_btn_submit {

            background-color: #CBA69C;

            color: white;

        }



        .custom_btn_inquiry {

            display: inline-block;

            padding: 20px 10px; /* Increased padding for vertical button */

            background-color: #d4af37;

            color: white;

            text-decoration: none;

            border-radius: 5px;

            writing-mode: vertical-rl; /* Rotate the text vertically */

            transform: rotate(180deg); /* Flip the button to read top to bottom */

            position: absolute; /* Allow it to be positioned freely */

            right: 20px; /* 20px from the right edge */

            top: 50%; /* Center vertically */

            transform: translateY(-50%) rotate(180deg); /* Center vertically and maintain rotation */

            z-index: 1000; /* Ensure it's on top */

        }



        .custom_btn_inquiry:hover {

            background-color: #b38c2f;

        }

        .modal-title{

            color: white;

        }

        .animated-button {

            display: inline-block; /* Make the link behave like a button */

            padding: 5px 15px; /* Add padding for better appearance */

            color: #2b1608; /* Text color */

            text-decoration: none; /* Remove underline */

            border: 2px solid transparent; /* Start with a transparent border */

            position: relative; /* Position relative for the animated border */

            overflow: hidden; /* Hide overflow */

            transition: color 0.3s; /* Smooth transition for text color */

            animation: border-animation 2s linear infinite; /* Apply animation */

        }

        

        /* Keyframes for moving border */

        @keyframes border-animation {

            0% {

                border-color: transparent;

                box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);

            }

            50% {

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

                box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);

            }

            100% {

                border-color: transparent;

                box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);

            }

        }

        .newheading{

            color: #2b1608  !important;

            font-family: "Ailerons" !important;

           

        }

        .extrnew {

            padding-top: 12px;

            color: #F4D9CD;

        }

       



        .amenities-new-container {

            width: 100%;

            max-width: 1200px;

            margin: 0 auto;

        }



        .amenities-new-slider {

            position: relative;

            width: 100%;

            overflow: hidden;

        }



        .amenities-new-slides {

            display: flex;

            transition: transform 0.5s ease-in-out;

        }



        .amenities-new-slide {

            min-width: 25%; /* Display 4 images at a time */

            box-sizing: border-box;

            text-align: center;

            padding: 10px;

        }



        .amenities-new-slide img {

            width: 100%;

            height: 400px; /* Increased height */

           

        }



        .amenities-new-slide p {

            font-size: 14px;

            font-weight: bold;

            margin-top: 10px;

            text-align: left;

        }



        /* Navigation buttons */

.nav-button {

    position: absolute;

    top: 50%; /* Center vertically */

    /* transform: translateY(-50%);  */

    /* background-color: rgba(0, 0, 0, 0.5); */

    border: none;

    color: white;

    font-size: 24px;

    cursor: pointer;

    padding: 10px 15px;

    width: auto;

    height: auto;

    border-radius: 0;

    z-index: 1;

}

.newslid{

    margin-top: 190px !important;

    background-color: none !important;

}

.nav-button:hover {

    background-color: rgba(0, 0, 0, 0.8); /* Add hover effect */

}



/* Positioning the "prev" and "next" buttons to the center-left and center-right */

.prev-button {

    left: 10px; /* Place button slightly inside from the left */

}



.next-button {

    right: 10px; /* Place button slightly inside from the right */

    z-index: 999999;

}





        /* Styling for the button container to align buttons at the top-right */

        .button-container {

            position: relative;

            display: flex;

            justify-content: flex-end;

            padding-right: 10px;

        }

        .newheading {

            margin-bottom: 15px !important;

        }

        .emenitisec{

            text-align: center !important;

            margin-bottom: 1opx;

            margin-top: 30px;

        }

        .countn {

            text-align: center;

            font-size: 35px;

            font-weight: 800;

            color: #A37F75;

            padding-bottom: 20px;

        }

        .counhead {

            font-size: 14px !important;

            color: #F4D9CD !important;

            

        }

        .counsection {

            padding-top: 20px;

        }

        .position-relative {

            position: relative !important;

            padding-top: 5px !important;

        }

        .tobar-new {

            /* background-color: #2b1608  !important; */
            background-color: #CBA69C   !important;


            height: 65px !important;

        }

        .form-check {

            display: flex;

            align-items: center;

            margin-bottom: 10px; /* Space between radio buttons */

        }

        

        .form-check-label {

            flex: 1; /* Allow label to take full width */

            cursor: pointer; /* Pointer cursor on hover */

        }

        .pophead{

            color: #FFF !important;

        }



        /*** responsive design start ***/

        /* Header Styles */

.tobar-new {

    width: 100%;             /* Set header width to 100% */

    padding: 10px 15px;     /* Adjust padding for responsiveness */

    background-color: #343a40; /* Dark background */

}



.newheading {

    font-size: 1.5rem;      /* Adjust heading font size */

    margin: 0;              /* Remove default margin */

}

.heighsec {

    margin-top: 25px !important;

    margin-bottom: 25px !important;
    
    /* background-color: rgba(249, 243, 229, 0.968); */

}





.bl{

    border-left: 2px solid #CBA69C;

}





.grouphad{

    color: #F4D9CD;

}

.redupara{

    width: 70% !important;

}

.infrastructure-icons {

    display: flex;

    gap: 20px;

}



.icon-item {

    position: relative;

    text-align: center;

    cursor: pointer;

}



.icon-item i {

    font-size: 30px;

    margin-bottom: 5px;

}

.hospi{
    /* transform: translateX(-32%) !important; */
    /* left: 615% !important; */
    margin-left: 219px !important;
}
.scholi{
    margin-left: 100px !important;
}
.malli{
    left: 40% !important;
}
.hover-list {

    display: none;

    position: absolute;

    top: 40px;

    left: 267%;

    transform: translateX(-100%);

    background-color: rgba(249, 243, 229, 0.968);

    border: 1px solid #ccc;

    padding: 10px;

    list-style-type: none;

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

    z-index: 100;

    width: max-content;

    text-align: left;

}

.multi{

    left: 0% !important;

}



.hover-list li {

    padding: 5px 0;

    font-size: 14px !important;

}



.icon-item:hover .hover-list {

    display: block;

}

/* Responsive Design for Small Devices */

@media only screen and (max-width: 767px) {

    .btn-inquiry {
        height: auto !important;
    }

    .amenities-container{

        display: none !important;
        /* width: auto !important; */

        /* height: 255px  !important; */

    }

    .icon-item{

        margin-right: 5px;

      

    }

    .overlay{

        padding: 0px;

    }

    .info-container{

        padding: 10px;

    }

    .inonsec{

        margin-bottom: 15px;

    }

    .image-container{

        height: auto;

    }

    h1 span::before, h1 span::after {

        content: "";

        display: inline-block;

        width: 15px;

        height: 2px;

        background-color: #CBA69C !important;

        vertical-align: middle;

    }

    .fonname {

        font-size: 22px;

    }

    .tobar-new{

        padding: 0px 15px;

    }

    .navbar-brand{

        margin-right: 0px;

    }

    .navbar-custom{

        height: auto;

    }

    button.navbar-toggler {

        margin-top: 0px !important;

    }

    .image-section{

        background-image: none;

    }

    .text-section {

        padding: 10px !important;

        max-width: 100% !important;

        padding-bottom: 10px;

        text-align: left;

    }

    .aboutpara {

        max-width: 100%;

        margin-left: 10px;

    }

    .text-section1{

        padding-bottom: 0px !important;

    }

    .implife {

        margin-bottom: 30px;

    }
    .testimonial-card {
        padding: 20px;
        background-color: #f8f9fa00;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
        border: 2px solid #f4d9cd !important;
    }

    /* .amenities-container{

        left: 10px;

        padding: 15px;

        height: 170px;

    } */

    .carousel-item img{

        height: 300px !important;

    }

    .info-container{

        border-radius: 5px;

    }

    .infrastructure-icons{

        gap: 15px !important;

    }

    .owl-carousel .owl-item img{

        height: auto !important;

    }

    .redupara {

        width: auto !important;

        margin-left: 10px !important;

        margin-right: 10px !important;

    }

    .newsecin{

        padding: 0px !important;

    }

    .aboutsec{

        padding-top: 10px !important;

        padding-bottom: 0px !important;

    }

    .counsection {

        padding-top: 10px;

    }

    .image-section-new {

        padding-top: 20px;

    }

    .rera-text {

        max-width: 100% ;

    }

    

    .btn-container{

        width: 45% !important;

    }

    .e-brochure-btn{

        padding: 10px 0px;

        height: auto !important;

    }

    .full-width-background{

        padding: 20px;

    }

    .disclaimer-section p{

        text-align: justify;

    }

    .rera-text {

        padding-top: 20px;

    }

    .navalgn {

        margin-bottom: 15px;

        margin-left: 10px !important; 

        align-items: unset !important;

        text-align: left !important;

    } 

    .hospo{

        margin-left: 690px !important;

    }  

    .map{
        padding-top: 50px !important;
    }
    .uppersec{
        position: relative !important;
    z-index: -1 !important;
    }
    .hover-list{
        left: 173%;
    }
}

.btn-inquiry{

    height: auto !important;

    width: auto !important;

}

.bg-white {
    background-color: rgba(249, 243, 229, 0.968) !important;
    padding-top: 10px;
    padding-bottom: 10px;
    /* margin-right: 10px; */
}
.heighsec {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
    /* background-color: rgb(163 127 117); */
}
.norhead{
    color: #2b1608 !important;
}
@media (max-width: 380px) {
    .e-brochure-btn {
        padding: 10px 0px;
        height: auto !important;
    }
    .btn-inquiry{
        padding: 10px 0px;
        height: auto !important;
    }
    .info-container {
        border-radius: 5px;
        padding: 15px !important;
        margin-left: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    .infrastructure-icons {
        gap: 8px !important;
    }
    .uppersec{
        position: relative !important;
    z-index: -1 !important;
    }
    .hover-list{
        left: 173%;
    }
    .hospi{
        /* transform: translateX(-32%) !important; */
        /* left: 530% !important; */
        margin-left: 219px !important;
    }
    .scholi{
        margin-left: 100px !important;
    }
    .malli{
        left: 40% !important;
    }
}