/* Effect to Category In Main Page */
		.s-block.s-block--banners .square-grid.grid .box-img {
			display: inline-block;
			vertical-align: middle;
			-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
			box-shadow: 0 0 1px rgba(0, 0, 0, 0);
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
		}

		.s-block.s-block--banners .square-grid.grid .box-img:active,

		.s-block.s-block--banners .square-grid.grid .box-img:focus,

		.s-block.s-block--banners .square-grid.grid .box-img:hover {
			-webkit-transform: scale(1.045);
			transform: scale(1.045);
			-webkit-transition-timing-function: (0.47, 2.02, 0.31, -0.36);
			transition-timing-function: (0.47, 2.02, 0.31, -0.36);
		}
/* Moving Circles Background */
.moving-circle {
    position: absolute;
    background: rgba(255, 255, 255, 0.1); /* Light transparent circles */
    border-radius: 50%;
    opacity: 0.7;
    animation: moveCircle infinite alternate ease-in-out;
    z-index: -1; /* Send to background */
}

/* Animation for circles */
@keyframes moveCircle {
    0% {
        transform: translateY(0px) translateX(0px) scale(1);
    }
    50% {
        transform: translateY(-50px) translateX(50px) scale(1.2);
    }
    100% {
        transform: translateY(50px) translateX(-50px) scale(0.8);
    }
}
.alert {
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background-color: white;
			padding: 20px 10px;
			border: 1px solid #aaa;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

			border-radius: 20px;
			z-index: 1000000000000;
			    min-width: 350px !important;
			
		}
		@media screen and (min-width:992px){
		.alert{
		    min-width: 700px !important;
		}
		}

		.alert-heading {
			margin-top: 20px;
			text-align: center;
		}
		.alert > p {
		text-align:center;
		}

		.close-button {
			position: absolute;
			top: 10px;
			right: 10px;
			width: 30px;
			height: 30px;
			background-color: gold;
			color: white;
			border: none;
			border-radius: 50%;
			font-weight: bold;
			cursor: pointer;
			font-size: 23px;
			padding-top:6px;
			transition:.3s all linear;
		}
		.close-button:hover{
		transform:scale(.9) !important;
		}

		.heading-in-alert-above-sec {
			color: black;
			font-weight: bold;
			margin-top: 10px;
			margin-bottom: 0px;
			text-align: right;
		}

		.secti {
			border-radius: 10px;
			border: 1px solid #ddd;
			margin: auto;
			padding: 4px 8px;
		}

		.link-container-w {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			text-decoration: none;
			color: black;
			font-weight: bold;
			margin: 10px 0px;
		}
		
.link-container-w:hover .imgCon{
	transform:scale(.9) !important;
	}
.link-container-w:hover .txt {
	letter-spacing: 1px;}
		.link-container-w .imgCon {
			margin: 0px !important;
			cursor: pointer;

			border-radius: 50%;
			width: 35px;
			height: 35px;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			align-content: center;
transition:.3s all linear;
overflow:hidden;
		
			margin-left: 20px !important;
			margin-right:8px !important;

		}
		.link-container-w .imgCon img{
		    transform: scale(3.8);
		}

		.link-container-w .txt {
transition:.3s all linear;

			color: black;
			font-weight: bold;
			direction: ltr;
		}


		.whatsapp-container {
			margin: 0px !important;
			cursor: pointer;
			background-color: #40c351;
			border-radius: 50%;
			transition: .3s all linear;
			width: 58px;
			height: 58px;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			align-content: center;
			position: fixed;
			z-index:100000000000000;
			left: 23px;
			bottom:50px;
			transform: scale(.8);

		}
		.whatsapp-container:hover {

				transform: scale(.7);

		}

		@media screen and (min-width:992px) {
			.whatsapp-container {
				position: fixed;
				left: 45px;
				bottom: 50px;
				z-index:100000000000000;
					transform: scale(1);
			}
			.whatsapp-container:hover {

				transform: scale(.9);

		}
		}

		

		.opac {
			position: relative;
			overflow-y: hidden;

		}

		.opac::after {
			content: "";
			position: absolute;
			width: 100%;
			height: 10000vh;
			background-color: rgba(0, 0, 0, 0.5) !important;
			top: 0px;
			left: 0px;
			z-index: 10;
		}