/* Custom CSS */
 .hero-section {
     width: 100%;
     overflow: hidden;
     position: relative;
 }

 .hero-section img {
     width: 100%;
     height: auto;
     display: block;
 }

 /* Tablet */
 @media (max-width: 992px) {
     .hero-section img {
         height: 400px;
     }
 }

 /* Mobile */
 @media (max-width: 576px) {
     .hero-section img {
         height: 150px;
     }
 }

 .navbar {
     background-color: #cde4f6 !important;
     font-weight: 600;
     font-size: 18px;
 }

 .nav-item a {
     color: #000;
 }

 .nav-item a:hover {
     color: #bc7e81;
 }

 .btn-info:hover {
     background-color: #966366 !important;
 }



 .navbar-brand {
     font-weight: bold;
     font-size: 22px;
 }

 .logo {
     height: 60px;
     width: auto;
 }

 /* Mobile view */
 @media (max-width: 768px) {
     .logo {
         height: 45px;
     }
 }

 section h2 {
     letter-spacing: 1px;
 }

 section ul li {
     margin-bottom: 8px;
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
     background-size: 60%;
 }

 .contact-left {
     background: url('./assets/images/Contact\ us\ page.png') no-repeat center center/cover;
     position: relative;
     min-height: 500px;
 }

 .contact-left .overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.7);
     top: 0;
     left: 0;
 }

 .contact-info {
     position: absolute;
     bottom: 50px;
     left: 50px;
     z-index: 2;
 }

 .contact-section input,
 .contact-section textarea {
     border-radius: 0;
     box-shadow: none;
 }

 .footer-link {
     color: #bbb;
     text-decoration: none;
     display: block;
     margin-bottom: 6px;
     transition: 0.3s;
 }

 .footer-link:hover {
     color: #fff;
     padding-left: 5px;
 }

 .whatsapp-float {
     position: fixed;
     bottom: 20px;
     right: 20px;
     background: #25D366;
     color: #fff;
     font-size: 24px;
     /* padding: 12px 15px; */
     padding: 8px 10px;
     border-radius: 50%;
     text-decoration: none;
 }

 .card .card img {
     height: 180px;
     object-fit: cover;
 }

 .badge {
     font-size: 12px;
     padding: 6px 10px;
 }

 .overlap-section .img-box img {
     border-radius: 10px;
 }

 .content-box {
     background: #eae6db;
     padding: 30px;
     border-radius: 5px;
     position: relative;
 }

 /* Desktop overlap */
 @media (min-width: 992px) {
     .content-box {
         margin-left: -100px;
         z-index: 2;
     }

 }

 .content-box {
     background: #dcd6c8;
 }

 .overlap-section {
     /* background: #f5f5f5; */
     background: #f8f9fa;
 }

 .product-section {
     padding: 40px 15px;
     text-align: center;
 }

 .section-title {
     font-size: 28px;
     font-weight: bold;
 }

 .section-desc {
     margin-bottom: 20px;
     color: #666;
 }

 .filter-buttons {
     margin-bottom: 20px;
 }

 .filter-buttons button {
     padding: 8px 15px;
     border: none;
     background: #ddd;
     margin: 5px;
     cursor: pointer;
     border-radius: 5px;
     transition: 0.3s;
 }

 .filter-buttons button:hover {
     background: #bbb;
 }

 /* ✅ Active Button */
 .filter-buttons button.active {
     background: #000;
     color: #fff;
 }

 .product-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 20px;
 }




 .product-card {
     border: 1px solid #ddd;
     padding: 15px;
     border-radius: 10px;
     background: #fff;
     transition: 0.3s;
 }

 .product-card:hover {
     transform: translateY(-5px);
 }

 .product-card img {
     width: 100%;
     height: 200px;
     object-fit: cover;
 }

 .product-name {
     font-size: 18px;
     margin: 10px 0;
 }

 .enquiry-btn {
     display: inline-block;
     padding: 8px 15px;
     background: green;
     color: #fff;
     text-decoration: none;
     border-radius: 5px;
 }

 /* Mobile Responsive */
 @media(max-width: 992px) {
     .product-grid {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 @media(max-width: 576px) {
     .product-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }


 .about-content-sec {
     padding: 60px 20px;
     background: #f8f9fa;
 }

 .container {
     max-width: 1200px;
     margin: auto;
 }

 .about-wrapper {
     display: flex;
     gap: 40px;
     align-items: center;
 }

 /* Left Side */
 .about-text {
     flex: 1;
 }

 .about-text h2 {
     font-size: 32px;
     margin-bottom: 10px;
 }

 .about-text .subtitle {
     color: #666;
     margin-bottom: 30px;
 }

 .about-points {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
 }

 .point {
     display: flex;
     gap: 10px;
 }

 .point h3 {
     font-size: 22px;
     color: #000;
 }

 .point h4 {
     font-size: 16px;
     margin-bottom: 5px;
 }

 .point p {
     font-size: 14px;
     color: #555;
 }

 /* Right Images */
 .about-images {
     flex: 1;
     display: grid;
     /* grid-template-columns: repeat(, 1fr); */
     gap: 5px;
 }

 .img-box {
     overflow: hidden;
     border-radius: 10px;
 }

 .img-box img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: 0.3s;
 }

 .img-box img:hover {
     transform: scale(1.05);
 }

 /* Responsive */
 @media (max-width: 768px) {
     .about-wrapper {
         flex-direction: column;
     }

     .about-points {
         grid-template-columns: 1fr;
     }

     .about-images {
         /* grid-template-columns: 1fr 1fr; */
     }
 }

 /* Card styling */
 .custom-card {
     border: none;
     border-radius: 10px;
     overflow: hidden;
     height: 350px;
 }

 /* Image full fit */
 .custom-card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     /* full card fill */
     display: block;
 }

 /* Hover effect (optional but cool 😎) */
 .custom-card img:hover {
     transform: scale(1.05);
     transition: 0.4s;
 }

 /* Mobile responsive */
 @media (max-width: 768px) {
     .custom-card {
         height: 180px;
     }

     .card-last {
         display: none;
     }

 }

 @media (max-width: 480px) {
     .custom-card {
         height: 150px;
     }

 }

 .card-img-top {
     object-fit: contain !important;
     width: 100%;
     height: auto;
     padding-top: 5px;
 }

 .btn-success {
     background-color: #bc7e81;
     color: white;
     border: none;
 }


 .btn-success:hover {
     background-color: #966366;
 }

 .footer-logo {
     width: 100px;
 }

 .test-card {
     background-color: #cde4f6;
 }


 .products-container {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     /* Desktop: 4 cards */
     gap: 15px;
 }

 /* Tablet */
 @media (max-width: 992px) {
     .products-container {
         grid-template-columns: repeat(3, 1fr);
     }
 }

 /* Mobile (2 cards per row) */
 @media (max-width: 576px) {
     .products-container {
         grid-template-columns: repeat(2, 1fr);
     }

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