@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Boldonse&display=swap');
body {
  font-family: 'Poppins', sans-serif;
	background-color: #f5f4ee;
}



.poptxt{
	font-size: 16px;
	 font-family: 'Poppins', sans-serif;
	line-height: 18px;
}





.boldonse-regular {
  font-family: "Boldonse", system-ui;
  font-weight: 400;
  font-style: normal;
	font-size: 50px;
	
}


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

.row{padding: 0px; margin: 0px; }

.orange_bg{
	background-image:url("../images/main_orange_bg.jpg");
	background-position: center top;
	border-radius: 10px;
	background-repeat: repeat;
	
	
}

.orange_bg2{
	background-image:url("../images/2main_orange_bg.jpg");
	background-position: center bottom;
	border-radius: 10px;
	background-repeat: repeat;
	
	
}


         header {
		 position: fixed;
     
      top: 0;
      left: 0;
      width: 100%;
      padding: 05px  	;
      background-color: transparent;
      transition: background-color 0.3s ease, box-shadow 0.3s ease;
      z-index: 1002;
      display: flex;
      justify-content: center;
      box-sizing: border-box;
	  font-family: 'Poppins', sans-serif;
    }

    header.scrolled {
     background-color: transparent;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
		 position: inherit;
    }



    .HDcontainer {
     
      width: 95%;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }



  .mncontainer {
     
      width: 95%;
      display: flex;  
      align-items: center;
	  margin: 0 auto;
	 
	  
    }


    .logo {
      
      color: white;
      transition: color 0.3s ease;
    }

    header.scrolled .logo {
      color: black;
    }

   

    
 .logo {
      
       
      transition: color 0.3s ease;
	  width: 150px;
	
    }
		
    .carousel-item img {
      object-fit: cover;
      height: 50%;
      width: 100%;
    }
		
		
		
		
		
		
		
		

      @keyframes slideFadeIn {
        to {
          opacity: 1;
          transform: translateX(0);
        }
      }

      nav ul li a:hover::after {
        display: none;
      }

      .menu-toggle {
        display: flex;
      }
    }

    main {
      padding-top: 120px;
    }

    section {
      height: 2000px;
      padding: 20px;
      background-color: #f5f5f5;
    }


    .carousel-item {
      height: 700px;
    }

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

    .carousel-caption {
      background-color: rgba(0, 0, 0, 0.5);
      padding: 1rem;
      border-radius: 10px;
    }



.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}


.subbg{
	background-image: url("../images/about_banner.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	min-height: 400px;
	  
}


.subbgct{
	background-image: url("../images/contact_us.png");
	background-position: center bottom;
	background-repeat: repeat-x;
	min-height: 400px;
}

	


.subtxt{
	padding-top: 200px;
	font-family: "Boldonse", system-ui;
  font-weight: 400;
  font-style: normal;
	font-size: 30px;
	color: #fff;
	text-align: center;
}


    /* Optional: hide captions on very small screens */
    @media (max-width: 576px) {
      .carousel-caption {
        display: none;
      }
		
				.nav-item{
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
}
		
		
		.carousel-item {
      height: 60vh;
      min-height: 200px;
    }

    .carousel-item img {
      object-fit: cover;
      height: 100%;
      width: 100%;
    }
		
		
		.subbg{
	background-image: url("../images/about_banner.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	min-height: 200px;
}
		
.subbgct{
	background-image: url("../images/contact_us.png");
	background-position: center top;
	background-repeat: repeat-x;
	min-height: 200px;
}

	
	
			
.subtxt{
	padding-top: 100px;
	font-family: "Boldonse", system-ui;
  font-weight: 400;
  font-style: normal;
	font-size: 20px;
	color: #fff;
	text-align: center;
}	
		
		
		
		
    }




    .zoom-in {
      transform: scale(0.8);
      opacity: 1;
      animation: zoomIn 1s ease-out forwards;
    }

    .zoom-in2 {
      transform: scale(0.8);
      opacity: 1;
      animation: zoomIn 2s ease-out forwards;
    }

    @keyframes zoomIn {
      to {
        transform: scale(1);
        opacity: 1;
      }
    }

	


@media (max-width: 768px) {
    .container-fluid {
      
    }
	
	
	  .mncontainer  {
   
    max-width: 100%;
		  padding: 10px;
    
  }

	
	.boldonse-regular {
  font-family: "Boldonse", system-ui;
  font-weight: 400;
  font-style: normal;
	font-size: 20px;
}

	
	
}








.ani{-webkit-animation-duration: 3s; -moz-animation-duration: 3s; -ms-transition-animation-duration: 3s;}



  .slide-left {
    
  
     
      animation: slideToLeft 2s ease-in-out forwards;
    }

    @keyframes slideToLeft {
      from {
        left: 100%;
        opacity: 0;
      }
      to {
        left: 0;
        opacity: 1;
      }
    }



  .nav-pills .nav-link {
      border-radius: 0;
	    font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 35px;
	  color: #000;
	  text-align: left;
	  margin-bottom: 40px;
	  border-bottom: #868686 dashed 1px;
	   background-color:transparent;
	background-image: url("../images/arrw1.jpg");
	background-position: right;
	background-repeat: no-repeat;
    }
    .tab-content {
      padding: 15px;
      
       
      border-left: none;
      
    }
    .side-tab-container {
      
      margin:   auto;
    }




.nav-pills .nav-link.active, .nav-pills .show>.nav-link

{
	color: #000;
    background-color:transparent;
	background-image: url("../images/arrw2.jpg");
	background-position: right;
	background-repeat: no-repeat;
	
	
	
}



    .form-container {
      background-color: #fff;
      padding: 25px;
      border-radius: 15px;
     
      margin: auto;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    input, textarea, select {
      width: 100%;
      padding: 12px;
      margin: 10px 0;
      border: 1px solid #ccc;
      border-radius: 10px;
      box-sizing: border-box;
      font-size: 14px;
    }


    .buttons {
      width: 100%;
      padding: 12px;
      background-color: #f7a072;
      color: white;
      font-size: 16px;
      border: none;
      border-radius: 10px;
      cursor: pointer;
    }






    .swiper {
      width: 100%;
     
      position: relative;
    }

    .swiper-slide {
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      transition: transform 0.3s;
    }

    .swiper-slide img {
      width: 100%;
      height: auto;
      transition: transform 0.5s ease;
		border-radius: 10px;
    }

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

    .swiper-button-next,
    .swiper-button-prev {
      color: #000;
      top: 50%;
      width: 40px;
      height: 40px;
      margin-top: -20px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.9);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
      font-size: 18px;
      font-weight: bold;
    }
.van{margin-top: -290px; right: 0;}

    @media (min-width: 768px) {
      .swiper-slide {
        margin: 0 10px;
		  
      }
		
	
		
		
		.van{margin-top: 10px; right: 0;}
    }








    .enquiry-form {
      max-width: 600px;
      margin: 50px auto;
      background: #fff;
      padding: 30px;
      border-radius: 15px;
      box-shadow: 0 0 30px rgba(0,0,0,0.1);
    }

    .form-control:focus {
      box-shadow: none;
      border-color: #0d6efd;
    }

    .form-icon {
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%);
      color: #6c757d;
    }

    .form-group {
      position: relative;
    }

    .form-group .form-control {
      padding-left: 40px;
    }

    .btn-primary {
      width: 100%;
      border-radius: 25px;
    }


   .checkbox-group label {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 15px;
      border: 1px solid #dee2e6;
      border-radius: 10px;
      margin-bottom: 10px;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .checkbox-group input[type="checkbox"] {
      accent-color: #0d6efd;
      width: 18px;
      height: 18px;
    }

    .checkbox-group label:hover {
      background-color: #f1f1f1;
    }






   /* Mega Menu Styling */
    .dropdown-mega {
      position: static;
    }

    .dropdown-menu.mega-menu {
      width: 100%;
      left: 0;
      right: 0;
      padding: 2rem;
      border: none;
      background: #fff;
		margin-top: -2px;
     
    }

    .mega-menu .col-md-3 img {
      width: 100%;
      border-radius: 8px;
      transition: transform 0.3s ease;
    }

    .mega-menu .col-md-3:hover img {
      transform: scale(1.05);
    }

    .mega-menu-title {
      font-weight: 600;
      margin-top: 0.5rem;
      text-align: center;
    }

    @media (max-width: 991.98px) {
      .dropdown-menu.mega-menu {
        padding: 1rem;
      }
		


      .mega-menu .col-md-3 {
        margin-bottom: 1rem;
      }
    }



.nav-item{
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 45px;
	   
}


   @media (max-width: 576px) {
     
				.nav-item{
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
}

}













.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
	 border-left: 1px solid  ;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}


.navbar-nav{
	
	border-left:#000 1px solid var(--neutral--300);
	
}


    /* Show dropdown on hover */
    .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0; /* optional: removes the dropdown animation delay */
    }

    /* Optional: adjust alignment */
    .dropdown-menu {
      margin-top: 0;
    }





::-webkit-scrollbar {

width: 5px;

}



::-webkit-scrollbar-track {

background-color: #000;

-webkit-border-radius: 10px;

border-radius: 10px;

}

::-webkit-scrollbar-thumb {

-webkit-border-radius: 10px;

border-radius: 10px;

background:#f47a20; 

}




@media (max-width: 768px) {
  .hide-on-mobile {
    display: none !important;
  }
}