/*
 *  Copyright (C) 2025 Dynamowebs Pvt  ltd  www.dynamowebs.com , Inc -
 *  Dynamowebs : tax2u-co-uk-new All Rights Reserved :  nav-single.css (Last modified : 6/27/25, 9:40 AM )
 *  nav-single.css  Unauthorized copying of this file , via any medium is strictly prohibited
 *  Proprietary and confidential Written by Dynamowebs software & VOIP solutions
 *  <faisal.aqurz@gmail.com> / <imran@dynamowebs.com>, at  27/ 6/ 2025
 *  can not be copied and / or distributed without the express  permission of Dynamowebs
 *  github  :: https://github.com/faisal3956/
 *  website :: https://www.dynamowebs.com
 */

	.nav-container {
			width: 100%;
			/* background-color: white;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
			display: flex;
			justify-content: center;
			padding: 15px 0;
			position: relative;
			z-index: 10;
		}

		.logo-container {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 80px;
			height: 80px;
			border-radius: 50%;
			/* background: white;
			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
			transition: all 0.3s ease;
			overflow: hidden;
			/*border: 2px solid #21bbf7;*/
			cursor: pointer;
		}

		.logo-img {
			width: 100%;
			height: auto;
			transition: all 0.5s ease;
			z-index: 5;
		}

		/* Ripple effect styles */
		.ripple-circle {
			position: absolute;
			border-radius: 50%;
			background: transparent;
			border: 1px solid rgba(30, 58, 138, 0.6);
			transform: scale(0);
			opacity: 1;
			pointer-events: none;
			animation: ripple 2s ease-out infinite;
		}

		.ripple-circle:nth-child(2) {
			animation-delay: 0.66s;
		}

		.ripple-circle:nth-child(3) {
			animation-delay: 1.33s;
		}

		@keyframes ripple {
			0% {
				transform: scale(0.5);
				opacity: 1;
				border-width: 1px;
			}
			100% {
				transform: scale(2);
				opacity: 0;
				border-width: 0.5px;
			}
		}

		/* Click ripple effect */
		.click-ripple {
			position: absolute;
			border-radius: 50%;
			background: rgba(30, 58, 138, 0.2);
			transform: scale(0);
			animation: clickRipple 0.6s linear;
			pointer-events: none;
		}

		@keyframes clickRipple {
			0% {
				transform: scale(0);
				opacity: 1;
			}
			100% {
				transform: scale(3);
				opacity: 0;
			}
		}

		/* Dark blue overlay on hover */
		.logo-container::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			/* background: rgba(30, 58, 138, 0); */
			transition: all 0.3s ease;
			border-radius: 50%;
			z-index: 1;
		}

		.logo-container:hover::before {
			/* background: rgba(30, 58, 138, 0.1); */
		}

		.logo-container:hover .logo-img {
			/* transform: scale(1.05); */
		}