/*
 *   @copyright   Copyright (C) 2025 Dynamowebs Private Limited. All rights reserved.
 *   @license     Proprietary and Confidential. Unauthorized copying, distribution, or modification
 *                via any medium is strictly prohibited.
 *   @author      Faisal mehmood awan <faisal.aqurz@gmail.com> | Imran Khan <imran@dynamowebs.com>
 *   @file        nav-single.css
 *   @modified    11/28/25, 12:12 PM
 *   @package     Dynamowebs
 *
 *   This file contains proprietary information of Dynamowebs Private Limited.
 *   No part of this file may be reproduced, distributed, or transmitted in any
 *   form or by any means without the express written permission of Dynamowebs.
 *
 *   @link        https://www.dynamowebs.com
 *   @github      https://github.com/FaisalCloudEngineer
 *
 */

	.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;
			    /* border-bottom: 3px solid #00aeef; */
		}

		.logo-container {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 80px;
			height: 45px;
			border-radius: 50%;
			transition: all 0.3s ease;
			overflow: hidden;
			/* border: 2px solid #21bbf7; */
			cursor: pointer;
			margin-bottom: 7px;
		}

		.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); */
		}

		@media only screen and (max-width: 992px) {
				.nav-container {
					padding: 0;
				}
		}