/* Outer container */
    #google_translate_element {
        display: inline-block;
        background: #4c94aaff;
        border-radius: 6px;
        padding: 6px 10px;
        border: 1px solid #ccc;
        font-family: 'Segoe UI', sans-serif;
    }

    /* Remove border and shadow of the dropdown */
    .goog-te-gadget select {
        background: #fff;
        color: #333;
        border: none;
        padding: 6px 12px;
        border-radius: 4px;
        font-size: 14px;
        cursor: pointer;
        box-shadow: none;
        appearance: none;
    }

    /* Optional: remove Google icon and unwanted text */
    #google_translate_element .goog-logo-link,
    #google_translate_element .goog-te-gadget span {
        display: none !important;
    }

    /* Center the dropdown */
    #google_translate_element .goog-te-gadget {
        color: transparent;
    }




		/* butoons for enqurry  */

		.button-enquery {
    display: inline-flex;          /* makes the whole area clickable */
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 48px;                  /* Increased for touch target (48px+) */
    border: 1px solid black;
    border-radius: 8px;
    background-color: #33c0ebff;
    color: white;
    font-size: 16px;
    text-decoration: none;         /* remove underline */
    margin: 8px;                   /* spacing between buttons */
    transition: transform 0.3s ease;
    padding: 10px;
}

.button-enquery i {
    margin-right: 6px;
}


		.button-enquery a {
			color: white;
		}

		.button-enquery i {
			color: #01090eff;
			font-size: 20px;
		}

		.button-enquery:hover {
			transform: translateY(-5px);
		}





		/*  */
		.hover-shadow:hover {
			box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
			transform: translateY(-4px);
			transition: all 0.3s ease;
		}

		.card-title {
			font-weight: 600;
		}



		.smooth-blink {
			animation: smoothBlink 2s ease-in-out infinite;
		}

		@keyframes smoothBlink {

			0%,
			100% {
				opacity: 1;
			}

			50% {
				opacity: 0.3;
			}
		}

		/* Outer container */
		#google_translate_element {
			display: inline-block;
			background: #219fc6;
			border-radius: 6px;
			padding: 10px 10px;
			border: 1px solid #ccc;
			font-family: 'Segoe UI', sans-serif;
			margin: 5px 0 0 50px;
		}

		/* Remove border and shadow of the dropdown */
		.goog-te-gadget select {
			background: #fff;
			color: #333;
			border: none;
			padding: 6px 12px;
			border-radius: 4px;
			font-size: 14px;
			cursor: pointer;
			box-shadow: none;
			appearance: none;
		}

		/* Optional: remove Google icon and unwanted text */
		#google_translate_element .goog-logo-link,
		#google_translate_element .goog-te-gadget span {
			display: none !important;
		}

		/* Center the dropdown */
		#google_translate_element .goog-te-gadget {
			color: transparent;
		}







		/* button  */

		#openPopupBtn {
			background-color: #0E5E77;
			color: white;
			border: none;
			padding: 10px 20px;
			margin-top: 15px;
			font-size: 16px;
			border-radius: 25px;
			cursor: pointer;
			outline: none;
			transition: transform 0.2s ease, background 0.3s ease;
			animation: pulse 1.5s infinite;
		}

		/* Add a pulsing box-shadow for extra attention */
		#openPopupBtn {
			box-shadow: 0 0 0 0 rgba(16, 170, 231, 0.7);
			animation: pulseShadow 1.5s infinite;
		}

		@keyframes pulseShadow {
			0% {
				box-shadow: 0 0 0 0 rgba(16, 170, 231, 0.7);
			}

			70% {
				box-shadow: 0 0 0 15px rgba(16, 170, 231, 0);
			}

			100% {
				box-shadow: 0 0 0 0 rgba(16, 170, 231, 0);
			}
		}

		/* Hover effect */
		#openPopupBtn:hover {
			transform: scale(1.08);
			background-color: #04b8ffff;
		}

		/* Smooth pulsing animation */
		@keyframes pulse {
			0% {
				transform: scale(1);
			}

			50% {
				transform: scale(1.05);
			}

			100% {
				transform: scale(1);
			}
		}

		/*  POP UP  */

		/* Overlay */
		.popup-overlay {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.6);
			z-index: 9999;
			justify-content: center;
			align-items: center;
			padding: 10px;
		}

		/* Popup Container */
		.popup-content {
			background: #fff;
			display: flex;
			flex-wrap: wrap;
			width: 90%;
			max-width: 1000px;
			/* Bigger on big screens */
			border-radius: 10px;
			overflow: hidden;
			position: relative;
			animation: popupFade 0.3s ease;
			max-height: 90vh;
			/* Scroll if too big */
		}

		/* Scroll inside if too tall */
		.popup-left,
		.popup-right {
			overflow-y: auto;
		}

		/* Left Image */
		.popup-left {
			flex: 1 1 45%;
			background: #f5f5f5;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.popup-left img {
			width: 100%;
			height: auto;
			object-fit: cover;
		}

		/* Right Form */
		.popup-right {
			flex: 1 1 55%;
			padding: 20px;
		}

		.popup-right h2 {
			margin-bottom: 15px;
			font-size: 1.8rem;
		}

		.popup-right form {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		.popup-right input,
		.popup-right textarea {
			padding: 10px;
			border: 1px solid #ccc;
			border-radius: 6px;
			font-size: 0.95rem;
			transition: all 0.2s ease;
		}

		.popup-right input:focus,
		.popup-right textarea:focus {
			border-color: #28a745;
			outline: none;
			box-shadow: 0 0 5px rgba(40, 167, 69, 0.3);
		}

		.submit-btn {
			background: #145721;
			color: #fff;
			border: none;
			padding: 12px;
			border-radius: 5px;
			cursor: pointer;
			font-size: 1rem;
			width: 100%;
		}


		/* Close Button */
		#closePopupBtn {
			position: absolute;
			top: 10px;
			right: 15px;
			font-size: 24px;
			cursor: pointer;
			color: #333;
			z-index: 10;
		}



		/* Animation */
		@keyframes popupFade {
			from {
				transform: scale(0.9);
				opacity: 0;
			}

			to {
				transform: scale(1);
				opacity: 1;
			}
		}











		/* FORM STYLESSSSSSSSSSS */

		@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');

		* {
			outline: none;
		}


		.formmm {
			background: #fff;
			padding: 25px 40px 10px 40px;
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

		}

		.formmm .text {
			text-align: center;
			font-size: 41px;
			font-weight: 600;
			font-family: 'Poppins', sans-serif;
			background: -webkit-linear-gradient(right, #56d8e4, #9f01ea, #56d8e4, #9f01ea);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}

		.formmm form {
			padding: 30px 0 0 0;
		}

		.formmm form .form-row {
			display: flex;
			margin: 32px 0;
		}

		form .form-row .input-data {
			width: 100%;
			height: 40px;
			margin: 30px 0 0 0px;
			position: relative;
			/* border: 3px solid red; */
		}



		form .form-row #main-input-dataa {
			width: 100%;
			height: 40px;
			margin: 30px 0 0 0px;
			position: relative;
			width: 450px;
			padding: 10px 10px 10px 10px;
			border-bottom: 2px solid rgba(0, 0, 0, 0.12);

			/* border: 3px solid red; */
		}


		#main-input-dataa input {
			display: block;
			width: 450px;
			height: 100%;
			border: none;
			font-size: 17px;
			border-bottom: none;
		}





		form .form-row .textarea {
			height: 70px;
		}

		.input-data input,
		.textarea textarea {
			display: block;
			width: 100%;
			height: 100%;
			border: none;
			font-size: 17px;
			border-bottom: 2px solid rgba(0, 0, 0, 0.12);
		}

		.input-data input:focus~label,
		.textarea textarea:focus~label,
		.input-data input:valid~label,
		.textarea textarea:valid~label {
			transform: translateY(-20px);
			font-size: 14px;
			color: #3498db;
		}

		.textarea textarea {
			resize: none;
			padding-top: 10px;
		}

		.input-data label {
			position: absolute;
			pointer-events: none;
			bottom: 10px;
			font-size: 16px;
			transition: all 0.3s ease;
		}

		.textarea label {
			width: 100%;
			bottom: 40px;
			background: #fff;
		}

		.input-data .underline {
			position: absolute;
			bottom: 0;
			height: 2px;
			width: 100%;
		}

		.input-data .underline:before {
			position: absolute;
			content: "";
			height: 2px;
			width: 100%;
			background: #3498db;
			transform: scaleX(0);
			transform-origin: center;
			transition: transform 0.3s ease;
		}

		.input-data input:focus~.underline:before,
		.input-data input:valid~.underline:before,
		.textarea textarea:focus~.underline:before,
		.textarea textarea:valid~.underline:before {
			transform: scale(1);
		}




		
	
/* 
		.gallery-item:hover .gallery-img {
			transform: scale(1.1);
			filter: brightness(1.1);
		}

		.gallery-item:hover {
			box-shadow: 0 0 15px 5px rgba(0, 170, 255, 0.3);
		}

		

		.gallery-section h2 {
			font-size: 32px;
			color: #222;
		} */

	





		/* --- Left Column Styling --- */
		.left-column-content {

			padding: 40px 30px;
			border-radius: 15px;
			/* box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07); */
			font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		}

		.left-column-content h2 {
			font-size: 28px;
			color: #222;
			font-weight: 700;
			margin-bottom: 20px;
		}

		.left-column-content p {
			font-size: 16px;
			color: #555;
			line-height: 1.7;
			margin-bottom: 20px;
		}

		.left-column-content ul {
			list-style: none;
			padding-left: 0;
			color: #444;
			margin-bottom: 25px;
		}

		.left-column-content ul li {
			position: relative;
			padding-left: 30px;
			margin-bottom: 15px;
			line-height: 1.6;
		}

		.left-column-content ul li::before {
			content: "✔";
			position: absolute;
			left: 0;
			color: #4caf50;
			font-size: 16px;
		}

		.left-column-content em {
			color: #e94e77;
			font-style: normal;
			font-weight: bold;
		}

		.left-column-content .cta-button {
			display: inline-block;
			background-color: #4caf50;
			color: white;
			padding: 12px 24px;
			border-radius: 8px;
			text-decoration: none;
			font-weight: 600;
			transition: background-color 0.3s ease;
		}

		.left-column-content .cta-button:hover {
			background-color: #43a047;
		}




		


		@media (max-width: 320px) {



			#enquiryPopup {
				padding: 20px 15px;
				width: 300px;

			}

			.popup-header h2 {
				font-size: 18px;
			}

			#openPopupBtn {
				margin: 20px 0;
				width: 150px;
			}


		}



		@media (max-width: 480px) {

			#google_translate_element {
				display: inline-block;
				background: #219fc6;
				border-radius: 6px;
				padding: 10px 10px;
				border: 1px solid #ccc;
				font-family: 'Segoe UI', sans-serif;
				margin: 20px 0 0 -20px;
			}

			.formmm .text {
				font-size: 30px;
			}

			.formmm form {
				padding: 10px 0 0 0;
			}

			.formmm form .form-row {
				display: block;
			}

			form .form-row .input-data {
				margin: 35px 0 !important;
			}

			.submit-btn .input-data {
				width: 40% !important;
			}


			form .form-row #main-input-dataa {
				width: 100%;
				height: 40px;
				margin: 30px 0 0 0px;
				position: relative;


				width: 50px;
				padding: 10px 10px 10px 10px;
				border-bottom: 2px solid rgba(0, 0, 0, 0.12);

				/* border: 3px solid red; */
			}


			#main-input-dataa input {
				display: block;
				width: 50px;
				height: 100%;
				border: none;
				font-size: 17px;
				border-bottom: none;
			}

			#openPopupBtn {
				margin: 20px 0;
				width: 150px;
			}

			

		}


		/* Responsive */
		@media (max-width: 768px) {
			.popup-content {
				flex-direction: column;
				width: 95%;
				max-width: 500px;
				/* Smaller width on mobile */
			}

			.popup-left,
			.popup-right {
				flex: 1 1 100%;
				/* max-height: 40vh;  */
			}

			.popup-left img {
				max-height: 100%;
				object-fit: contain;
				display: none;
			}

			.popup-right input,
			.popup-right textarea {
				font-size: 0.85rem;
				padding: 8px;
				/* Smaller inputs */
			}

			.popup-right h2 {
				font-size: 1.4rem;
			}

			#openPopupBtn {
				margin: 20px 0;
				width: 150px;
			}



			.formmm .text {
				font-size: 30px;
			}

			.formmm form {
				padding: 10px 0 0 0;
			}

			.formmm form .form-row {
				display: block;
			}

			form .form-row .input-data {
				margin: 35px 0 !important;
			}

			.submit-btn .input-data {
				width: 40% !important;
			}


			form .form-row #main-input-dataa {
				width: 100%;
				height: 40px;
				margin: 30px 0 0 0px;
				position: relative;


				width: 350px;
				padding: 10px 10px 10px 10px;
				border-bottom: 2px solid rgba(0, 0, 0, 0.12);

				/* border: 3px solid red; */
			}


			#main-input-dataa input {
				display: block;
				width: 350px;
				height: 100%;
				border: none;
				font-size: 17px;
				border-bottom: none;
			}

			/* form */
			.formmm .text {
				font-size: 30px;
			}

			.formmm form {
				padding: 10px 0 0 0;
			}

			.formmm form .form-row {
				display: block;
			}

			form .form-row .input-data {
				margin: 35px 0 !important;
			}

			.submit-btn .input-data {
				width: 40% !important;
			}


			form .form-row #main-input-dataa {
				width: 100%;
				height: 40px;
				margin: 30px 0 0 0px;
				position: relative;


				/* width: 350px; */
				padding: 10px 10px 10px 10px;
				border-bottom: 2px solid rgba(0, 0, 0, 0.12);

				/* border: 3px solid red; */
			}


			#main-input-dataa input {
				display: block;
				width: 350px;
				height: 100%;
				border: none;
				font-size: 17px;
				border-bottom: none;
			}



		}



    /* dsf */