/*styling for floating whatsapp button */
			
			.whatsapp-float {
			position: fixed;
			bottom: 20px;
			right: 20px;
			display: flex;
			align-items: center;
			background-color: #25D366; /* WhatsApp Green */
			color: white; /* Text color stays white */
			padding: 10px 15px;
			border-radius: 25px;
			text-decoration: none;
			font-family: Arial, sans-serif;
			font-size: 16px;
			box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
			z-index: 9999;
			transition: background-color 0.3s ease-in-out; /* Smooth color transition */
			}

			.whatsapp-float:hover {
    		background-color: #128C7E; /* Darker Green on Hover */
			}

            /* Ensure the text color remains unchanged */
            .whatsapp-float span {
            color: white; /* Force text color to remain white */
            }
 /* End of Styling for the whatsapp button */


                /* Style for the to top button */
                #backToTop {
                    position: fixed;
                    bottom: 20px;
                    left: 20px;
                    background: linear-gradient(to top, #007bff, #0056b3);
                    color: white;
                    border: none;
                    width: 60px;
                    height: 80px;
                    font-size: 16px;
                    font-weight: bold;
                    cursor: pointer;
                    border-radius: 30px 30px 10px 10px;
                    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.2);
                    opacity: 0;  /* Initially hidden */
                    visibility: hidden;
                    transition: opacity 0.5s ease-in-out, visibility 0.5s;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    gap: 3px;
                    text-transform: uppercase;
                    z-index: 9999; /* Keeps it on top of other content */
                }
                
                #backToTop.show {
                    opacity: 1;
                    visibility: visible;
                }
                          
                #backToTop .arrow {
                    font-size: 18px;
                    font-weight: bold;
                }
                
                #backToTop .text {
                    font-size: 14px;
                }
                
                #backToTop:hover {
                    background: linear-gradient(to top, #0056b3, #004099);
                    transform: translateY(-5px);
                }
                
                /* Ensure button doesn't overlap the footer */
                .footer-area {
                    position: relative;
                    z-index: 1;
                }
                
                 /*End of Styling for the to top button */





			


			

				/* animation and effects for different sections */
				.section-gap {
                    min-height: auto !important;
                    opacity: 0;
                    position: relative;
                    margin-top: 20px; /* Instead of transform */
                    transform: scale(0.95); /* Scale down slightly */
                    transition: opacity 1s ease-out, margin-top 1s ease-out, transform 1s ease-out;
                    will-change: transform, opacity; /* Helps with smooth animations */
                }
                
                /* Visible state */
                .section-gap.show {
                    opacity: 1;
                    margin-top: 0;
                    transform: scale(1); /* Scale up smoothly */
                }
                
                .section-wrapper {
                    overflow: hidden; /* Prevents off-screen elements from affecting scrollbars */
                }
                /*end of animation and effects for different sections */
                
         
                /*Giving Rounded corners to activities photos*/
                .rounded-container {
                    border-radius: 15px;
                    overflow: hidden;
                    /*border: 1px solid #000;*/
                }
                
                /*styling for the review section*/
                .single-testimonial {
                    background-color: #fff3cd; /* Light yellow background */
                    border-left: 5px solid #ffcc00; /* Highlighted border */
                    border-radius: 10px;
                    padding: 20px;
                    margin-bottom: 20px;
                    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); /* Soft shadow effect */
                    transition: transform 0.3s ease-in-out;
                }
                
                .single-testimonial:hover {
                    transform: scale(1.02); /* Slight pop-out effect on hover */
                }
                
                .user-details {
                    display: flex;
                    align-items: center;
                    justify-content: center; /* Centers the name and icon */
                    gap: 8px; /* Adds slight space between the icon and name */
                    margin-top: 10px;
                    text-align: center;
                }
                
                .user-initial {
                    width: 40px;
                    height: 40px;
                    background-color: #ffcc00;
                    color: #333;
                    font-weight: bold;
                    font-size: 18px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 50%;
                    text-transform: uppercase;
                }
                
                
                
                h4 {
                    margin: 0;
                    font-size: 18px;
                    font-weight: bold;
                    color: #333;
                }