/* Custom Styles */
		 
		
  
	
	
	h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
}
	
		 .anton-regular {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-style: normal;
}
		 
		
		 
		 
		 
		 
.my_btn .btn {
    font-size: 1rem;
    padding: 9px 80px;
	border-radius: 0px;
	background-color:black;
	color:white;
}
		

 	 
		 
		 
		 
		 
		 
		 
    .hero .carousel-caption {
    position: absolute;
    top: 60%;
    left: 5%;  /* Adjust the percentage to move the content to the left */
    transform: translateY(-50%); /* Keep it vertically centered */
    color: white;
    text-align: left; /* Align the text to the left */
    padding: 0 15px;
}

.hero .carousel-caption h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 5.2rem;
    font-weight: bold;
	color:white;
}

.hero .carousel-caption h5 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.hero .carousel-caption .btn {
     font-size: 1rem;
    padding: 13px 80px;
	border-radius: 0px;
	background-color:black;
	color:white;
}

	
	
		
		
		
		@media (max-width: 767px) {
    .hero .carousel-caption h1 {
        font-size: 3rem; /* Smaller heading on mobile */
		color:white;
    }
    .hero .carousel-caption p {
        font-size: 0.9rem; /* Smaller paragraph on mobile */
    }
    .hero .carousel-caption {
        padding: 0 10px; /* Reduce padding on mobile */
    }
}

		
		
		
	.hero2 {
	background-color: black;
   
}		
		
		
	.hero2 .container h1 {
	
    font-family: 'Poppins', sans-serif;
    font-size: 8.2rem;
    font-weight: bold;
	color:white;
	text-align:center;
}	

.hero2 .container h5 {
	
    font-family: 'Poppins', sans-serif;

    font-weight: bold;
	color:white;
	text-align:center;
}	
		
		
		
			@media (max-width: 767px) {
    .hero2 .container h1 {
        font-size: 2.5rem; /* Smaller heading on mobile */
		color:white;
    }
    
}
		
		.circle {
    width: 150px; /* Circle width */
    height: 150px; /* Circle height */
    background-color: black; /* Default background color */
    color: white; /* White text */
    display: flex; /* Flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    border-radius: 50%; /* Make it a circle */
    font-family: 'Poppins', sans-serif; /* Use the custom font */
    font-size: 1rem; /* Adjust text size */
    font-weight: bold; /* Bold text */
    margin: 20px auto; /* Center the circle horizontally on the page */
    text-align: center; /* Center text inside */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Add a subtle shadow */
    transition: background-color 0.3s ease; /* Smooth color transition */
	border:1px solid white
}

.circle:hover {
    background-color: white; /* Change to black on hover */
    color: black; /* Ensure text remains visible */
}

		
			
			
			
			
			
		


    .hero2_inner2 {
        background-color: black;
    }

    .hero2_inner2 h1 {
        text-align: center;
        margin-top: 35px;
        font-size: 5rem;
        font-weight: bold;
    }

    .hero2_inner2 .product-card {
        margin-top: 35px;
        position: relative;
        padding: 15px;
        text-align: center;
        background-color: black;
        border-radius: 0px;
        overflow: hidden;
        transition: box-shadow 0.4s ease-in-out;
    }

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

    .hero2_inner2 .product-card:hover img {
        transform: scale(1.1);
    }

    .hero2_inner2 .image-container {
        position: relative;
    }

    .hero2_inner2 .product-card img {
        max-width: 100%;
        height: 500px;
        object-fit: cover;
        border-radius: 0px;
        transition: transform 0.4s ease-in-out;
    }

    .hero2_inner2 .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        opacity: 0;
        transition: opacity 0.4s ease-in-out;
    }

    .hero2_inner2 .product-card:hover .overlay {
        opacity: 1;
    }

    .hero2_inner2 .btn {
        font-size: 1rem;
        padding: 10px 20px;
        border-radius: 0px;
        background-color: transparent;
        color: white;
        border: 1px solid white;
    }

    .hero2_inner2 .btn-light {
        background-color: black;
        border: none;
        color: white;
    }

    .hero2_inner2 .btn-light:hover {
        background-color: #0048cc;
    }

    .hero2_inner2hero2_inner2 .btn-outline-light:hover {
        background-color: white;
        color: black;
    }

    .hero2_inner2 h5 {
        margin: 10px 0;
        font-size: 1.2rem;
    }

    .hero2_inner2 p {
        margin: 0;
        color: #666;
    }
	
	
	
	
		 /* Viewmore Button Styling */
    .hero2_inner2 .my_btn .btn {
        font-size: 1rem;
        padding: 10px 50px;
        border-radius: 0px;
        background-color: black ;
        color: white;
        border: 1px solid white;
		
    }

    .hero2_inner2 .my_btn .btn-light {
        background-color: white;
        border: none;
        color: b;
    }

    .hero2_inner2 .my_btn .btn-light:hover {
        background-color: white;
		color:black;
    }

    .hero2_inner2 .my_btn .btn-outline-light:hover {
        background-color: white;
       
    }
	
	.hero2_inner2 .my_btn p {
        margin: 0;
        color: white;
    }
	
		
			
			
			
			
			
			
			
			
		

    /* Responsive Adjustments */
    @media (max-width: 767px) {
        .hero2_inner2 h1 {
            font-size: 2rem;
			color:white;
        }

        .hero2_inner2 .product-card {
            height: 550px;
        }

        .hero2_inner2 .product-card img {
            height: 500px;
        }

        .hero2_inner2 .btn-outline-light {
            display: none; /* Hide "View Details" on mobile */
        }

        .hero2_inner2 .btn-light i {
            font-size: 0.8rem;
        }
    }
		
			
			
			
			
			
			
			
			
			
			
			
			
			
			
	 .hero3 {
background-color:black;
    }			
			
	 .hero3 h5 {
       color:white;
	   text-align:center;
    }		
			
 
       .hero3 .video-container {
        position: relative;
        width: 90%;
        height: 0px;
        padding-bottom:36.25%; /* Aspect ratio for 16:9 video */
        overflow: hidden;
        border-radius: 0px; /* Optional: rounded corners */
		border: 10px solid black; /* black border */
		margin:auto;
    }

  .hero3 .video-responsive {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



			@media (max-width: 767px) {
    .hero3 .video-container {
     
		border: 20px solid black; /* black border */
    }

 

    
}







		
			.hero4 {
				
   background-color:#4747ff;
   border-top: 0.3px solid gray; 
 border-bottom: 1px solid white;    
  
				}	


		
		
			@media (max-width: 767px) {
    .hero4 .container h2 {
        font-size: 3.5rem; /* Smaller heading on mobile */
		color:white;
    }
    
}
		
		
	/*	/////////////////////////////////////////////
	/*	/////////////////////////////////////////////
	/*	/////////////////////////////////////////////
	/*	/////////////////////////////////////////////
	/*	/////////////////////////////////////////////
	/*	/////////////////////////////////////////////
	
	
	
		
		
		
		/* First Column Styling */
		
		
	.hero5 {
  
   background-color:#4747ff;
}	

		
.hero5 .first-column {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: left;
    text-align: left;
    padding: 20px;
	
	
}
.hero5 .first-column h1 {
    font-size: 4.1rem;
	margin-top:10px;
    margin-bottom: 10px;
	  color:white;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-transform:capitalize;
 
 
}

.hero5 .first-column p {
    font-size: 1.2rem;
	  color:white;
  font-family: 'Poppins', sans-serif;
  font-weight: 350;
  text-transform:title-case;
 
 
}

.hero5 .first-column .btn {
    padding: 10px 20px;
    font-size: 1.2rem;
	background:transparent;
	border-radius: 0px;
	
}

.hero5 .first-column .btn:hover {
   
    }



.hero5 .caption {
   
	margin-left:45px;
	margin-top: 120px;
}





/* Second Column Styling */
.hero5 .second-column {
    background-color: #4747ff; /* black background */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
}
.hero5 .slider-containerx {
    width: 100%; /* Image slider width */
	margin-top:;
	overflow: hidden;
	
}

	
 .hero5 .carousel-itemx img {
        width:850px;  /* Makes the image responsive */
      height:auto;
	  margin-left:-165px;
        
    }

  

		
		@media (max-width: 767px) {
			
	
.hero5 .first-column {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: left;
    text-align: left;
    padding: 20px;
	
	
}
.hero5 .first-column h1 {
    font-size: 2.5rem;
	margin-top:10px;
    margin-bottom: 20px;
	  color:white;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-transform:capitalize;
 
 
}

.hero5 .first-column p {
    font-size: 0.8rem;
	  color:white;
  font-family: 'Poppins', sans-serif;
  font-weight: 555;
  text-transform:title-case;
  
 
 
}

.hero5 .first-column .btn {
    padding: 10px 20px;
    font-size: 1.2rem;
	background:transparent;
	
}


.hero5 .caption {
   
	margin-left:15px;
	margin-top: 40px;
}





/* Second Column Styling */
.hero5 .second-column {
    background-color: #4747ff; /* black background */
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0px ;
}
.hero5 .slider-containerx {
    width: 100%; /* Image slider width */
	margin-top:;
	
	
}

	
 .hero5 .carousel-itemx img {
        width:171%;  /* Makes the image responsive */
      height:auto;
	  margin-left:-150px;
        
    }

    
}	
		
		






		
	/*	/////////////////////////////////////////////2222222222222222222222222222222222222222222222222222222222222
	/*	/////////////////////////////////////////////22222222222222222222222222222222222222222222222222222222222
	/*	/////////////////////////////////////////////222222222222222222222222222222222222222222222222222222222222
	/*	/////////////////////////////////////////////222222222222222222222222222222222222222222222222222222222222222
	/*	/////////////////////////////////////////////2222222222222222222222222222222222222222222222222222222222222222
	/*	/////////////////////////////////////////////2222222222222222222222222222222222222222222222222222222222222222 */
	
	
	
	
	
	
	
	
		
		/* First Column Styling */
		
		
	.hero5_after {
  
   background: white;
  
   background-position:center;
   background-repeat:none;
    background-size:cover;
}	

		
.hero5_after .first-column {
   
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
	
	
}


.hero5_after .first-column h1 {
     font-size: 4.5rem;
    margin-bottom: 20px;
	 color:black;
   font-family: 'Poppins', sans-serif;
   margin-top:65px;
 
 
}



.hero5_after .first-column p {
    font-size: 1.2rem;
	  color:black;
  font-family: 'Poppins', sans-serif;
  font-weight: 350;
  text-transform:title-case;
 
}





.hero5_after .caption {
   width:75%;
	margin:auto;
	margin-top: 35px;
}



.hero5_after .first-column h5 {
    font-size: 1.1rem;
	margin-top:10px;
    margin-bottom: 10px;
	  color:#4747ff;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-transform:capitalize;
 
 
}






.hero5_after .first-column .btn {
    padding: 10px 20px;
    font-size: 1.2rem;
	background:#4747ff;
	border-radius: 0px;
	color:white;
	
	
}

.hero5_after .first-column .btn:hover {
   

	
}



		
		@media (max-width: 767px) {
			
	
.hero5_after .first-column {
   
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1px;
	
	
}
.hero5_after .first-column h1 {
    font-size: 2.2rem;
	margin-top:50px;
    margin-bottom: 5px;
 
 
}

.hero5_after .first-column p {
    font-size: 1.1rem;
	  color:black;
  font-family: 'Poppins', sans-serif;
  font-weight: 350;
  text-transform:title-case;
 
}

.hero5_after .first-column .btn {
    padding: 10px 20px;
    font-size: 1.2rem;
	font-weight:0;
	background:#4747ff;
	border-radius: 0px;
	color:white;
	
	
}



.hero5_after .first-column .btn:hover {
  
    }



.hero5_after .caption {
   width:89%;
	margin:auto;
	margin-top: 39px;
}



    
}	
		
		
	
	
	
	
	
	
	
	
	
	
	
	
		
		
		/* First Column Styling */
		
		
	.hero55 {
  
   background-color:white;
  
}		
			
	
		
		.hero55 .container-fluid {
  
   margin-top:85px;
}		
	
		
.hero55 .first-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
	margin-bottom:50px;
}
.hero55 .first-column h1 {
    font-size: 4.5rem;
    margin-bottom: 20px;
	 color:black;
   font-family: 'Poppins', sans-serif;
   margin-top:-85px;
}



.hero55 .first-column p {
    font-size: 1.2rem;
	  color:black;
  font-family: 'Poppins', sans-serif;
  font-weight: 350;
  text-transform:title-case;
 
}



.hero55 .first-column .btn {
    padding: 8px 20px;
    font-size: 1.2rem;
	border:2px solid black;
	border-radius:0px;
		
	 }
	 
	 
	 .hero55 .first-column .btn:hover {
  
    }
	 


 .hero55 .carousel-item img {
        width: 100%; /* Makes the image responsive */
        height: 600px; /* Fixed height for uniform sizing */
        object-fit: cover; /* Ensures the image scales without distortion */
    }

   .hero55 .product {
        text-align: center;
        margin: 0;
    }

   .hero55 .carousel-inner .row {
        align-items: center; /* Centers products vertically */
    }
		
		
		
		
		
.hero55 .caption {
	
	margin-top: 35px;
}

		
		
		
		@media (max-width: 767px) {
				.hero55 .container-fluid {
  
   margin-top:-45px;
}		
				
		/* First Column Styling */
.hero55 .first-column {
    display: flex;
    flex-direction: column;
   justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
	margin-bottom:10px;
}
.hero55 .first-column h1 {
    font-size: 2.2rem;
	margin-top:20px;
    margin-bottom: 5px;
}
.hero55 .first-column .btn {
    padding: 10px 20px;
    font-size: 1.2rem;
	
}

/* Second Column Styling */
.hero55 .second-column {
    background-color: black; /* black background */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.hero55 .slider-container {
    width: 100%; /* Image slider width */
    overflow: hidden;
}

		
	

			
  .hero55 .carousel-item img {
        width: 100%; /* Makes the image responsive */
        height: 500px; /* Fixed height for uniform sizing */
        object-fit: cover; /* Ensures the image scales without distortion */
		 margin-top: 13px ;
		 margin-bottom: 13px ;
    }

	.hero55 .product {
        text-align: center;
        margin: 10px 0;
    }
	
	 .hero55 .carousel-inner .row {
        align-items: center; /* Centers products vertically */
    }
    
}	
		
		


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	



    .hero6 {
        background-color: #f3f2f2;
		
		margin-top:55px;
		margin-bottom:55px;
		
    }

    .hero6 h1 {
        text-align: center;
        margin-top: 35px;
        font-size: 5rem;
        font-weight: 300;
    }

    .hero6 .product-card {
        margin-top: 35px;
        position: relative;
        
        text-align: center;
        background-color: #fff;
        border-radius: 0px;
        overflow: hidden;
        transition: box-shadow 0.4s ease-in-out;
    }

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

    .hero6 .product-card:hover img {
        transform: scale(1.1);
    }

    .hero6 .image-container {
        position: relative;
    }

    .hero6 .product-card img {
        max-width: 100%;
        height: 460px;
        object-fit: cover;
        border-radius: 0px;
        transition: transform 0.4s ease-in-out;
    }

    .hero6 .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        opacity: 0;
        transition: opacity 0.4s ease-in-out;
    }

    .hero6 .product-card:hover .overlay {
        opacity: 1;
    }

    .hero6 .btn {
        font-size: 1rem;
        padding: 10px 20px;
        border-radius: 0px;
        background-color: transparent;
        color: white;
        border: 1px solid white;
		
    }

    .hero6 .btn-light {
        background-color: black;
        border: none;
        color: white;
    }

    .hero6 .btn-light:hover {
        background-color: #0048cc;
    }

    .hero6 .btn-outline-light:hover {
        background-color: white;
        color: black;
    }

    .hero6 h5 {
        margin: 10px 0;
        font-size: 1.2rem;
    }

    .hero6 p {
        margin: 0;
        color: #666;
    }
	
	
	
	
		 /* Viewmore Button Styling */
    .hero6 .my_btn .btn {
        font-size: 1rem;
        padding: 10px 50px;
        border-radius: 0px;
        background-color: black ;
        color: white;
        border: 1px solid black;
		
    }
	
	
	
	

    /* Responsive Adjustments */
    @media (max-width: 767px) {
        .hero6 h1 {
            font-size: 2rem;
        }

        .hero6 .product-card {
            height: 350px;
        }

        .hero6 .product-card img {
            height: 350px;
        }

        .hero6 .btn-outline-light {
            display: none; /* Hide "View Details" on mobile */
        }

        .hero6 .btn-light i {
            font-size: 0.8rem;
        }
    }
		
		
		
		
		
		
		
		
		
		
		
		
	 .hero7 {
		background:black;
       background-size:cover;
	   background-position:center;
	   background-repeat:none;
	   background-attachment:fixed;
	   margin-bottom:55px;
    }	
	
	 .hero7 h2 {
 font-size: 3.5rem;
	margin-top:10px;
    margin-bottom: 20px;
	  color:white;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-transform:capitalize;
    }







.hero7 p {
   font-size: 1.2rem;
	  color:white;
  font-family: 'Poppins', sans-serif;
  font-weight: 350;
  text-transform:title-case;
  
 
 
}















	
		
	    /* Image Styling */
    .hero7 .product-card img {
		width:100%;
        height: 130px;
        object-fit: cover;
        border-radius: 0px;
        transition: transform 0.4s ease-in-out;
		border:none;
		 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }
	

	

    /* Card Styling */
    .hero7 .product-card {
        overflow: hidden;
        transition: box-shadow 0.4s ease-in-out;
		border:none;
		border-radius: 25px;
		background:transparent;
		 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }

    .hero7 .product-card:hover {
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Subtle shadow on hover */
    }

    /* Trigger Image Zoom When Card is Hovered */
    .hero7 .product-card:hover img {
        transform: scale(1.1); /* Zoom the image */
    }

    /* Overlay Styling */
    .hero7 .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black */
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        opacity: 0;
        transition: opacity 0.4s ease-in-out;
    }

    /* Show Overlay When Card is Hovered */
    .hero7 .product-card:hover .overlay {
        opacity: 1;
    }

    /* Button Styling */
    .hero7 .btn {
        font-size: 1rem;
        padding: 10px 20px;
        border-radius: 0px;
        background-color: transparent;
        color: white;
        border: 1px solid white;
    }

    .hero7 .btn-light {
        background-color: black;
        border: none;
        color: white;
    }

    .hero7 .btn-light:hover {
        background-color: #0048cc;
    }

    .hero7 .btn-outline-light:hover {
        background-color: white;
        color: black;
    }

    .hero7 .card-body {
        padding: 1rem;
		background:transparent;
    }

    .hero7 .card-title {
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
		 color: white;
    }

    .hero7 .card-text {
        font-size: 1rem;
        color: white;
    }
	
	
	 /* Viewmore Button Styling */
    .hero7 .my_btn .btn {
        font-size: 1rem;
        padding: 10px 20px;
        border-radius: 0px;
        background-color: black ;
        color: white;
        border: 1px solid white;
		
    }

    .hero7 .my_btn .btn-light {
        background-color: black;
        border: none;
        color: white;
    }

    .hero7 .my_btn .btn-light:hover {
        background-color: white;
		color:black;
    }

    .hero7 .my_btn .btn-outline-light:hover {
        background-color: white;
       
    }
	
	
	
	 /* Responsive Adjustments */
    @media (max-width: 767px) {
		
		
		 .hero7 h2 {
 font-size: 2.5rem;
	margin-top:10px;
    margin-bottom: 20px;
	  color:white;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-transform:capitalize;
    }

		
		
		
		
		
         .hero7 .product-card img {
		
		border:none;
    }

    /* Card Styling */
    .hero7 .product-card {
       
		border:none;
    }
	
	 .hero7 .card-body {
        padding: 1rem;
		border:none;
    }

    .hero7 .card-title {
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }


    }
		
	
	
	
	
	
	

		
	/*	/////////////////////////////////////////////22222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////2222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////22222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////2222222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////222222222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////22222222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333333 */
	
	
		

		
	/*	/////////////////////////////////////////////22222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////2222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////22222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////2222222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////222222222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////22222222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333333 */
	
	
		
		
		
		
		
		
		
		
		
		
		
		
				
		
	.hero56 {
  
   background-color:#4747ff;
}	

		
.hero56 .first-column {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: left;
    text-align: left;
    padding: 20px;
	
	
}
.hero56 .first-column h1 {
    font-size: 4.1rem;
	margin-top:10px;
    margin-bottom: 10px;
	  color:white;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-transform:capitalize;
 
 
}

.hero56 .first-column p {
    font-size: 1.2rem;
	  color:white;
  font-family: 'Poppins', sans-serif;
  font-weight: 350;
  text-transform:title-case;
 
 
}

.hero56 .first-column .btn {
    padding: 10px 20px;
    font-size: 1.2rem;
	background:transparent;
	border-radius: 0px;
	
}

.hero56 .first-column .btn:hover {
    
    }



.hero56 .caption {
   
	margin-left:45px;
	margin-top: 120px;
}





/* Second Column Styling */
.hero56 .second-column {
    background-color: #4747ff; /* black background */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
}
.hero56 .slider-containerx {
    width: 100%; /* Image slider width */
	margin-top:;
	overflow: hidden;
	
}

	
 .hero56 .carousel-itemx img {
        width:850px;  /* Makes the image responsive */
      height:auto;
	  margin-left:5px;
        
    }

  

		
		@media (max-width: 767px) {
			
	
.hero56 .first-column {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: left;
    text-align: left;
    padding: 20px;
	
	
}
.hero56 .first-column h1 {
    font-size: 2.5rem;
	margin-top:10px;
    margin-bottom: 20px;
	  color:white;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-transform:capitalize;
 
 
}

.hero56 .first-column p {
    font-size: 0.8rem;
	  color:white;
  font-family: 'Poppins', sans-serif;
  font-weight: 555;
  text-transform:title-case;
  
 
 
}

.hero56 .first-column .btn {
    padding: 10px 20px;
    font-size: 1.2rem;
	background:transparent;
	
}

.hero56 .first-column .btn:hover {
   
    }



.hero56 .caption {
   
	margin-left:15px;
	margin-top: 40px;
}





/* Second Column Styling */
.hero56 .second-column {
    background-color: red; /* black background */
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0px ;
}
.hero56 .slider-containerx {
    width: 100%; /* Image slider width */
	margin-top:;
	
	
}

	
 .hero56 .carousel-itemx img {
        width:100%;  /* Makes the image responsive */
      height:auto;
	  margin-left:0px;
        
    }

    
}	
		
		
		
		
		
		
		
		
		
		
		
		
	

		
	/*	/////////////////////////////////////////////22222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////2222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////22222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////2222222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////222222222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////22222222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333333 */
	
	
		

		
	/*	/////////////////////////////////////////////22222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////2222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////22222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////2222222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////222222222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333333
	/*	/////////////////////////////////////////////22222222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333333 */
	
	
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	 .product_hero1 {
		background-color:white;

    }	
	
	 .product_hero1 h1 {
	 text-align: center;
        margin-top:;
        font-size: 4rem;
        font-weight: bold;
		color:black;
    }	
		
	    /* Image Styling */
    .product_hero1 .product-card img {
		
        height: 500px;
		width:100%;
        object-fit: cover;
        border-radius: 0px;
        transition: transform 0.4s ease-in-out;
		border:none;
    }

    /* Card Styling */
    .product_hero1 .product-card {
        overflow: hidden;
        transition: box-shadow 0.4s ease-in-out;
		border:none;
		background:transparent;
    }

    .product_hero1 .product-card:hover {
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Subtle shadow on hover */
    }

    /* Trigger Image Zoom When Card is Hovered */
    .product_hero1 .product-card:hover img {
        transform: scale(1.1); /* Zoom the image */
    }

    /* Overlay Styling */
    .product_hero1 .image-container .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black */
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        opacity: 0;
        transition: opacity 0.4s ease-in-out;
    }

    /* Show Overlay When Card is Hovered */
    .product_hero1 .product-card:hover .overlay {
        opacity: 1;
    }

    /* Button Styling */
    .product_hero1 .btn {
        font-size: 1rem;
        padding: 10px 20px;
        border-radius: 0px;
        background-color: transparent;
        color: white;
        border: 1px solid white;
    }

    .product_hero1 .btn-light {
        background-color: black;
        border: none;
        color: white;
    }

    .product_hero1 .btn-light:hover {
        background-color: #0048cc;
    }

    .product_hero1 .btn-outline-light:hover {
        background-color: white;
        color: black;
    }

    .product_hero1 .card-body {
        padding: 1rem;
		background: white;
    }

    .product_hero1 .card-title {
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
		color:black;
    }

    .product_hero1 .card-text {
        font-size: 1rem;
       color:black;
    }
	
	
	 /* Viewmore Button Styling */
    .product_hero1 .my_btn .btn {
        font-size: 1rem;
        padding: 10px 20px;
        border-radius: 0px;
        background-color: black ;
        color: white;
        border: 1px solid white;
		
    }

    .product_hero1 .my_btn .btn-light {
        background-color: black;
        border: none;
        color: white;
    }

    .product_hero1 .my_btn .btn-light:hover {
        background-color: white;
		color:black;
    }

    .product_hero1 .my_btn .btn-outline-light:hover {
        background-color: white;
       
    }
	
	
	
	 /* Responsive Adjustments */
    @media (max-width: 767px) {
         .product_hero1 .product-card img {
		
		border:none;
    }

    /* Card Styling */
    .product_hero1 .product-card {
       
		border:none;
    }
	
	 .product_hero1 .card-body {
        padding: 1rem;
		border:none;
    }

    .product_hero1 .card-title {
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }


    }
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	 .details_hero {
		background-color:black;

    }	
	
	 .details_hero h1 {
	 text-align: center;
        margin-top:;
        font-size: 4rem;
        font-weight: bold;
		color:white;
		
    }	
	
	
	
	 .details_hero p {
	 text-align: center;
      
        font-weight: bold;
		color:white;
		
    }	
	
	 .details_hero h3 {
	 text-align: center;
      
        font-weight: bold;
		color:white;
		
    }	
	
	
	
	
	
		
	    /* Image Styling */
    .details_hero img {
        border-radius: 0px;
		border:15px solid white;
		
    }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		
		
		
        .footer {
            background-color: #333;
            color: white;
            padding: 20px 0;
        }