/* Navbar Styling */
 .navbar {
   background-color: #111;
   /* Clean dark background */
   position: sticky;
   /* Sticky position */
   top: 0;
   z-index: 1020;
 }

 .navbar-brand {
   color: #fff;
   /* White text */
   font-size: 1.5rem;
   font-weight: bold;
 }

 .navbar-nav .nav-linkk.active {
   color: white;
 }

 .list-unstyled a {
   text-decoration: none;
 }

 .navbar-expand-lg .navbar-nav .nav-linkk {
   padding-right: 28px;
   padding-left: 28px;
 }

 .hell img {
   filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
   margin-bottom: 3rem;
 }

 .nav-linkk {
   text-decoration: none;
 }

 .navbar-brand:hover {
   color: #ff0000;
   /* Red hover effect */
 }

 .slider-shadow {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   /* Custom shadow effect */
   border-radius: 8px;
   /* Optional for rounded corners */
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
   background-color: black;
   /* Make the icons black */
   border-radius: 50%;
   /* Optional: Rounded shape for icons */
   width: 30px;
   height: 30px;
 }

 .navbar-nav .nav-linkk.active,
 .navbar-nav .nav-linkk.show {
   color: white;
 }

 .navbar-nav .nav-linkk {
   color: #fff;
   /* White links */
   /*transition: color 0.3s ease, transform 0.3s ease;*/
 }

 .navbar-nav .nav-linkk:hover {
   color: #ff0000;
   /* Red on hover */
   transform: scale(1.1);
   /* Slight zoom effect */
 }

 .navbar-toggler {
   border-color: #ff0000;
   /* Red border for toggler */
 }

 .navbar-toggler-icon {
   background-color: #fff;
   /* White toggler icon */
 }

 /*.nav-active {*/
 /*border-bottom: 2px solid #ff0000; Red underline for active link */
 /*}*/


 .why-choose-us {
   background-color: #fff;
   padding: 3rem 0;
 }

 .why-choose-us h2 {
   font-weight: bold;
   color: #000;
   text-transform: uppercase;
   margin-bottom: 1.5rem;
 }

 .why-choose-us .icon-box {
   text-align: center;
   color: #000;
   transition: transform 0.3s ease;
 }

 .why-choose-us .icon-box:hover {
   transform: scale(1.1);
 }

 .why-choose-us .icon-box i {
   font-size: 2.5rem;
   margin-bottom: 1rem;
   color: #000;
 }

 .why-choose-us p {
   font-size: 0.9rem;
   color: #666;
   margin: 0.5rem 0 0;
 }

 .mani {
   border-radius: 30px;
 }

 .product-section .card {
   border-radius: 10px;
   overflow: hidden;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .product-section .card:hover {
   transform: scale(1.05);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
 }

 .product-section img {
   height: 200px;
   object-fit: cover;
 }

 .btn-primary {
   background-color: #ff0000;
   border-color: #ff0000;
 }

 .btn-primary:hover {
   background-color: #cc0000;
   border-color: #cc0000;
 }


 .footer {
   background-color: #111;
   /* Clean dark background */
   color: #fff;
   /* White text */
 }

 .footer h5 {
   font-size: 16px;
   text-transform: uppercase;
   margin-bottom: 15px;
 }

 .footer ul {
   padding: 0;
 }

 .footer ul li {
   margin-bottom: 10px;
   font-size: 14px;
 }

 .footer a {
   color: #fff;
   transition: color 0.3s ease-in-out;
 }

 .footer a:hover {
   color: #ff4d4d;
   /* Highlighted red color */
 }

 .footer .social-icons a {
   font-size: 18px;
   margin-right: 10px;
   transition: color 0.3s ease-in-out;
 }

 .footer .social-icons a:hover {
   color: #ff4d4d;
   /* Highlighted red color */
 }


 /*Side fixed iocns Start*/

 #hxb-enquiry-forms .fixed-icons {
   position: fixed;
   left: 10px;
   bottom: 10%;
   display: flex;
   flex-direction: column;
   z-index: 1000;
 }

 #hxb-enquiry-forms .fixed-icons a {
   margin: 5px 0;
   color: #fff;
   padding: 10px 10px;
   line-height: 0px !important;
   border-radius: 10px;
   text-align: center;
   font-size: 26px;
   transition: background-color 0.3s ease;
   border: 2px solid #fff;
 }

 #hxb-enquiry-forms .fixed-icons .phone-icon {
   background-color: #1321a6;
 }

 #hxb-enquiry-forms .fixed-icons .whatsapp-icon {
   background-color: #27d648;
 }

 #hxb-enquiry-forms .fixed-icons .mail-icon {
   background-color: #d90000;
 }

 #hxb-enquiry-forms .fixed-icons a:hover {
   background-color: #000;
 }

 /* Popup Form Styles */
 #hxb-enquiry-forms .popup-form {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   justify-content: center;
   align-items: center;
   z-index: 99999;
 }

 #hxb-enquiry-forms .form-content {
   background-color: #00000094;
   padding: 20px;
   border-radius: 10px;
   max-width: 500px;
   position: relative;
   margin: 0 10px;
   width: 100%;
 }

 #hxb-enquiry-forms .form-content h2 {
   color: #fff;
 }

 #hxb-enquiry-forms .close-btn {
   position: absolute;
   top: 0px;
   right: 10px;
   cursor: pointer;
   font-size: 40px;
   color: #fff;
 }

 #hxb-enquiry-forms .popup-form form input,
 #hxb-enquiry-forms .popup-form form textarea {
   width: 100%;
   padding: 10px;
   margin: 6px 0;
   border: 1px solid #ccc;
   border-radius: 5px;
 }

 #hxb-enquiry-forms .popup-form form button {
   width: 100%;
   padding: 10px;
   background-color: #61c467;
   color: white;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   margin-top: 15px;
   font-size: 18px;
   transition: background-color 0.4s ease;
 }

 #hxb-enquiry-forms .popup-form form button:hover {
   background-color: #48914d;
 }

 /*Side fixed iocns ends*/

 .banner {
   position: relative;
   background: url('../img/banner.jpg') no-repeat center center/cover;
   height: 300px;
   color: white;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }

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

 .banner-content {
   position: relative;
   z-index: 2;
 }

 .shadow-card {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 }

 .feature-img {
   max-height: 100px;
 }

 .cta-btn {
   text-transform: uppercase;
   letter-spacing: 1px;
 }