/* Desktop styles only */
@media (min-width: 768px) {
    .contact-btn {
        background-color: #c79d34;
        color: white;
        padding: 0px 20px;
        border-radius: 50px; /* fully rounded */
        text-decoration: none;
        transition: all 0.3s ease;
        display: inline-block;
        margin-top: 5px;
    }

    .contact-btn:hover {
        opacity: 0.9; /* subtle hover effect */
    }
}

/* Mobile: default link style */
@media (max-width: 767px) {
    .contact-btn {
        background: none;
        color: inherit;
        padding: 0;
        border-radius: 0;
        text-decoration: underline;
    }
}

.whatsapp-sticky {
    background-color: #25D366;
    border-radius: 50%;
    /* Centering */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 1s;
    text-decoration: none;
}
.whatsapp-sticky i {
    color: #fff;
    font-size: 35px;
}

.whatsapp-sticky:hover {
    transform: scale(1.1);
}




 /* heading */

 h1 {

     font-family: "Lora", serif;

 }



 p {

     font-family: "Poppins", Sans-serif;

     color: rgb(54, 54, 54);

     font-size: 18px;

     /* font-weight: 300 !important; */

 }



 .poppins {

     font-family: "Poppins", Sans-serif;

 }



 .banner-heading{

    font-size: 4rem;

 }

 @media(max-width:700px){

    .banner-heading{

        font-size: 3rem;

    }

     .main-heading {

     font-size: 40px !important;

 }}



 .sub-heading {

     color: #0a235a;

     font-family: "Poppins", Sans-serif;

     font-size: 14px;

     font-weight: 500;

     text-transform: uppercase;

     line-height: 26px;

     letter-spacing: 1.12px;

 }



 .main-heading {

     font-size: 50px;

     font-family: "Lora", serif;

 }







 .text-content {

     font-weight: 400;

     font-size: 20px;

     text-align: justify;

     line-height: 32px;

     color: black;

     word-spacing: 2px;

     line-height: 38px;

 }



 /* Custom styles for right-side mobile menu */

 .navbar-toggler {

     border: none;

     padding: 4px 8px;

 }



 .navbar-toggler:focus {

     box-shadow: none;

 }



 /* Mobile menu overlay */

 .mobile-menu-overlay {

     position: fixed;

     top: 0;

     left: 0;

     width: 100%;

     height: 100vh;

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

     z-index: 1040;

     opacity: 0;

     visibility: hidden;

     transition: all 0.3s ease;

 }



 .mobile-menu-overlay.show {

     opacity: 1;

     visibility: visible;

 }



 /* Right side menu panel */

 .mobile-menu-panel {

     position: fixed;

     top: 0;

     right: -100%;

     width: 280px;

     height: 100vh;

     background: white;

     z-index: 1050;

     transition: right 0.3s ease;

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

     overflow-y: auto;

 }



 .mobile-menu-panel.show {

     right: 0;

 }



 .mobile-menu-header {

     padding: 20px;

     border-bottom: 1px solid #e9ecef;

     display: flex;

     justify-content: space-between;

     align-items: center;

 }



 .mobile-menu-close {

     background: none;

     border: none;

     font-size: 24px;

     color: #6c757d;

     cursor: pointer;

 }



 .mobile-menu-nav {

     padding: 20px 0;

 }



 .mobile-menu-nav .nav-link {

     color: #333;

     padding: 15px 20px;

     border-bottom: 1px solid #f8f9fa;

     text-decoration: none;

     display: block;

     font-weight: 500;

     transition: all 0.2s ease;

 }



 .mobile-menu-nav .nav-link:hover {

     background: #f8f9fa;

     color: #0d6efd;

     padding-left: 30px;

 }



 .mobile-menu-nav .nav-link.active {

     color: #0d6efd;

     background: #e7f3ff;

 }



 .mobile-menu-nav .nav-link i {

     width: 20px;

     margin-right: 10px;

 }



 /* Hide mobile menu on desktop */

 @media (min-width: 992px) {



     .mobile-menu-overlay,

     .mobile-menu-panel {

         display: none !important;

     }

 }





 .logo-brand {

     color: #d4a853;

     font-weight: bold;

     font-size: 20px;

     line-height: 1.2;

 }



 .logo-icon {

     color: #d4a853;

     font-size: 24px;

     margin-right: 10px;

 }



 .navbar-brand img {

     height: 80px;

 }



 /* Desktop navbar styling */

 .navbar {

     padding: 15px 0;

 }



 .navbar-nav .nav-link {

     color: #161616 !important;

     font-weight: 400;

     font-size: 17px;

     padding: 8px 20px !important;

     letter-spacing: 0.5px;

 }



 .navbar-nav .nav-link:hover,

 .navbar-nav .nav-link.active {

     color: #d4a853 !important;

 }

 /* Hero section styling */
 .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.hero-section {

    position: relative;

    background: url('images/banner.jpeg') no-repeat;

    background-size: cover;

    height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    color: white;

    overflow: hidden;

}



@media (max-width: 700px) {

    .hero-section {

        background-size: cover !important;

        background-position: center center !important;

        background-repeat: no-repeat !important;

    }

}



 .overlay {

     position: absolute;

     top: 0;

     left: 0;

     width: 100%;

     height: 100%;

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

     /* adjust darkness here */

     z-index: 1;



 }



 /* slider box */

 .box {

     background-color: #f7f4f1;

 }



 .carousel-control-prev-icon,

 .carousel-control-next-icon {

     background-color: transparent;

     background-size: 50% 50%;

     width: 20px;

     height: 20px;

     filter: grayscale(100%) brightness(60%);

 }



 .carousel-control-prev-icon {

     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999' viewBox='0 0 8 8'%3E%3Cpath d='M5.5 0L4.09 1.41 6.67 4 4.09 6.59 5.5 8l4-4z' transform='rotate(180 4 4)'/%3E%3C/svg%3E");

 }



 .carousel-control-next-icon {

     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999' viewBox='0 0 8 8'%3E%3Cpath d='M0 4l4-4v8z'/%3E%3C/svg%3E");

 }



 .carousel-control-prev,

 .carousel-control-next {

     width: 50px;

     opacity: 1;

     /* make sure visible */

 }



 .slider-img {

     width: 65%;

 }



 /* projects */

 .icons {

     font-size: 3rem;

     color: #0a235a;

     display: inline-block;

     line-height: 1;

     padding-bottom: 20px;

 }



 .title {

     font-size: 25px;

     font-weight: 500;

     font-family: "Lora", serif;

 }



 /* location */



 ul li {

     list-style: none;

     font-size: 18px;

     font-weight: 300;

     line-height: 3rem;

 }



 .planned-box {

     height: 280px;

     box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

 }



 .planned {

     height: 220px;

     box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

 }







 .feature-item {

     background: rgba(255, 255, 255, 0.1);

     border-radius: 10px;

     padding: 20px;

     margin-bottom: 15px;

     backdrop-filter: blur(10px);

     border: 1px solid rgba(255, 255, 255, 0.2);

     transition: transform 0.3s ease;

 }



 .feature-item:hover {

     transform: translateY(-5px);

     background: rgba(255, 255, 255, 0.15);

 }



 .main-title {

     font-size: 2.5rem;

     font-weight: bold;

     text-align: center;

     margin-bottom: 40px;

     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);

 }



 .price-highlight {

     background: rgba(255, 255, 255, 0.2);

     border-radius: 15px;

     padding: 25px;

     text-align: center;

     margin-bottom: 30px;

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

 }



 .price-text {

     font-size: 1.5rem;

     font-weight: bold;

     color: #0a235a;

 }



 .cta-button {

     background: linear-gradient(45deg, #3d3d3d, #3d3d3d);

     border: none;

     padding: 15px 40px;

     font-size: 1.2rem;

     font-weight: bold;

     border-radius: 50px;

     color: white;

     text-decoration: none;

     display: inline-block;

     transition: all 0.3s ease;

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

 }



 .brochure-btn{

    background-color: #0a235a;

     border: none;

     padding: 15px 40px;

     font-size: 1.2rem;

     font-weight: bold;

     border-radius: 50px;

     color: white;

     text-decoration: none;

     display: inline-block;

     transition: all 0.3s ease;

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

 }



 .cta-button:hover {

     transform: translateY(-2px);

     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);

     color: white;

 }



 .emoji {

     font-size: 1.2rem;

     margin-right: 10px;

 }



 .check-icon {

     color: #444444;

     font-weight: bold;

     margin-right: 10px;

 }





 .investment-section {

     padding: 60px 0;

 }



 .main-title {

     font-size: 2rem;

     font-weight: bold;

     color: #0a235a;

     margin-bottom: 30px;

     display: flex;

     align-items: center;

     gap: 10px;

 }



 .rocket-emoji {

     font-size: 2.2rem;

 }



 .feature-list {

     background: white;

     padding: 30px;

     border-radius: 15px;

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

     margin-bottom: 30px;

 }



 .feature-item {

     display: flex;

     align-items: center;

     margin-bottom: 20px;

     padding: 15px;

     background: #f8f9fa;

     border-radius: 8px;

     border-left: 4px solid #c79d34;

 }



 .feature-item:last-child {

     margin-bottom: 0;

 }



 .bullet-point {

     width: 8px;

     height: 8px;

     background: #c79d34;

     border-radius: 50%;

     margin-right: 15px;

     flex-shrink: 0;

 }



 .feature-text {

     font-size: 1.1rem;

     margin: 0;

 }



 .tagline {

     font-size: 1.3rem;

     font-weight: 600;

     color: #2c3e50;

     text-align: center;

     margin: 40px 0;

     padding: 20px;

     background: white;

     border-radius: 10px;

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

 }



 .smart-investment {

     font-size: 1.8rem;

     font-weight: bold;

     color: #0a235a;

     margin: 50px 0 40px 0;

     display: flex;

     align-items: center;

     gap: 10px;

 }



 .bulb-emoji {

     font-size: 2rem;

 }



 .comparison-table {

     background: white;

     border-radius: 15px;

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

     overflow: hidden;

     margin-bottom: 30px;

 }



 .table {

     margin: 0;

 }



 .table th {

     background: #2c2c2c !important;

     color: rgb(255, 255, 255) !important;

     font-weight: 600;

     border: none;

     padding: 15px;

 }



 .table td {

     padding: 15px;

     border-color: #e9ecef;

 }



 .table tbody tr:nth-child(even) {

     background: #f8f9fa;

 }



 .majestic-column {

     /* background: #e8f5e8 !important; */

     font-weight: 600;

 }



 .highlights {

     background: white;

     padding: 25px;

     border-radius: 15px;

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

     margin-bottom: 30px;

 }



 .highlight-item {

     display: flex;

     align-items: center;

     margin-bottom: 15px;

     padding: 10px;

     background: #f5f5f5;

     border-radius: 8px;

 }



 .highlight-item:last-child {

     margin-bottom: 0;

 }



 .blue-dot {

     width: 8px;

     height: 8px;

     background: #c79d34;

     border-radius: 50%;

     margin-right: 12px;

     flex-shrink: 0;

 }



 .cta-button {

     background: linear-gradient(45deg, #c79d34, #c79d34);

     color: white;

     border: none;

     padding: 15px 40px;

     font-size: 1.1rem;

     font-weight: 600;

     border-radius: 50px;

     transition: all 0.3s ease;

     /* box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3); */

     text-decoration: none;

     display: inline-block;

 }



 .cta-button:hover {

     transform: translateY(-2px);

     /* box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4); */

     color: white;

 }



 .text-center {

     text-align: center;

 }





 .form-container {

     max-width: 600px;

     margin: 0 auto;

     padding: 40px;

     border-radius: 10px;



 }



 .form-control {

     border: 2px solid #333;

     border-radius: 0;

     padding: 15px;

     font-size: 1rem;

     background: transparent;

     transition: all 0.3s ease;

 }



 .form-control:focus {

     border-color: #1a365d;

     box-shadow: none;

     background: transparent;

 }



 .form-control::placeholder {

     color: #999;

     opacity: 1;

 }



 .form-select {

     border: 2px solid #333;

     border-radius: 0;

     padding: 15px;

     font-size: 1rem;

     background: white;

     transition: all 0.3s ease;

 }



 .form-select:focus {

     border-color: #1a365d;

     box-shadow: none;

 }



 .submit-btn {

     background-color: #1a365d;

     color: white;

     border: none;

     padding: 15px 40px;

     font-size: 1.1rem;

     font-weight: bold;

     text-transform: uppercase;

     letter-spacing: 1px;

     border-radius: 0;

     transition: all 0.3s ease;

     cursor: pointer;

 }



 .submit-btn:hover {

     background-color: #2d4a66;

     transform: translateY(-2px);

 }



 .submit-btn:active {

     transform: translateY(0);

 }



 .form-group {

     margin-bottom: 20px;

 }



 .form-row {

     display: flex;

     gap: 15px;

 }



 .form-row .form-group {

     flex: 1;

 }



 textarea.form-control {

     min-height: 150px;

     resize: vertical;

 }



 @media (max-width: 768px) {

     .form-container {

         margin: 0 15px;

         padding: 25px;

     }



     .form-row {

         flex-direction: column;

         gap: 0;

     }



     .form-row .form-group {

         margin-bottom: 20px;

     }

 }



 .tab a{

     color: #00277a;

     text-align: center;

     text-decoration: none;

     font-weight: 600;

 }



 .nav-tabs {

     border-bottom: none;

     justify-content: center;

     margin-bottom: 40px;

 }



 .nav-tabs .nav-link {

     background: none;

     /* border: 2px solid #333; */

     color: #333;

     padding: 12px 30px;

     margin: 0 10px;

     border-radius: 0;

     font-weight: 800;

     text-transform: uppercase;

     letter-spacing: 1px;

     transition: all 0.3s ease;

     text-decoration: none;

 }



 .nav-tabs .nav-link:hover {

     background-color: #333;

     color: white;

     border-color: #333;

 }



 .nav-tabs .nav-link.active {

     background-color: #333;

     color: white;

     border-color: #333;

 }



 .google-map{

     width: 600px;

     height: 450px;

 }



 @media(max-width:700px){

    .google-map{

        width:100% ;

    }

 }



 .whatsapp-sticky {

  position: fixed;

  bottom: 150px;

  right: 20px;

  z-index: 1200;

  width: 48px;

  height: 48px;

}



.whatsapp-sticky img {

  width: 100%;

  height: 100%;

  /* object-fit: contain; */

  /* border-radius: 50%; */

  transition: transform 0.3s ease;

}



.whatsapp-sticky:hover img {

  transform: scale(1.1);

}



.scroll-to-bottom {

  position: fixed;

  bottom: 80px; /* adjust if you already have another button at 20px */

  right: 20px;

  background-color: #c79d34;

  color: white;

  border-radius: 50%;

  width: 48px;

  height: 48px;

  font-size: 24px;

  cursor: pointer;

  z-index: 1200;

  display: flex;

  align-items: center;

  justify-content: center;

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

  transition: transform 0.3s ease;

}



.scroll-to-bottom:hover {

  transform: scale(1.1);

}



.f-logo{

    width:90%;

}

@media(max-width:700px){

    .f-logo{

        width: 30% !important;

    }

}



.social-icons a {

    background-color: #0a235a;

      color: white;

      font-size: 15px;

      margin: 0 10px;

      padding: 10px 13px ;

      border-radius: 50%;

      display: inline-block;

      transition: 0.3s;

    }



    .social-icons a:hover {

      background-color: #fff;

      color: #000;

    }



    .social-icons {

      /* background: #333; */

      padding: 10px;

      text-align: center;

    }