/* ---------- Header Section ----------- */
.nfdl-header{
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.nfdl-header .navbar {
  padding: 10px 60px;
  position: relative;
  z-index: 9;
}

.nfdl-header .navbar-brand img {
  max-width: 120px;
}

.nfdl-header .nav-link {
  color: #000;
  font-size: 18px;
}
.nfdl-header .nav-link:hover {
  color: #fff;
  background:#7fc77d ;
}

.nfdl-header .nav-link.active {
  background: #7fc77d;
  color: #fff !important;
}

.nfdl-header .nav-item:not(:last-child) {
  margin-right: 10px;
}
.nfdl-header .mx-auto {
    margin-right: 30px !important;
}
 .header_contact {
            display: flex;
            align-items: center;
            gap: 20px;
            
        }
        .header-schedule-btn {
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
            padding: 3px 13px;
            border-radius: 5px;
        }
        .contact_detail h3 {
            margin: 0;
            font-size: 20px;
        }
        .contact_detail a {
            font-size: 16px !important;
            text-decoration: none;
            color: #7fc77d;
        }
        .contact_detail a:hover{
            text-decoration: underline;
        }
        .contact_icon i {
            color: #7fc77d;
            font-size: 25px;
        }
        .navbar-hover a.navbar-brand {
            margin: 0;
            padding: 0;
            position: absolute;
            width: 150px;
            height: 100%;
            background-color: #fff;
            padding: 5px;
        }
        .nfdl-header .navbar-brand img {
            width: 100%;
            max-width: 100%;
            border-radius: 0 0 10px 10px;
            object-fit: contain;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
        }
        /*.nfdl-header .navbar {*/
        /*    padding: 12px 80px !important;*/
        /*    position: relative;*/
        /*    z-index: 9;*/
        /*}*/
        .nfdl-header {
            box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
            position: fixed;
            width: 100%;
            z-index: 100;
            background: #fff;
            /* background: linear-gradient(180deg, rgba(102, 156, 107, 1) -15%, rgb(255 255 255 / 78%) 40%); */
            box-shadow: 1px 2px 4px #a7a6a6;
            /* padding: 12px 80px; */
        }
/*=================================== Footer ==========================*/
footer {
  background: #222;
  padding: 10px 60px;
}

footer .row {
  align-items: center;
}

.footer-logo{
    display:flex;
}

.footer-logo a {
  /*display: block;*/
  margin: auto;
  /*max-width: 100px;*/
}

.footer-logo img{
    max-width:150px;
    border-radius: 10px;
}

.footer-text{
    color:#fff;
}

.footer-social {
  display: flex;
  justify-content: end;
}

.footer-social i {
  font-size: 14px;
  color: #fff;
  transition: .6s;
}

.footer-social i:hover {
  color: #333;
  transform: scale(2);
}

.footer-social a:not(:last-child) {
  margin-right: 40px;
}

.footer-btns {
  display: none;
}
 p {
            margin: 0;
        }

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

        .nfd_contact_list ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .nfd_contact_list li {
            display: flex;
            align-items: center;
            font-size: 16px;
            color: #FFF;
            position: relative;
        }

        .nfd_contact_list li:after {
            position: absolute;
            content: '';
            border-left: 1px solid #fff;
            height: 20px;
            right: -10px;
        }

        .nfd_contact_list li:last-child:after {
            border: none;
        }

        .nfd_contact_list li a {
            color: #fff;
            text-decoration: none;
        }

        .nfd_contact_list li a:hover {
            color: #fff;
            text-decoration: underline;
        }

        .nfd_contact_list li i {
            margin-right: 8px;
            color: #FFF;
        }

        footer {
            background: #222;
            padding: 50px 60px;
        }

        .nfd_contact_list ul {
            gap: 20px;
        }

        .footer-social ul {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .footer-social ul {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 20px;
            margin: 0;
            padding: 0;
        }

        .footer-social ul li {
            font-size: 18px;
            display: inline-block;
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
            line-height: 16px;
            margin-right: 8px;
            border-radius: 4px;
            width: 30px;
            height: 30px;

            padding: 6px;
            text-align: center;
        }

        .footer-social ul li a:hover {
            color: #fff;
            text-decoration: none;
        }

        .bottom-footer .text-white {
            margin: 0;
        }

        .footer-social i:hover {
            color: #fff;
            transform: unset;
        }

        .footer-logo {
            display: flex;
            padding-bottom: 10px;
        }
/* ================================= Footer Bottom =========================== */
.bottom-footer {
  background: #111;
  padding: 10px 60px;
  text-align: center;
}

/* =============================== Breadcrumb section ==================================== */
.breadcrumb-section {
    background: linear-gradient(45deg, #7fc77d, #4bbd9b);
    color: white;
    padding: 160px 60px 100px 60px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
    .breadcrumb-section h1 {
      margin: 0;
      font-size: 28px;
    }
    .breadcrumb-section .btn {
      background-color: #fff;
      color: #2575fc;
      font-weight: bold;
      border: none;
      padding: 10px 20px;
    }
    
    
    /* ================================= Contact Us ========================= */
 .content-section {
    padding: 60px 60px;
}
    /*.contact-details, .contact-form {*/
    /*  background: #fff;*/
      /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
    /*  padding: 20px;*/
    /*  border-radius: 5px;*/
    /*}*/
    /*.contact-details ul {*/
    /*  list-style: none;*/
    /*  padding: 0;*/
    /*}*/
    /*.contact-details ul li {*/
    /*  display: inline-block;*/
    /*  margin-right: 15px;*/
    /*}*/
    /*.contact-details ul li a {*/
    /*  color: #2575fc;*/
    /*  font-size: 20px;*/
    /*}*/
    
    .contact-details {
    background: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* height: 100%; */
}
.contact-details ul {
  list-style: none;
  padding: 0;
  margin-top: 10px;
  display: flex;
  gap: 15px; /* Spacing between icons */
}
.contact-details ul li {
  display: inline-flex;
}
.contact-details ul li a {
  color: #4bbd9b;
  font-size: 20px;
}
    
    .contact-form {
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
    }
    .contact-form .card{
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .contact-form .card-header {
      background: #4bbd9b;
      color: white;
      font-weight: bold;
      text-align: center;
      padding: 15px;
    }
    .contact-form .form-control {
      border-radius: 20px;
      border: 1px solid #7fc77d;
    }
    .contact-form .form-control:focus {
      box-shadow: 0 0 5px rgba(127, 199, 125, 0.8);
      border-color: #4bbd9b;
    }
    .contact-form button {
      background-color: #7fc77d;
      color: white;
      border-radius: 20px;
      font-weight: bold;
      padding: 10px 20px;
      border: none;
    }
    .contact-form button:hover {
      background-color: #4bbd9b;
    }
    
    
    /* ==================================== About Us =============================== */
    
        .owner-section, .about-extra {
      margin-bottom: 40px;
    }
    .owner-image, .about-image {
      width: 100%;
      max-width: 300px;
      border-radius: 15px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .about-content {
      padding: 20px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .about-content h2, .about-content p {
      margin: 0 0 10px;
    }
    .about-content h2 {
      font-size: 24px;
      color: #4bbd9b;
    }
    
.mission-vision-section {
    /* background: linear-gradient(135deg, #f4f8f7, #e8f2ed); */
    padding: 60px 60px;
}
    .mission-card {
      background: linear-gradient(135deg, #ffffff, #f0f5f3);
      border: none;
      border-radius: 10px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .vision-card {
      background: linear-gradient(135deg, #ffffff, #eaf4f0);
      border: none;
      border-radius: 10px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .mission-card h5, .vision-card h5 {
      font-size: 20px;
      color: #4bbd9b;
    }
    .mission-card p, .vision-card p {
      font-size: 16px;
      color: #6c757d;
    }

/* ===================================== Documents =========================== */
    .center-title {
        text-align: center;
        margin: 40px 0 20px;
        font-size: 32px;
        font-weight: bold;
        color: #7fc77d;
    }
    .pdf-card {
      background: #ffffff;
      border: 1px solid #e3e6e3;
      border-radius: 8px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      text-align: center;
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .pdf-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }
    .pdf-card img {
      max-width: 100px;
      margin: 20px auto 10px;
    }
    .pdf-card h5 {
      font-size: 18px;
      font-weight: 600;
      margin: 10px 0;
      color: #333;
    }
    .pdf-card i {
      font-size: 24px;
      color: #4bbd9b;
      margin-bottom: 15px;
    }
    
    
    /* ============================= Property page ============================ */
    .floor-plan-img {
      width: 100%;
      height: auto;
      display: block;
      cursor: pointer;
    }
    .floor-plan-section{
        padding: 20px 80px 40px 80px;
    }

/* ==================================Banner Slider============================ */
  /* Container for the carousel with background image */
    #customCarousel {
      position: relative;
      background-image: url('./banner3.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      padding: 40px 0;
    }

    /* Overlay on the background image */
    #customCarousel::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
      z-index: 1;
    }
    
    /* Padding for Inner Content */
    /*#customCarousel .carousel-inner {*/
    /*  padding: 100px;*/
      
    /*}*/
    
    .costom-left-b-container{
        padding-left:100px!important;
    }
    .costom-right-b-container{
        padding-right:100px!important;
    }

    /* Content inside the carousel (inner) */
    #customCarousel .carousel-inner {
      position: relative;
      z-index: 2;
      padding: 100px;
      
    }

    /* Padding and Style for Buttons */
    .carousel-control-prev, .carousel-control-next {
      width: 5%; /* Adjust width */
    }
    .carousel-control-prev-icon, .carousel-control-next-icon {
      /*background-color: #007bff; Blue background for icons */
      border-radius: 50%; /* Make them circular */
      padding: 10px;
    }

    /* Styling Content */
    #customCarousel h2 {
      font-size: 2rem;
      font-weight: bold;
      color:#fff;
    }
    #customCarousel p {
      font-size: 1rem;
      color: #fff;
    }
    #customCarousel .btn-primary {
      background-color: #7fc77d ;
      border: none;
      font-size: 1rem;
      padding: 10px 20px;
    }
    
    .carousel-control-next, .carousel-control-prev {
	z-index: 9999!important;
}
/*====================================*/

.owner1 {
    display: flex;
    justify-content: space-between;
    background-color: #f1f1f1;
    padding: 15px 25px;
    border-radius: 5px;
    align-items: center;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}



.owner-name p {
    line-height: 15px !important;
    padding-top: 8px;
    font-size: 15px;
}
.owner-name p:not(:last-child) {
    color: #7fc77d;
    font-weight: 600;
    font-size: 18px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.home_banner_main {
    overflow-x: hidden;
    padding: 160px 60px 50px 60px;
    background-color: #7fc77d;
}
.home_banner_main_content h2{
    font-size: 75px;
}
.home_banner_main_content p {
    font-size: 25px;
    padding-right: 10px;
}
.home_banner_main_content p span i{
    font-size: 25px;
}
.home_banner_main_content a{
    font-size: 75px;
}
.home_banner_main_content p span {
    padding-right: 10px;
}
.home_banner_right img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    
}
.home_banner_main_content .view_button {
    font-size: 18px;
    text-decoration: none;
    border: 1px solid #000;
    padding: 8px 20px;
    border-radius: 25px;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(45deg, #28a745, #218838); /* Green gradient */
    transition: background 0.3s ease; /* Smooth transition for hover */
    border: none;
}
.home_banner_main_content p {
    font-size: 25px;
    padding-right: 10px;
    padding-bottom: 25px;
}
.home_banner_main .row {
    display: flex;
    align-items: center;
}
.testimonial-client {
    display: flex;
    align-items: center;
    margin-top: 10px;
    flex-direction: column-reverse;
}
.testimonial-text {
    font-size: 1rem;
    font-style: normal;
    color: #000;
    margin-bottom: 15px;
    font-weight: 600;
    text-align: center;
}
.testimonial-card {
    padding: 50px 50px;
    height: 350px;
   position: relative;
}
.testimonial-card {
    position: relative; /* Ensure the pseudo-element is positioned relative to the card */
}

.testimonial-card:after {
    position: absolute;
    content: '';
    background-image: url(./images/quote-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust position to be perfectly centered */
    width: 50px;
    height: 50px;
    z-index: 1; /* Adjust as needed to ensure correct layering */
}

.client-logo {
    overflow: hidden;
    margin-right: 15px;
    position: absolute;
    bottom: -25px;
    width: 80px;
    height:80px;
}
.carousel-inner {
    position: relative;
    width: 100%;
     overflow: unset; 
}
.slider_testm {
    padding-top:50px;
}
.client-name {
    font-size: 25px;
    font-weight: bold;
    color: #000;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    bottom: -80px !important;
}
.carousel-indicators [data-bs-target]{
        background-color: #000;
        width: 10px;
        height:10px;
}
.carousel-indicators .active {
    background-color: #7fc77d;
}
.owner {
     width: 100%; 
}
.testimonial-slider h1::after {
    left: 50%;
    bottom: -5px;
    transform: translate(-50%,-50%);
}
.house-amenities h1::after {
    left: 50%;
    bottom: -5px;
    transform: translate(-50%,-50%);
}

/*==================*/

    /* Responsive Adjustments */
    @media (max-width: 768px) {
      #customCarousel h2 {
        font-size: 1.5rem;
      }
      #customCarousel p {
        font-size: 0.9rem;
      }
      #customCarousel .btn-primary {
        font-size: 0.9rem;
        padding: 8px 16px;
      }
    }
    @media (max-width: 576px) {
    #customCarousel .carousel-inner {
	padding: 0px;
    }
    .costom-left-b-container{
        padding-left:0px!important;
    }
      #customCarousel h2 {
        font-size: 1.3rem;
      }
      #customCarousel p {
        font-size: 0.8rem;
      }
      #customCarousel .btn-primary {
        font-size: 0.8rem;
        padding: 6px 12px;
      }
      #customCarousel img {
        width: 80%;
        margin: 0 auto;
      }
    }




/* ========================================================= body sections ==============================================*/

        .about-us {
    padding: 30px 60px;
    margin-bottom: 40px;
}

.about-text {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.house-image {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
}

.house-image img {
	width: 65%;
	height: auto;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	border-radius: 20px;
}

.about-text h1 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #7fc77d;
    position: relative;
}

.about-text h1::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 4px;
    background-color: #7fc77d;
    left: 0;
    bottom: -5px;
}

.about-text h2 {
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 10px 0px;
}

.about-text p {
    font-size: 18px;
    line-height: 30px
}

.owner {
    display: flex;
    justify-content: space-between;
    width: 85%;
    margin-top: 30px;
}

.owner1 {
	display: flex;
	justify-content: space-between;
	background-color: #f1f1f1;
	padding: 10px 10px 0px 10px;
	border-radius: 5px;
}

.owner1 img {
    width: 45px;
    height: 45px;
}

.owner-name {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.owner-name p {
    line-height: 15px !important;
}
.owner-name p:not(:last-child) {
    color: #7fc77d;
  font-weight: 600;
}


.property-information {
    padding: 0px 60px;
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.property-image,
.property-details {
    flex: 1;
    padding: 20px;
}

.property-image {
    display: flex;
    justify-content: center;
}

.property-image img {
	width: 100%;
	height: auto;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    border-radius: 20px;
}

.property-details h1 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #7fc77d;
    position: relative;
}

.property-details h1::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 4px;
    background-color: #7fc77d;
    left: 0;
    bottom: -5px;
}

.property-details h2 {
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 10px 0px;
}

.property-details p {
	font-size: 18px;
	line-height: 30px;
	width: 100%;
}

.property-details .info-list {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
    width: 65%;
}

.property-details .info-list li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 5px;
}

.property-details .info-list li span {
    font-weight: bold;
    color: #7fc77d;
    font-size: 18px;
}

.property-details .info-list li span.value {
    color: #1a1a1a;
}

.btn-custom {
    background-color: #7fc77d!important;
    color: #fff!important;
    padding: 10px 20px!important;
    border: none!important;
    border-radius: 50px!important;
    text-transform: uppercase!important;
    font-weight: bold!important;
    transition: background-color 0.3s!important;
}

.btn-custom:hover {
    background-color: #2ebd9d!important;
    color: #fff!important;
}

.pdfs {
    padding: 0px 60px;
    margin-bottom: 60px;
}

.pdf-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: #7fc77d13;
    row-gap: 15px;
}

.pdf-container img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.pdf-container p a {
    font-size: 20px;
    text-decoration: none;
    color: #000;
}

.pdf-container p a:hover {
    color: #7fc77d;
    text-decoration: underline;
}

.pdfs h2 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #7fc77d;
    position: relative;
    margin-bottom: 25px;
}

.pdfs h2::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 4px;
    background-color: #7fc77d;
    left: 47%;
    bottom: -5px;
}

.pdf-items {
    display: flex;
    justify-content: space-around;
}

.house-amenities {
    padding: 60px 60px;
    margin-bottom: 60px;
    background-color: #eeeeee;
}

.amenity-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    background: #fff;
    border-radius: 50%;
    width: 250px;
    height: 250px;
}

.amenity-card img {
    width: 100px;
    height: 100px;
}

.amenity-title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    text-align:center;
}

.house-amenities {
    display: flex;
    flex-direction: column;
}

.items {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 15px;
}

.house-amenities h1 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #7fc77d;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
}

.house-amenities h1::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 4px;
    background-color: #7fc77d;
    left: 47%;
    bottom: -5px;

}

.house-amenities h2 {
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
    text-align: center;
}

.testimonial-slider {
    padding: 0px 60px 80px 60px;
}

.testimonial-card {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.testimonial-text {
    font-size: 1rem;
    font-style: italic;
    color: #555555;
    margin-bottom: 15px;
}

.testimonial-client {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.client-logo {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.client-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.client-name {
    font-size: 1rem;
    font-weight: bold;
    color: #333333;
}

.carousel-indicators {
    position: static;
    margin-top: 20px;
}

.carousel-indicators [data-bs-target] {
    background-color: #7b5af3;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.carousel-indicators .active {
    background-color: #4a3ab5;
}

.custom-banner-slider {
    height: 50vh;
    /* Half the viewport height */
    overflow: hidden;
}

.custom-carousel-item {
    height: 50vh;
    /* Match the banner height */
    position: relative;
}

.custom-carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-carousel-caption {
    position: absolute;
    top: 50%;
    left: 50px;
    /* Ensure left alignment */
    transform: translateY(-50%);
    text-align: left;
    color: white;
}

.custom-carousel-caption h1 {
    font-size: 2.5rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 1rem;
    text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
}

.custom-carousel-caption p {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
}

.custom-carousel-caption .custom-btn {
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
    border-radius: 25px;
    background-color: #ff6f61;
    color: white;
    border: none;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.custom-carousel-caption .custom-btn:hover {
    background-color: #ff3d2e;
    transform: translateY(-3px);
}

.custom-carousel-indicators {
    bottom: 10px;
}

.custom-carousel-indicators [data-bs-target] {
    background-color: white;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.custom-carousel-indicators .active {
    background-color: #ff6f61;
}

.testimonial-slider h1 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #7fc77d;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.testimonial-slider h1::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 4px;
    background-color: #7fc77d;
    left: 45%;
    bottom: -5px;

}

@media only screen and (max-width: 1280px) {
    .amenity-card img {
        width: 70px;
        height: 70px;
    }

    .amenity-title {
        font-size: 14px;
        text-align: center;
    }

    .owner {
        width: 100%;
    }
    .floor-plan-section {
    padding: 20px 60px 40px 60px;
}
.contact_card {
    padding-left: 0 !important;
}
}

@media only screen and (max-width: 1199px) {
    .amenity-card img {
        width: 50px;
        height: 50px;
    }
}

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

@media only screen and (max-width: 1024px) {
    .about-us {
        padding: 0px 40px;
        margin-bottom: 40px;
    }

    .property-information {
        padding: 0px 40px;
        margin-bottom: 40px;
    }

    .pdfs {
        padding: 0px 40px;
        margin-bottom: 40px;
    }

    .house-amenities {
        padding: 30px 40px;
        margin-bottom: 40px;
    }

    .about-text p {
        font-size: 15px;
        line-height: 28px;
    }

    .house-image img {
        width: 100%;
    }

    .about-text h2 {
        font-size: 30px;
    }

    .property-details h2 {
        font-size: 30px;
    }

    .property-details p {
        font-size: 15px;
        line-height: 28px;
    }

    .house-amenities h2 {
        font-size: 30px;
    }

    .pdf-container p a {
        font-size: 16px;
    }
    .property-image img {
        width: 100%;
    }
}

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

    .property-information {
        flex-wrap: wrap;
        justify-content: center;
    }

    .property-image,
    .property-details {
        flex: 0 0 100%;
        margin-bottom: 5px;
    }

    .property-image {
        justify-content: left;
    }

    .property-details p {
        width: 100%;
        font-size: 17px;
    }

    .property-details .info-list {
        width: 100%;
    }
    .property-image img {
        width: 100%;
    }
   .property-information .row {
    display: flex;
    /*flex-direction: column;*/
}
.property-information .row .property-image{
    width: 100%;
}
}

@media only screen and (max-width: 768px) {
    .items {
        justify-content: center;
    }

    .content {
        width: 33%;
    }

    .pdf-container {
        width: 40%;
    }

    .pdf-items {
        row-gap: 20px;
    }.property-image img {
        width: 100%;
    }
}


    @media only screen and (max-width: 575px) {
        .about-us {
            padding: 0px 20px;
            margin-bottom: 20px;
        }
        .property-information {
            padding: 0px 20px;
            margin-bottom: 20px;
        }
        .pdfs {
            padding: 0px 20px;
            margin-bottom: 20px;
        }
        .house-amenities {
            padding: 40px 20px;
            margin-bottom: 20px;
        }
        .single-amenities{
            display:flex;
            justify-content: center;
            margin-bottom: 20px;
        }
        .owner{
            margin-bottom: 20px;
            column-gap: 5px;
        }
        .owner1{
            padding: 10px 5px 0px 5px;
        }
        .owner-name {
    margin-left: 5px;
}
        .owner1 img {
	width: 35px;
	height: 35px;
}
.owner-name p{
    font-size:12px;
}
.amenity-card {
	width: 200px;
	height: 200px;
}
        .testimonial-slider {
            padding: 40px 20px;
            margin-bottom: 20px;
        }
        .testimonial-slider h1::after {
            content: '';
            position: absolute;
            width: 90px;
            height: 4px;
            background-color: #7fc77d;
            left: 40%;
            bottom: -5px;
        }
        .property-image img {
            width: 100%;
        }
    }

    @media only screen and (max-width: 426px) {
        .property-image img {
            width: 100%;
        }
    }

    @media only screen and (max-width: 375px) {}
    .carousel-inner {
    position: relative;
    width: 100%;
    overflow: unset !important;
}
.come_visit {
    border: 1px solid #000000;
    text-align: center;
    padding: 8px 0;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 10px;
    background: linear-gradient(45deg, #7fc77d, #4bbd9b);
    font-weight: 700;
    color: #000;
    font-size: 20px !important;
}
 .header_contact {
            display: flex;
            align-items: center;
            gap: 20px;
            
        }
        .header-schedule-btn {
            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
            padding: 3px 13px;
            border-radius: 5px;
        }
        .contact_detail h3 {
            margin: 0;
            font-size: 20px;
        }
        .contact_detail a {
            font-size: 16px !important;
            text-decoration: none;
            color: #7fc77d;
        }
        .contact_detail a:hover{
            text-decoration: underline;
        }
        .contact_icon i {
            color: #7fc77d;
            font-size: 25px;
        }
        .navbar-hover a.navbar-brand {
            margin: 0;
            padding: 0;
            position: absolute;
            width: 150px;
            height: 100%;
            background-color: #fff;
            padding: 5px;
        }
        .nfdl-header .navbar-brand img {
            width: 100%;
            max-width: 100%;
            border-radius: 0 0 10px 10px;
            object-fit: contain;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
        }
        /*.nfdl-header .navbar {*/
        /*    padding: 12px 80px !important;*/
        /*    position: relative;*/
        /*    z-index: 9;*/
        /*}*/
        .nfdl-header {
            box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
            position: fixed;
            width: 100%;
            z-index: 100;
            background: #fff;
            /* background: linear-gradient(180deg, rgba(102, 156, 107, 1) -15%, rgb(255 255 255 / 78%) 40%); */
            box-shadow: 1px 2px 4px #a7a6a6;
            /* padding: 12px 80px; */
        }
  .propert_contact {
    display: flex;
    gap: 60px;
    padding-top: 40px;
     justify-content: center; 
}
.property-details p {
    margin-top: 30px;
}



.house-amenities h1::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 4px;
    background-color: #7fc77d;
    left: 50%; /* Center horizontally */
    transform: translateX(-50%); /* Adjust position to be exactly centered */
    bottom: -5px; /* Keeps the line below the h1 */
}
.testimonial-slider h1::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 4px;
    background-color: #7fc77d;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%);
}

/*=================================*/
        .card_nfd {
            position: relative;
            width: 210px;
            height: 247px;
            background: linear-gradient(to bottom, #7fc77d, #ffffff);
            border-radius: 10px;
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(15px);
            box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0 10px;
        }

        .img-bx {
            width: 100%;
            height: 60%;
            border-radius: 10px;
            margin-top: 10px;
        }

        .img-bx img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 10px;
        }

        .card_nfd .img-bx h2 {
            margin-top: 10px;
            color: #444;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            padding-top: 15px;
        }

        .card_nfd h2 span {
            font-size: 0.7em;
            color: #03a9f4;
            font-weight: bold;
        }
        .contact_card {
            display: flex;
            gap: 50px;
            padding-left: 20px;
        }
        .content-section .row.g-4 {
            display: flex;
            align-items: center;
        }
        .contact-details p{
            padding-bottom: 10px !important;
            margin: 0;
        }
        .contact-details h5 {
            padding-bottom: 10px;
        }
/*=====================================*/
/*===================================Responsive Start==========================*/
@media only screen and (max-width: 1399.5px) {
  .plr-100 {
    padding-left: 80px;
    padding-right: 80px;
  }
}

@media only screen and (max-width: 1299.5px) {
  .plr-100 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .home_banner_main_content h2 {
    font-size: 60px;
}
.home_banner_main {
    padding: 160px 60px 50px 60px;
}
.nfdl-header .navbar {
    padding: 10px 60px;
}
.content-section {
    padding: 60px 60px;
}
}

@media only screen and (max-width: 1199.5px) {
  .primary-btn {
    padding: 10px 15px;
  }
  
  
  /*header*/
  button.navbar-toggler {
    position: absolute;
    right: 80px;
}

.nfdl-header .mx-auto {
    margin-right: 30px !important;
    padding-top: 75px;
}
.navbar-hover a.navbar-brand {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 150px;
    height: 100%;
     background-color: unset !important; 
    padding: 5px;
}
.header-schedule-btn {
    width: 300px;
}
.nfdl-header .navbar {
    padding: 40px 60px !important;
    position: relative;
    z-index: 9;
}
button.navbar-toggler {
    position: absolute;
    right: 80px;
    top: 20px;
}
.home_banner_main {
    padding: 160px 60px 50px 60px;
}
    .home_banner_main_content h2 {
        font-size: 68px !important;
    }
    .owner {
    gap: 10px;
}
.owner1 {
    padding: 15px 10px !important;
}
.owner-name p:not(:last-child) {
    font-size: 16px !important;
}
.amenity-card {
    width: 200px;
    height: 200px;
}
.testimonial-card {
    padding: 25px 30px;
    height: 380px;
    position: relative;
}
.carousel-inner {
    overflow: unset !important;
}
.content-section {
    padding: 60px 60px;
}
}

@media only screen and (max-width: 991.5px) {
  .navbar-hover .show>.dropdown-toggle::after {
    transform: rotate(-90deg);
  }
  .home_banner_main {
    padding: 160px 40px 50px 40px;
}
    .home_banner_main .row {
        gap: 30px;
        flex-direction: column-reverse;
    }
.about-us {
    padding: 35px 40px;
    margin-bottom: 0;
}
.nfdl-header .navbar {
    padding: 40px 40px !important;
}

.items {
    justify-content: space-between;
}
.amenity-card {
    width: 170px;
    height: 170px;
}
.testimonial-card {
    height: 420px;
}
.testimonial-slider {
    padding: 0px 40px 80px 40px;
}
.content-section {
    padding: 60px 40px;
}
.mission-vision-section {
    padding: 60px 40px;
}
.breadcrumb-section {
    padding: 160px 40px 100px 40px;
}
button.navbar-toggler {
    right: 40px;
}
}

@media only screen and (min-width: 992.5px) {
  .navbar-hover .collapse ul li {
    position: relative;
  }

  .navbar-hover .collapse ul li:hover>ul {
    display: block;
  }

  .navbar-hover .collapse ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 250px;
    display: none;
  }
}

@media only screen and (max-width: 1024.5px) {
  .nfdl-header #navbarHover {
    padding: 0 0 20px 0;
  }

  .nfdl-header #navbarHover ul.navbar-nav .nav-link {
    padding-left: 20px;
  }

  .nfdl-header .navbar-collapse {
    position: absolute;
    top: 95px;
    width: 90%;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    border: 3px solid var(--theme-secondary);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.5);
  }

  .nfdl-header .nav-item {
    margin-right: 0 !important;
  }

  .header-schedule-btn {
    padding-left: 20px;
  }

  .nfdl-header .navbar {
    padding: 0 40px;
  }

  .mobile-menu .navbar-toggler {
    display: block !important;
  }

  .mobile-menu .offcanvas {
    visibility: visible !important;
  }

  .mobile-menu {
    padding: 10px 40px;
  }

  .mobile-menu-bar button {
    font-size: 30px;
  }

  .mobile-menu-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .mobile-menu .offcanvas-body a {
    color: #000;
    text-transform: uppercase;
  }

  .mobile-menu .offcanvas-body a.active {
    color: var(--theme-secondary);
  }
.header-schedule-btn {
    padding-left: 20px;
  }
  
}

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

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

@media only screen and (max-width: 820.5px) {
    .about-us .row {
    flex-direction: column;
    gap:20px;
}
  .col-md-6.about-text {
        width: 100%;
}
.col-md-6.about-img {
        width: 100%;
}
/*.property-information .row {*/
/*    flex-direction: column;*/
/*}*/
.property-information .row .col-md-6{
   width: 100%;  
}
.items {
    justify-content: center;
}
.amenity-card {
    width: 144px;
    height: 140px;
}
.items {
    justify-content: space-evenly;
}
.home_banner_main_content h2 {
    font-size: 55px !important;
}
}





@media only screen and (max-width: 767.5px) {
  footer {
    padding: 20px;
  }

  .footer-text {
    text-align: center;
  }

  .footer-logo {
    margin: 20px 0;
  }

  .footer-social {
    justify-content: center;
  }

  .footer-btns {
    display: flex;
    justify-content: center;
    column-gap: 20px;
    border-top: 1px solid #000;
    margin-top: 15px;
    padding-top: 15px;
  }

  .footer-btns a {
    text-decoration: underline !important;
    color: var(--theme-secondary);
  }
  .nfdl-header .navbar {
    padding: 40px 40px !important;
}
.contact_card {
    justify-content: space-between;
}
}

@media only screen and (max-width: 650.5px) {
  
  .nfdl-header .navbar {
    padding: 0 20px;
  }

  .image {
    width: 100%;
  }
  .propert_contact {
    gap: 12px;
    padding-top: 20px;
    justify-content: center;
    flex-direction: column !important;
    align-items: center !important;
}
}

@media only screen and (max-width: 575.5px) {
.testimonial-card {
    height: auto;
    margin-bottom: 37px;
}
.testimonial-slider {
    padding: 0px 40px 40px 40px;
}
.nfdl-header .navbar {
    padding: 40px 20px !important;
}
button.navbar-toggler {
    right: 20px;
    top: 20px;
}
.owner {
    flex-direction: column;
}
    .home_banner_main_content h2 {
        font-size: 43px !important;
    }
    .nfd_contact_list ul {
    justify-content: center;
}
.nfd_contact_list li:after {
display: none;
}
.bottom-footer {
    padding: 10px 20px;
}
.footer-btns {
    border-top: none;
}
.nfdl-header .mx-auto {
    margin-right: 30px !important;
    padding-top: 10px;
}
.header-schedule-btn {
    margin-left: 20px;
}
.testimonial-slider {
    padding: 0px 20px 40px 20px;
}
.about-us {
    padding: 35px 20px;
    margin-bottom: 0;
}
.home_banner_main {
    padding: 160px 20px 50px 20px;
}
.content-section {
    padding: 60px 20px;
}
.breadcrumb-section {
    padding: 160px 20px 100px 20px;
}
.mission-vision-section {
    padding: 60px 20px;
}
.owner-section, .about-extra {
    margin-bottom: 0;
    row-gap: 30px;
}
.owner-image, .about-image {
    width: 100%;
     max-width: 100%; 
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.content-section {
    padding: 30px 20px 20px 20px;
}
.breadcrumb-section {
    padding: 145px 20px 65px 20px;
}
.property-information {
    padding: 0px 20px;
    display: block;
}
/*.propert_contact {*/
/*    gap: 16px;*/
/*    padding-top: 20px;*/
/*    justify-content: center;*/
/*    flex-direction: column;*/
/*}*/
.contact_card {
    justify-content: unset;
    flex-direction: column;
    gap: 20px;
}
.card_nfd {
    width: auto;
    height: max-content;
}
.card_nfd h2 span {
    font-size: 18px;
}
.owner1 {
    justify-content: unset;
    align-items: center !important;
    gap: 13px;
}
.owner-name p:not(:last-child) {
    margin: 0 !important;
}
}


/*my code*/

.img-zoom-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.img-zoom-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  user-select: none;
}

#zoomLens {
  position: absolute;
  border: 3px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  cursor: none;
  width: 120px;
  height: 120px;
  display: none;
  background-repeat: no-repeat;
  background-size: 200%; /* controls zoom strength */
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  pointer-events: none;
  transition: transform 0.05s ease-out;
}