body {
    		margin: 0;
    		background: white;
    		font-family: 'Public Sans', sans-serif;

    	}

    	.ribbon {
    		height: 51px;
    		position: relative;
    		top: -47px;
    		background-color: #cdf6fb;
    		border-bottom-left-radius: 20px;
    		border-bottom-right-radius: 20px;
    		width: 90%;
    		text-align: center;
    		margin: 0 auto;
    	}

    	.ribbon p {
    		color: #001f2e;
    		font-weight: 900;
    		font-size: 18px;
    		text-transform: uppercase;
    		align-self: center;
    		padding-top: 3px;
    		font-family: 'Orbitron', 'Montserrat', sans-serif;

    		background: linear-gradient(120deg,
    				#03e7c5,
    				#920202,
    				#037f30,
    				#370281);

    		background-size: 300%;
    		-webkit-background-clip: text;
    		background-clip: text;
    		color: transparent;

    		animation: holoMove 3s linear infinite;
    	}

    	@keyframes holoMove {
    		0% {
    			background-position: 0%
    		}

    		100% {
    			background-position: 300%
    		}
    	}

    	.ribbon span {
    		font-size: 23px;
    	}



    	.ribbon::before {
    		content: "";
    		height: 19px;
    		width: 16px;
    		border-top-left-radius: 100%;
    		background-color: #64c5ce;
    		position: absolute;
    		left: -16px;
    		top: 0;
    	}

    	.ribbon::after {
    		content: "";
    		height: 19px;
    		width: 16px;
    		border-top-right-radius: 100%;
    		background-color: #64c5ce;
    		position: absolute;
    		right: -16px;
    		top: 0;
    	}

    	.masking-container {
    		position: relative;
    		top: -11px;
    	}

    	.form-box {
    		position: relative;
    		top: -20px;
    	}

    	.servi-sec {
    		position: relative;
    		top: 92px;
    	}

    	.edu-rro {
    		justify-content: center;
    		align-items: center;
    	}

    	.iso-im {
    		width: 15%;

    	}


    	.iso-co {
    		width: 98%;
    		border-radius: 10px;
    		background-color: rgb(221, 251, 249);
    		justify-content: space-around;
    	}

    	.top-bar {
    		background-color: var(--np-primary);
    		color: white;
    		padding: 6px 20px;
    		font-size: 14px;
    		width: 100%;
    		overflow: hidden;
    		position: relative;
    	}

    	.top-bar a {
    		text-decoration: none;
    		color: #92f1db;
    	}

    	.header-main {

    		background-color: #fff;
    	}

    	.info-block {
    		display: flex;
    		align-items: center;
    		margin: 0 20px;
    	}

    	.lead {
    		font-size: 18px;
    	}

    	.info-block i {
    		background-color: #041839;
    		color: white;
    		border-radius: 50%;
    		padding: 10px;
    		font-size: 16px;
    		margin-right: 10px;
    	}

    	.info-text {
    		font-size: 14px;
    		color: #bd0505;
    		font-weight: 700;
    	}

    	.info-text strong {
    		color: #041839;
    		font-size: 14px;
    		display: block;
    		margin-bottom: 2px;
    		font-weight: 400;
    	}

    



    	.search-box {
    		max-width: 350px;
    		margin: 20px;
    		width: 500px;
    		margin-right: 70px;

    	}

    	.search-box:hover {
    		color: white;
    	}

    	.form-control:focus {
    		box-shadow: none;
    		outline: none;
    		border-color: #ced4da;
    	}

    	.menuButtons {
    		display: none;
    	}

    	.search-input {
    		border-top-right-radius: 0;
    		border-bottom-right-radius: 0;
    		background-color: #f5fcff;
    	}

    	.search-button {
    		border-top-left-radius: 0;
    		border-bottom-left-radius: 0;
    		background-color: #179bd7;
    		color: white;
    	}

    	.search-button:hover {
    		background-color: #179bd7;
    	}

    	/* banner text  */

    	/* watermark section */
    	.hero-section {
    		position: relative;
    		min-height: 100vh;
    		background-color: #001f2e;
    		overflow: hidden;
    	}

    	.bg-decoration {
    		position: absolute;
    		background-repeat: no-repeat;
    		background-size: contain;
    		pointer-events: none;
    		z-index: 0;
    		opacity: 0.4;
    	}

    	/* Customize positions and images */
    	.img1 {
    		/*top: -10px;
    left: -44px;
    width: 100%;
    height: 800px;
    background-image: url('../img/newdesigned.png'); */
    		top: 95px;
    		left: 9px;
    		width: 201%;
    		height: 600px;
    		background-image: url('../img/curving.png');
    	}

    	.img2 {
    		bottom: 441px;
    		right: -38px;
    		width: 337px;
    		height: 600px;
    		/* background-image: url('../img/curving.png'); */
    	}

    	.img3 {
    		top: 150px;
    		right: 30%;
    		width: 200px;
    		height: 200px;
    		background-image: url('../img/gradientColor.png');
    	}

    	.img4 {
    		top: 20px;
    		right: -9px;
    		width: 182px;
    		height: 200px;
    		background-image: url('../img/watermarkDesigned1.png');
    	}

    	.img5 {
    		top: 92px;
    		width: 153px;
    		height: 182px;
    		background-image: url('../img/watermarkDesigned2.png');
    	}

    	.img6 {
    		top: 460px;
    		/*right: 30%;*/
    		left: 405px;
    		width: 200px;
    		height: 200px;
    		background-image: url('../img/watermarkDesigned3.png');
    	}

    	/* end water mark */
    	/* schedule button start  */
    	.custom-btn {

    		color: #01245d;
    		;
    		border-radius: 3px;
    		padding: 10px 25px;
    		font-family: 'Lato', sans-serif;
    		font-weight: 500;
    		background: transparent;
    		cursor: pointer;
    		transition: all 0.3s esase;
    		position: relative;
    		display: inline-block;
    		outline: none;
    		border: none;
    	}


    	.btn-1 {
    		font-weight: 500;
    		background: #18a2a2;
    		border: none;
    		font-size: 14px;
    		border-radius: 2px;
    		color: #01245d;
    		letter-spacing: 0.5px;
    	}

    	.btn-1:hover {

    		background: #100b4b;
    	}



    	/* schedule button end */


    	.logo-img {
    		max-width: 155px;
    		height: auto;
    		object-fit: contain;
    		position: relative;
    		left: 93px;
    	}

    	.details {
    		font-size: 14px;
    	}

    	.icon {
    		margin-left: 100px;
    	}

    	.detailsButton {
    		font-size: 15px;
    	}



    	.search-box {
    		font-weight: 400;
    		display: flex;
    		/* border-radius: 180px; */
    		overflow: hidden;
    		/* padding: 18px 20px; */
    	}

    	.search-box button {
    		/* background: linear-gradient(135deg, #071e3d, #011235); */
    		border: none;
    		color: white;

    		padding: 13px 20px;
    		border-radius: 7px;
    		cursor: pointer;
    		position: relative;
    		right: 0;
    		left: 80px;
    	}

    	.facebook {
    		width: 16px;
    		position: relative;
    		/* left: 2px; */
    		left: 0px;

    	}

    	/* button zoom effect */
    	.search-button {
    		transition: transform 0.3s ease;
    	}

    	.search-button:hover {
    		transform: scale(1.05);
    		/* 5% zoom on hover */
    	}

    	.detailsButton {
    		/* font-weight: bold; */
    		font-size: 14px;
    	}

    	/* end button zoom effect */



    	/* Wrapper to center and limit width */
    	.custom-navbar-wrapper {
    		display: flex;
    		justify-content: center;
    		margin-top: -30px;
    		padding: 0 15px;
    	}

    	/* Styled navbar */
    	.custom-navbar {
    		background-color: #179bd7;
    		border-radius: 9px;
    		padding: 10px 25px;
    		max-width: 1200px;
    		width: 100%;
    		height: 70px;
    		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    		position: relative;
    		top: 31px;
    		z-index: 1;
    		display: flex;
    		align-items: center;
    		flex-wrap: wrap;
    		/* transform: skewY(-3deg); */
    		/* background-color: #14a6e0; */
    		/* padding: 1rem; */
    		/* border-radius: 10px; */
    	}



    	.navbar-toggler {
    		border-color: white;
    	}




    	/* Align items inside navbar */
    	.custom-navbar .navbar-nav {
    		gap: 10px;
    	}

    	.custom-navbar .nav-link {
    		color: white !important;
    		font-weight: 600;
    		font-size: 14px;
    		text-align: center;
    		text-transform: uppercase;
    	}

    	.custom-navbar .social-icons a {
    		color: white;
    		margin-right: 10px;
    		background: white;
    		color: var(--np-primary);
    		padding: 4px 8px;
    		border-radius: 4px;
    		display: inline-block;
    	}

    	.social-icons a {
    		color: #333;
    		font-size: 18px;
    		margin-right: 10px;
    		transition: all 0.3s ease;
    	}

    	.social-icons a:hover {
    		color: #fff;
    		background-color: var(--np-success);
    		transform: scale(0.9);
    		box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
    	}

    	/* offcanvs social icons */
    	.socials-icons a {
    		display: inline-flex;
    		align-items: center;
    		justify-content: center;
    		width: 40px;
    		height: 40px;
    		margin-right: 10px;
    		font-size: 18px;
    		color: #fff;
    		background-color: #02589e;
    		border-radius: 50%;
    		transition: all 0.3s ease;
    	}

    	/* Hover Effects with Unique Brand Colors */
    	.socials-icons a.facebook:hover {
    		background-color: #3b5998;
    		color: #fff;
    		transform: scale(1.2);
    		box-shadow: 0 4px 12px rgba(59, 89, 152, 0.4);
    	}

    	.socials-icons a.twitter:hover {
    		background-color: #1da1f2;
    		color: #fff;
    		transform: scale(1.2);
    		box-shadow: 0 4px 12px rgba(29, 161, 242, 0.4);
    	}

    	.socials-icons a.linkedin:hover {
    		background-color: #0077b5;
    		color: #fff;
    		transform: scale(1.2);
    		box-shadow: 0 4px 12px rgba(0, 119, 181, 0.4);
    	}

    	/* end icon */
    	.custom-navbar .phone {
    		color: white;
    		font-weight: bold;
    	}

    	.custom-navbar .apply-btn {
    		background: white;
    		color: var(--np-primary);
    		font-weight: bold;
    		padding: 8px 16px;
    		border-radius: 4px;
    		text-decoration: none;
    		display: inline-flex;
    		align-items: center;
    		gap: 8px
    	}

    	.apply-btn:hover {
    		background-color: #bff7f7;
    	}

    	.custom-navbar .apply-btn i {
    		margin-left: 5px;
    	}

    	.dropdown-menu {
    		border-radius: 0 0 8px 8px;
    		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    	}

    	.dropdown-item {
    		font-weight: bold;
    		color: #333;
    	}

    	.dropdown-item:hover {
    		background-color: #f8f9fa;
    	}


    	textarea::placeholder {
    		font-size: 16px;
    		color: #999;
    	}

    	select.form-select {
    		font-size: 14px;
    	}

    	select.form-select option {
    		font-size: 14px;
    	}

    	.btn-2 {
    		background: #5cc6d0;

    	}

    	.btn-2:hover {
    		background: #45e29c;


    	}

    	/* border effect */

    	.gradient-border {
    		--borderWidth: 4px;
    		position: relative;
    		border-radius: 16px;
    		padding: var(--borderWidth);
    		background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    		background-size: 300% 300%;
    		animation: animatedgradient 5s ease infinite alternate;
    		width: 100%;
    		max-width: 500px;
    	}


    	.gradient-border-inner {
    		background:
    			radial-gradient(circle at top, rgba(0, 255, 255, 0.1), transparent 70%),
    			#0b2e45;
    		border-radius: 12px;
    		padding: 25px 15px;
    		width: 100%;
    		box-shadow: 0 0 30px rgba(0, 255, 255, 0.1);
    		color: white;
    		padding-bottom: 0;
    	}

    	@media(max-width:537px) {
    		.contents {
    			font-size: 5px;
    		}
    	}

    	.schudle {
    		color: #5cc6d0;
    	}

    	@keyframes animatedgradient {
    		0% {
    			background-position: 0% 50%;
    		}

    		50% {
    			background-position: 100% 50%;
    		}

    		100% {
    			background-position: 0% 50%;
    		}
    	}

    	.form-title {
    		font-size: 1.2rem;
    		font-weight: 600;
    		margin-bottom: 20px;
    		display: flex;
    		align-items: center;
    		justify-content: space-between;
    	}

    	.form-title i {
    		margin-left: 8px;
    		font-size: 0.9rem;
    		color: #555;
    	}

    	input,
    	textarea {
    		width: 100%;
    		padding: 13px 19px;
    		margin-bottom: 20px;
    		border-radius: 8px;
    		/* border: 1px solid #ccc; */
    		font-size: 0.95rem;
    		font-family: inherit;

    	}

    	input:focus,
    	textarea:focus {
    		background-color: #24768d;
    		border: 1px solid #0475a5;
    		outline: none;
    	}

    	textarea {
    		resize: vertical;
    		min-height: 80px;
    	}



    	.demoo {
    		font-size: 0.9rem;
    		color: #5cc6d0;
    	}

    	.my-icons {
    		color: #5cc6d0;
    	}

    	textarea,
    	input {
    		background-color: rgba(192, 200, 242, 0.09);
    		color: #ffffff;
    		border: 1px solid rgba(255, 255, 255, 0.2);
    		border-radius: 8px;
    		padding: 12px;
    		outline: none;
    	}

    	textarea:focus,
    	input:focus {
    		background-color: rgba(42, 107, 125, 0.3);
    		border: 1px solid rgba(255, 255, 255, 0.4);
    		box-shadow: 0 0 5px rgba(42, 107, 125, 0.5);
    	}

    	input::placeholder,
    	textarea::placeholder {
    		color: rgba(255, 255, 255, 0.4);
    	}


    	/* demo header */
    	.masked-text {
    		font-size: 24px;
    		font-weight: 900;
    		color: transparent;
    		font-family: 'Arial', sans-serif;
    		background-image: url('../img/newColorText1.png');
    		background-size: 200%;
    		/* Enlarged for smooth animation */
    		background-position: 0 50%;
    		background-clip: text;
    		-webkit-background-clip: text;
    		-webkit-text-fill-color: transparent;
    		animation: animate-background 5s infinite alternate linear;
    		text-align: center;
    	}

    	/* .form-box{
			margin-bottom:47px;
		} */


    	@keyframes animate-background {
    		0% {
    			background-position: 0 50%;
    		}

    		100% {
    			background-position: 100% 50%;
    		}
    	}

    	/* form content end  */

    	/* Open dropdown on hover */
    	.navbar-nav .dropdown:hover .dropdown-menu {
    		display: block;
    		margin-top: 0;
    	}

    	.dropdown-menu {
    		transition: all 0.7s ease;
    		border-radius: 0 0 8px 8px;
    		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    	}

    	/* hero section button start */

    	.glass-button {
    		padding: 15px 50px;
    		font-size: 16px;
    		font-weight: bold;
    		color: #b8e6f2;
    		background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.08));
    		border: 1.5px solid;
    		border-image: linear-gradient(10deg, #7fffd4, #00bfff, #4169e1) 1;
    		backdrop-filter: blur(3px);
    		-webkit-backdrop-filter: blur(6px);
    		cursor: pointer;
    		transition: all 0.3s ease;
    	}


    	.glass-button:hover {
    		box-shadow: 0 0 12px rgba(0, 191, 255, 0.8);
    		/* transform: scale(1.1); */
    	}

    	.sanitization-section {
    		display: flex;
    		flex-direction: row;
    		align-items: center;
    		padding: 25px 20px;
    		gap: 20px;
    		margin-left: -18px;
    		flex-wrap: wrap;
    	}

    	.center {
    		position: absolute;
    		top: 50%;
    		left: 50%;
    		transform: translate(-50%, -50%);
    	}

    	.pulse {

    		background: #5cc6d0;
    		border-radius: 50%;
    		color: #FFF;
    		font-size: 20px;
    		text-align: center;
    		line-height: 10px;
    		font-family: sans-serif;
    		text-transform: uppercase;
    		animation: animate-pulse 3s linear infinite;
    		cursor: pointer
    	}

    	@keyframes animate-pulse {
    		0% {
    			box-shadow: 0 0 0 0 rgba(4, 130, 168, 0.7), 0 0 0 0 rgba(5, 136, 141, 0.7);
    		}

    		40% {
    			box-shadow: 0 0 0 50px rgba(255, 109, 74, 0.0), 0 0 0 0 rgba(6, 199, 206, 0.7);
    		}

    		80% {
    			box-shadow: 0 0 0 50px rgba(255, 109, 74, 0.0), 0 0 0 30px rgba(255, 109, 74, 0);
    		}

    		100% {
    			box-shadow: 0 0 0 0 rgba(255, 109, 74, 0.0), 0 0 0 30px rgba(255, 109, 74, 0);
    		}

    	}

    	.cross-lines {
    		position: absolute;
    		top: 0;
    		left: 11px;
    		width: 64%;
    		height: 100%;
    		pointer-events: none;
    		z-index: 0;
    	}

    	.cross-lines::before,
    	.cross-lines::after {
    		content: '';
    		position: absolute;
    		background: repeating-linear-gradient(to bottom,
    				transparent,
    				transparent 4px,
    				#5cc6d0 4px,
    				#5cc6d0 6px);
    	}

    	.cross-lines::before {
    		top: 20px;
    		bottom: -1px;
    		left: 50%;
    		width: 1px;
    		background: repeating-linear-gradient(to bottom,
    				transparent,
    				transparent 4px,
    				#5cc6d0 4px,
    				#5cc6d0 6px);
    	}

    	.cross-lines::after {
    		/* Horizontal line */
    		left: 0;
    		right: 0;
    		top: 54%;
    		height: 1px;
    		background: repeating-linear-gradient(to right,
    				transparent,
    				transparent 4px,
    				#5cc6d0 4px,
    				#5cc6d0 6px);
    	}

    	/* end box line  */
    	.call-box {
    		display: flex;
    		align-items: center;
    		gap: 15px;
    		color: white;
    	}


    	.contentsAdss {
    		color: #bff7f7 !important;
    		font-size: 17px;
    	}

    	.call-icon {
    		background: rgba(255, 255, 255, 0.1);
    		backdrop-filter: blur(4px);
    		/* blur for glass effect */
    		-webkit-backdrop-filter: blur(10px);
    		/* Safari support */
    		color: #6effb3;
    		border-radius: 50%;
    		padding: 14px 16px;
    		font-size: 22px;
    		display: flex;
    		align-items: center;
    		justify-content: center;
    		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    		/* soft shadow */
    		border: 1px solid rgba(255, 255, 255, 0.2);
    		/* light inner border */
    	}

    	.call-text small {
    		display: block;
    		font-size: 12px;
    		text-transform: uppercase;
    		opacity: 0.8;
    	}

    	.call-text strong {
    		font-size: 18px;
    		font-weight: bold;
    	}

    	/* hero section button end */
    	/* offcanvas start */
    	.offcanvas-custom {
    		width: 300px;
    		background: rgba(255, 255, 255, 0.1);
    		backdrop-filter: blur(12px);
    		border: none;
    		color: #fff;
    	}

    	.contactInformation {
    		margin-left: 12px;
    	}

    	.offcanvas-header {
    		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    	}

    	.contacted {
    		color: #5cc6d0;
    	}

    	.contactedev {
    		font-weight: 600;
    	}

    	.nav-link {
    		color: #fff;
    		font-weight: 500;
    		padding: 15px 10px;
    		display: flex;
    		align-items: center;
    		gap: 10px;
    	}

    	.nav-link:hover {
    		background: rgba(255, 255, 255, 0.1);
    		border-radius: 6px;
    	}

    	.offcanvas-body hr {
    		border-color: rgba(255, 255, 255, 0.2);
    		margin: 1rem 0;
    	}

    	.contact-block i {
    		color: #fff;
    		font-size: 18px;
    	}

    	.contact-text {
    		font-size: 14px;
    	}

    	.text-muted {
    		color: #ddd !important;
    	}

    	/* .apply-btn {
      background: #fff;
      color: #000;
      padding: 8px 20px;
      border-radius: 25px;
      text-decoration: none;
      font-weight: 600;
      display: inline-block;
      margin-bottom: 12px;
    } */
    	.click-btn {
    		display: flex;
    		width: 80%;
    		height: 61px;
    		justify-content: center;
    		align-items: center;
    		margin: 0.5rem;
    		line-height: 35px;
    		border: 1px solid;
    		border-radius: 5px;
    		text-align: center;
    		font-size: 16px;
    		color: #000;
    		text-decoration: none;
    		transition: all 0.35s;
    		box-sizing: border-box;
    	}

    	.btn-style5 {
    		border-color: #979695;
    		color: #979695;
    		box-shadow: 0.3em 0.3em 0 #076a88;
    	}

    	.btn-style5:hover {
    		box-shadow: -0.3em -0.3em 0 #1baa9e;
    		background-color: #7c5ee9;
    		border-color: #dd6395;
    		color: #1841c3;
    	}


    	.follow-btn {
    		border: 2px solid #fff;
    		color: #fff;
    		padding: 6px 18px;
    		border-radius: 25px;
    		text-decoration: none;
    		font-size: 14px;
    	}

    	.social-icons a {
    		color: #fff;
    		margin: 0 5px;
    		font-size: 16px;
    	}

    	/* .offcanvas .apply-btn */
    	.callingNum {
    		color: #6effb3;
    	}

    	/* old offcanvas end*/
    	.emailSection {
    		height: 40px;
    	}

    	.menuButton {
    		font-size: 20px;
    		color: #179bd7;
    	}

    	/* hero */

    	.btn-primary {
    		background-color: #179BD7;
    	}

    	.hero-section {
    		min-height: 10vh;
    		padding: 50px 0;
    		padding-bottom: 0px;
    		position: relative;
    		overflow: hidden;
    		background: linear-gradient(135deg, #071e3d, #011235);
    	}

    	.play-circle {
    		width: 30px;
    		height: 30px;
    		background: white;
    		color: #007bff;
    		border-radius: 50%;
    		text-align: center;
    		line-height: 30px;
    		font-weight: bold;
    	}


    	.main-student {
    		max-width: 100%;
    		z-index: 1;
    		width: 68%;
    		height: auto;
    	}

    	.floating-img {
    		position: absolute;
    		width: 130px;
    		z-index: 2;
    	}

    	.top_heading {
    		white-space: nowrap;
    		display: inline-block;
    		max-width: 100%;
    		/*New line added */
    		overflow: hidden;
    		/*New line added */
    		animation: scroll 20s linear infinite;
    		text-transform: uppercase;
    		font-weight: 520;
    		font-size: 15px;
    		color: #92f1db !important;
    	}

    	/* .top_heading {
    			font-size: 10px;
    			position: relative;
    			top: 3px;
    		} */

    	@keyframes scroll {
    		from {
    			transform: translateX(0%);
    		}

    		to {
    			transform: translateX(100%);
    		}
    	}

    	.congrats-img {
    		top: 20px;
    		left: 50%;
    		transform: translateX(-50%);
    	}


    	.students-img {
    		bottom: 0;
    		left: 50%;
    		transform: translateX(-50%);
    	}

    	.students-img {
    		/* bottom: -10%; */
    		left: 13%;
    		position: absolute;
    		width: 210px;
    		transform: translateX(-50%);
    	}


    	.main-student {
    		position: relative;
    		z-index: 2;
    		max-width: 65%;
    		height: auto;
    	}

    	.orbit-img {
    		position: absolute;
    		/* top: -50px; */
    		top: -20px;
    		right: 10px;
    		transform: translateX(-50%);
    		width: 500px;
    		z-index: 1;
    		animation: spin 40s linear infinite;
    	}

    	@keyframes spin {
    		from {
    			transform: rotate(0deg);
    		}

    		to {
    			transform: rotate(360deg);
    		}
    	}


    	.congrats-img {
    		top: 1%;
    		left: 18%;
    		position: absolute;
    		width: 220px;
    		transform: translateX(-50%);
    	}

    	.interactive-img {
    		top: 35%;
    		right: -10px;
    		position: absolute;
    		width: 200px;
    		transform: translateY(-50%);
    	}

    	/* service design start */
    	.feature-box1 {
    		background: linear-gradient(135deg, #7e3ff2, #a258f3);
    		color: white;
    		border-radius: 4px;
    		padding: 44px 20px;
    		position: relative;
    		overflow: hidden;
    		transition: all 0.3s ease;
    	}

    	.feature-box:hover {
    		transform: translateY(-5px);
    	}

    	.feature-number1 {
    		position: absolute;
    		top: -9px;
    		right: 15px;
    		font-size: 4rem;
    		font-weight: 800;
    		color: transparent;
    		-webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
    		z-index: 0;
    	}

    	.highlight-text {
    		background-color: white;
    		color: black;
    		padding: 2px 6px;
    		border-radius: 4px;
    		display: inline-block;
    	}

    	.icon-img1 {
    		width: 30px;
    		height: 30px;
    		margin-left: 8px;
    		border-radius: 3px;
    		object-fit: contain;
    	}


    	.gradient-bg {
    		background: radial-gradient(circle at top left, #0d1b2a, #1b263b, #1e2a3d);
    	}


    	.info-card {
    		display: flex;
    		align-items: center;
    		gap: 12px;
    		width: 100%;
    		height: 100%;
    		min-width: 0;
    		overflow: hidden;
    		padding: 16px 18px;
    		border-radius: 16px;
    		background: rgba(255, 255, 255, 0.05);
    		border: 1px solid rgba(255, 255, 255, 0.1);
    		backdrop-filter: blur(8px);
    	}


    	.marquee-container {
    		overflow: hidden;
    		width: auto;
    	}

    	.bottom-marquee {
    		padding-bottom:20px;
    	}

    	.marquee-track {
    		display: flex;
    		gap: 60px;
    	}

    	.log_item img {
    		width: auto;
    		object-fit: contain;
    	}

    	.rtl {
    		animation: marqueeRTL 25s linear infinite;
    	}

    	@keyframes marqueeRTL {
    		0% {
    			transform: translateX(0);
    		}

    		100% {
    			transform: translateX(-50%);
    		}
    	}

    	.ltr {
    		animation: marqueeLTR 25s linear infinite;
    	}

    	@keyframes marqueeLTR {
    		0% {
    			transform: translateX(-50%);
    		}

    		100% {
    			transform: translateX(0);
    		}
    	}


    	/* =====================
  		 ICON
		===================== */
    	.icons {
    		flex: 0 0 48px;
    		height: 48px;

    		display: flex;
    		align-items: center;
    		justify-content: center;

    		border-radius: 12px;
    		background: rgba(13, 110, 253, 0.12);
    	}

    	.icons i {
    		font-size: 22px;
    		color: #6effb3;
    	}

    	/* =====================
   			TEXT
		===================== */
    	.customized_box {
    		flex: 1;
    		min-width: 0;
    	}

    	.hundredPer {
    		margin: 0;
    	}

    	.sppa {
    		font-size: 20px;
    		line-height: 1.2;
    	}

    	.contentsAdss {
    		font-size: 13px;
    		line-height: 1.4;

    		white-space: normal;
    		word-break: break-word;
    		overflow-wrap: break-word;
    	}


    	.faqs-container {
    		overflow: hidden;
    	}

    	.faq-singular {
    		position: relative;
    		border-bottom: 1.3px dashed #ccc;
    		padding: 0 30px 0 20px;
    	}

    	.faq-singular:hover,
    	.faq-singular.active {
    		background: #edf1fbc9;
    		background-image: linear-gradient(90deg, #031660 0%, #031660 8px, transparent 8px, transparent 100%);
    		border-radius: 10px;
    		border-bottom: 1px solid #fff;
    	}

    	.faq-singular .faq-question {
    		position: relative;
    		cursor: pointer;
    		margin: 0;
    		padding: 25px 25px 25px 0px;
    		font-weight: 600;
    		font-size: 20px;
    	}

    	.faq-singular .faq-question:before {
    		position: absolute;
    		content: "+";
    		color: #031660;
    		right: -20px;
    		top: 50%;
    		transform: translateY(-50%);
    		font-size: 28px;
    		font-weight: 700;
    		transition: all .5s;
    	}

    	.faq-singular.active .faq-question:before {
    		transform: translateY(-50%) rotate(45deg) scale(1.3);
    	}

    	.faq-answer {
    		display: none;
    		padding-bottom: 20px;

    	}

    	/* Our Review section  */


    	.lumina-card {
    		background-color: #021336;
    		border: 1px solid #1f2937;
    		border-top: 4px solid #13fcd1;
    		border-radius: 12px;

    		width: 300px;
    		/*height: 420px;*/
    		/* 👈 FIXED HEIGHT */

    		padding: 25px;
    		margin: 0 15px;

    		display: flex;
    		flex-direction: column;
    		justify-content: space-between;
    		/* 👈 content ko evenly spread karega */
    		align-items: center;

    		text-align: center;
    		overflow: hidden;
    		/* 👈 extra content hide */
    	}



    	.client-avatar-wrapper {
    		width: 100px;
    		height: 100px;
    		background: #ffffff;
    		border-radius: 50%;
    		display: flex;
    		align-items: center;
    		justify-content: center;
    		overflow: hidden;
    	}

    	.client-avatar {
    		object-fit: cover;
    	}

    	.star-rating {
    		color: #13fcd1;
    		margin-bottom: 20px;
    		font-size: 1.2rem;
    	}

    	.testimonial-quote {
    		font-style: italic;
    		line-height: 1.6;
    		color: #d1d5db;
    		margin-bottom: 25px;
    		font-size: 1.1rem;
    	}

    	.client-info-name {
    		font-weight: 700;
    		font-size: 1.25rem;
    		margin-bottom: 5px;
    		color: #ffffff;
    	}

    	.reviewSwiper .swiper-button-next {
    		color: orange;
    	}

    	.reviewSwiper .swiper-button-prev {
    		color: orange;
    	}

    	.m-slider {
    		border: none !important;
    	}

    	.client-info-role {
    		font-size: 0.85rem;
    		color: #13fcd1;
    		text-transform: uppercase;
    		font-weight: 600;
    	}




    	/* END FAQ STYLE */
    	/* START SERVICE STYLE */
    	img {
    		max-width: 100%;
    		height: auto;
    	}

    	a {
    		text-decoration: none;
    		color: #2f2f2f;
    	}

    	.services h3 {
    		font-size: 20px;
    		padding-top: 10px;
    		font-weight: bold;
    		color: #000;
    		margin-top: 11px;
    		padding-right: 23px;
    		/* margin-left: 30px; */

    	}

    	.services p {
    		font-size: 15px;
    		font-weight: 500;
    		text-align: justify;
    		margin-right: 23px;
    		/* margin-left: 30px; */

    	}

    	.services-parts h3 {
    		font-size: 20px;
    		padding-top: 10px;
    		text-align: left;
    		font-weight: bold;
    		color: #000;
    		margin-left: 15px;
    	}

    	.services-part1 h3 {
    		text-align: right;
    	}

    	.services-parts p {
    		font-size: 13px;
    		font-weight: 500;
    		margin-left: 15px;
    		text-align: justify;
    		width: 100%;

    	}

    	.service-sec {
    		margin: 5px auto;
    	}

    	.service-sec:hover {
    		transition: all 0.5s ease;
    		/* transform: scale(1.07); */
    	}

    	.services a {
    		display: block;
    		height: 120px;
    	}

    	.services-parts {
    		transform: translateX(0);
    		transition: transform 0.5s ease-in-out;
    	}

    	.rombusContainer {
    		position: relative;
    		top: 20px;
    		background: #000;
    	}

    	.rombusCard {
    		width: 75px;
    		height: 75px;
    		background-color: #fff;
    		border: 2px solid #17457a;
    		border-radius: 10px;
    		transform: rotate(140deg);
    		position: absolute;
    		z-index: 1212;
    		display: flex;
    		align-items: center;
    		justify-content: center;
    	}

    	.rombusContainer::before {
    		content: "";
    		display: block;
    		width: 73px;
    		height: 75px;
    		background-color: #17457a;
    		border-radius: 10px;
    		position: absolute;
    		z-index: -45;
    		transform: rotate(140deg);
    		left: 8px;
    		top: 8px;
    	}

    	.rombusCard img {
    		/* width:90%; */
    		width: 75%;
    		transform: rotate(-140deg);
    	}

    	@media(max-width:537px) {
    		.services p {
    			font-size: 13px;
    			font-weight: 500;
    			text-align: justify;
    			margin-right: 23px;
    			padding-bottom: 5px;
    			/* margin-left: 30px; */

    		}

    		.rombusCard img {
    			width: 70%;

    		}
    	}

    	@media (max-width: 405px) {

    		/* 🔥 Poora service card scale down */
    		.service-sec {
    			transform: scale(0.92);
    			transform-origin: left top;
    		}

    		/* Text thoda aur control */
    		.services h3 {
    			font-size: 16px;
    		}

    		.services p {
    			font-size: 12px;
    			line-height: 1.4;
    		}

    		/* 🔥 Rhombus size reduce */
    		.rombusCard {
    			width: 60px;
    			height: 60px;
    		}

    		.rombusContainer::before {
    			width: 58px;
    			height: 60px;
    		}

    		.rombusCard img {
    			width: 65%;
    		}
    	}

    	@media (min-width: 374px) and (max-width: 616px) {

    		/* CARD COMPACT */
    		.info-card {
    			padding: 10px 12px;
    			gap: 8px;
    		}

    		/* ICON SMALL + SAFE */
    		.icons {
    			flex: 0 0 34px;
    			height: 50px;
    		}

    		.icons i {
    			font-size: 22px;
    		}

    		/* TEXT CONTAINER */
    		.customized_box {
    			flex: 1;
    			min-width: 0;
    		}



    		/* SMALL TEXT → MAX 2 LINES ONLY */
    		.contentsAdss {
    			font-size: 11px;
    			line-height: 1.35;

    			display: -webkit-box;
    			-webkit-box-orient: vertical;
    			-webkit-line-clamp: 2;

    			overflow: hidden;

    			white-space: normal;
    			word-break: break-word;
    		}
    	}

    	@media (max-width: 480px) {

    		.icons {
    			display: none;
    		}

    		.icons i {
    			display: none;
    		}

    		.icons.text-primary {
    			display: none;
    		}

    		.sppa {
				margin-left: 20px !important;
    			font-size: 20px !important;
    		}

    	}

    	@media (max-width: 372px) {

    		/* card padding kam */
    		.info-card {
    			padding: 5px 5px;
    			margin: 0px;
    		}

    		/* icon aur text ke beech ka gap kam */
    		.icons {
    			width: 38px;
    			height: 38px;
    			font-size: 18px;
    			margin-right: 5px;
    			margin-left: 0;
    		}

    		/* text box ko thoda space do */
    		.customized_box {
    			padding-left: 2px;
    		}

    		/* text wrapping clean */
    		.contentsAdss {
    			line-height: 1.2;
    			display: block;
    		}
    	}


    	@media (min-width:1400px) {
    		.contentsAdss {
    			font-size: 16px;
    		}
    	}


    	.custom-col {
    		flex: 0 0 auto;
    	}




    	@media (min-width: 400px) and (max-width: 576px) {
    		.custom-col {
    			width: 50%;
    		}

    		.info-card {
    			padding: 10px 12px;
    			gap: 8px;
    		}

    		.icons {
    			flex: 0 0 36px;
    			height: 36px;
    		}

    		.icons i {
    			font-size: 18px;
    		}


    		.contentsAdss {
    			font-size: 11px;
    		}
    	}

    	@media(min-width:1400px) {
    		.info-card {
    			padding: 33px;
    		}
    	}

    	@media (min-width:1277px) {
    		.d-grid {
    			margin-top: 10px;
    		}

    		.form-box textarea {
    			height: 120px;
    			/* jitni chaho utni */
    			resize: vertical;
    			/* user sirf height badha sake */
    		}

    		.masked-text {
    			margin-bottom: 35px;
    		}

    	}

    	@media (min-width:990px) and (max-width:1000px) {
    		.sanitization-section {
    			margin-top: 10px;
    			padding: 10px;
    		}
    	}

    	@media (min-width:1000px) and (max-width:1277px) {
    		.d-grid {
    			margin-top: 10px;
    		}

    		.form-box textarea {
    			height: 120px;
    			/* jitni chaho utni */
    			resize: vertical;
    			/* user sirf height badha sake */
    		}
    	}

    	/* 🔹 Large screens extra breathing space */
    	@media (min-width: 1277px) {
    		.info-card {
    			gap: 10px;
    		}
    	}

    	@media (min-width: 990px) and (max-width: 1277px) {
    		.info-card {
    			gap: 10px;
    			/* icon + text spacing */
    		}

    		.icons {
    			flex: 0 0 44px;
    			height: 44px;
    			padding-left: 20px;
    			margin-left: 35px;
    		}
    	}

    	.customized_box {
    		padding: 0px;
    		text-align: center;

    	}

    	.cust-box {
    		width: fit-content;
    	}

    	/* glass morphism section banner start */
    	.glass-badge {
    		display: inline-flex;
    		align-items: center;
    		gap: 8px;
    		padding: 6px 16px;
    		border-radius: 999px;
    		background: rgba(255, 255, 255, 0.05);
    		border: 1px solid rgba(255, 255, 255, 0.1);
    		backdrop-filter: blur(12px);
    		-webkit-backdrop-filter: blur(12px);
    		color: #6effb3;
    		font-weight: 500;
    		font-size: 14px;
    		/* box-shadow: 0 0 8px rgba(110, 255, 179, 0.4); */
    		transition: all 0.3s ease;
    		width: fit-content;
    	}

    	.glass-badge .dot-1 {
    		width: 8px;
    		height: 8px;
    		background-color: #6effb3;
    		border-radius: 50%;
    		box-shadow: 0 0 6px #6effb3;
    	}


    	.info-row::-webkit-scrollbar {
    		height: 6px;
    	}

    	.toph {
    		color: #fff;
    		font-size: 32px;
    		font-family: 'Arial', sans-serif;
    		text-transform: uppercase;
    	}

    	.info-row::-webkit-scrollbar-thumb {
    		background: rgba(255, 255, 255, 0.2);
    		border-radius: 10px;
    	}

    	input::placeholder {
    		font-size: 16px;
    	}

    	/* banner section end  */
    	.headingOff {
    		background: linear-gradient(90deg, #5cc6d0, #45e29c, #5cc6d0);
    		-webkit-background-clip: text;
    		-webkit-text-fill-color: transparent;
    		background-clip: text;
    		color: transparent;
    		font-size: 32px;
    		font-family: 'Arial', sans-serif;
    		text-transform: uppercase;
    	}

    	.hundredPer {
    		color: #6effb3;
    		padding-bottom: 4px;
    	}

    	@media(max-width:1930px) {
    		.custom-navbar {
    			background-color: var(--np-primary);
    			border-radius: 9px;
    			padding: 10px 25px;
    			/* max-width: 1500px; */
    			width: 100%;
    			height: 70px;
    			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    			position: relative;
    			top: 31px;
    			z-index: 1;
    			display: flex;
    			align-items: center;
    			flex-wrap: wrap;
    			/* transform: skewY(-3deg); */
    			/* background-color: #14a6e0; */
    			/* padding: 1rem; */
    			/* border-radius: 10px; */
    		}

    		.logo-img {
    			max-width: 200px;
    			height: auto;
    			object-fit: contain;
    			position: relative;
    			left: 93px;
    		}

    		.detailsButton {
    			/* font-weight: bold; */
    			font-size: 16px;
    		}

    		.search-box button {
    			/* background: linear-gradient(135deg, #071e3d, #011235); */
    			border: none;
    			color: white;
    			/* padding: 18px 20px; */
    			padding: 13px 20px;
    			border-radius: 7px;
    			cursor: pointer;
    			position: relative;
    			right: 0;
    			left: 97px;
    		}
    	}

    	@media (min-width:1300px)and (max-width:1900px) {
    		.form-box {

    			top: -15px;
    		}
    	}

    	@media(max-width:1450px) {
    		.logo-img {
    			max-width: 200px;
    			height: auto;
    			object-fit: contain;
    			position: relative;
    			/* left: 9px; */
    			left: 89px;

    		}

    		.servi-sec {
    			position: relative;
    			top: 158px;
    		}

    		.search-box button {
    			
    			border: none;
    			color: white;
    			
    			padding: 13px 20px;
    			border-radius: 7px;
    			cursor: pointer;
    			position: relative;
    			right: 0;
    			
    			left: 96px;

    		}
    	}

    	@media(max-width:1399px) {
    		.logo-img {
    			max-width: 155px;
    			height: auto;
    			object-fit: contain;
    			position: relative;
    			left: 16px;

    		}

    		.ribbon p {

    			font-size: 15px;
    		}

    		.icons {
    			font-size: 18px;
    			padding: 7px 10px 7px 10px;
    			border-radius: 11px;


    		}

    		.hundredPer {
    			margin-left: -27px;
    		}

    		.contentsAdss {
    			margin-left: -27px !important;
    			color: #fff !important;
    			white-space: normal;
    		}
    	}

    	@media(max-width:1277px) {
    		.logo-img {
    			max-width: 155px;
    			height: auto;
    			object-fit: contain;
    			position: relative;
    			left: 35px;
    		}

    		.icons {
    			font-size: 18px;
    			padding: 7px 10px 7px 10px;
    			border-radius: 11px;
    			/* background: radial-gradient(circle at center, #3a4464, #1841c3); */
    			color: #3b82f6;
    			display: flex;
    			align-items: center;
    			justify-content: center;
    			/* box-shadow: inset 0 0 8px rgba(59, 130, 246, 0.5), 0 0 15px rgba(59, 130, 246, 0.4); */
    			transition: all 0.3s ease;
    			position: relative;
    			left: -42px;
    		}
    	}

			@media (max-width:410px) {

    		

    		.logo-img {
    			max-width: 130px !important;
    			margin-left: 0px !important;
    		}

				.search-box button {
    			
    			border: none;
    			color: white;
    			padding: 12px 6px;
    			border-radius: 6px;
				font-size: 10px !important;
    			cursor: pointer;
    			position: relative;
    			left: 10px !important;
    		}

    	}

    	@media (max-width: 576px) {
    		.header-main {
    			margin-top: 0 !important;
    		}
    	}

    	@media (min-width:576px) and (max-width:830px) {
    		.info-text strong {
    			display: none !important;
    			color: #041839;
    			font-size: 14px;
    			display: block;
    			margin-bottom: 2px;
    			font-weight: 400;
    		}

    		.header-main {
    			margin-top: 0 !important;
    		}

    		.info-text {
    			display: none;
    		}



    		.icon {
    			margin-left: 10px !important;

    		}
    	}
    	@media(max-width:1199px) {

    		.faq-singular .faq-question {
    			font-size: 18px;
    		}

    		.paragraph {
    			font-size: 17px;
    		}

    		.ribbon p {
    			font-size: 14px;
    			padding-top: 11px;
    		}

    		.ribbon span {
    			font-size: 16px;
    		}

    		.masked-text {
    			font-size: 21px;
    		}

    		.form-box {
    			top: -5px;
    		}

    		.masking-container {
    			top: -29px;
    		}

    		.contentsAdss {
    			margin-left: -43px !important;
    			font-size: 13px;
    		}

    		.headingOff {
    			font-size: 30px;
    		}

    		.toph {
    			font-size: 30px;

    		}

    		.hundredPer {
    			margin-left: -45px;
    			font-size: 15px;
    		}

    		.con-wid {
    			max-width: 1100px;
    		}
    	}

    	@media(max-width:1148px) {
    		.about-pho {
    			align-self: center;
    		}

    		.search-box {
    			max-width: 227px;
    			margin: 20px;
    			width: 241px;
    			/* margin-right: 40px; */
    		}

    		.search-box button {
    			/* background: linear-gradient(135deg, #071e3d, #011235); */
    			border: none;
    			color: white;
    			/* padding: 18px 20px; */
    			padding: 13px 8px;
    			border-radius: 7px;
    			cursor: pointer;
    			position: relative;
    			right: 0;
    			left: 10px !important;
    		}

    		.custom-navbar .nav-link {
    			color: white !important;
    			/* font-weight: bold; */
    			font-weight: 500;
    			font-size: 12px;
    		}

    		.custom-navbar {
    			/* background-color: #179bd7; */
    			border-radius: 9px;
    			padding: 1px 1px;
    			max-width: 1200px;
    			width: 100%;
    			height: 70px;
    			box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    			position: relative;
    			top: 31px;
    			z-index: 1;
    			display: flex;
    			align-items: center;
    			flex-wrap: wrap;
    		}

    		.custom-navbar .social-icons a {
    			color: white;
    			margin-right: 10px;
    			background: white;
    			color: #18AAE2;
    			padding: 2px 6px;
    			border-radius: 4px;
    			display: inline-block;
    		}

    		.facebook {
    			width: 16px;
    			position: relative;
    			left: 0px;
    		}

    		.logo-img {
    			max-width: 155px;
    			height: auto;
    			object-fit: contain;
    			position: relative;
    			left: 14px;
    		}


    		/* form */


    	}


    	@media(max-width:991px) {

    		.iso-im {
    			width: 15%;
    		}

    		.search-box {
    			max-width: 227px;
    			margin: 20px;
    			width: 241px;
    			/* margin-right: 40px; */
    		}

    		.servi-sec {
    			top: 10px;
    		}

    		.section-header {
    			padding: 14px;
    		}

    		.faq-singular .faq-question {
    			font-size: 17px;
    		}

    		.paragraph {
    			font-size: 16px;
    		}

    		.icons {
    			left: -3px;
    		}

    		.ribbon {
    			height: 50px;
    		}

    		.ribbon p {
    			font-size: 18px;
    			padding-top: 10px;
    		}

    		.ribbon span {
    			font-size: 20px;
    		}

    		.masked-text {
    			font-size: 21px;
    		}

    		.form-box {
    			top: -5px;
    		}

    		.masking-container {
    			top: -29px;
    		}

    		.logo-img {
    			max-width: 155px;
    			height: auto;
    			margin-top: 0px;
    			object-fit: contain;
    		}

    		.headingOff {
    			font-size: 30px;
    		}

    		.toph {
    			font-size: 30px;

    		}

    		.offcanvas {
    			width: 400px !important;
    		}

    		/* cross line section start */
    		.cross-lines {
    			position: absolute;
    			top: 0;
    			left: 121px;
    			width: 64%;
    			height: 100%;
    			pointer-events: none;
    			z-index: 0;
    		}

    		.cross-lines::after {
    			left: -116px;
    			right: -114px;
    			top: 54%;
    			height: 1px;
    			background: repeating-linear-gradient(to right, transparent, transparent 4px, #5cc6d0 4px, #5cc6d0 6px);
    		}

    		.hundredPer {
    			margin-left: 1px;
    			font-size: 22px;
    			font-weight: 400 !important;
    		}

    		.contentsAdss {
    			margin-left: 3px !important;
    			font-size: 17px;
    		}


    		.icons {
    			font-size: 18px;
    			padding: 7px 10px 7px 10px;
    			left: -7px;
    		}


    		/* image section end */

    		.custom-navbar {
    			display: none;
    		}

    		.menuButtons {
    			display: block;
    			padding: 10px
    		}

    		.search-box {
    			display: block;
    		}

    		.icon {
    			margin-left: -30px;
    		}

    		.info-text strong {
    			color: #161819;
    			font-size: 11px;
    			display: block;
    			margin-bottom: 2px;
    			font-weight: 400;
    		}

    		.info-block {
    			display: flex;
    			align-items: center;
    			margin: 0;
    		}

    		.hero-section {

    			min-height: 100vh;
    			padding: 21px 0;
    			position: relative;
    			top: 40px;
    			overflow: hidden;
    			background: linear-gradient(135deg, #071e3d, #011235);
    		}

    		.header-main {
    			background-color: #fff;
    			margin-top: 16px;
    		}

    		.gradient-border {
    			width: 89%;
    		}

    		.call-icon {
    			background: rgba(255, 255, 255, 0.1);
    			backdrop-filter: blur(4px);
    			-webkit-backdrop-filter: blur(10px);
    			color: #658bff;
    			border-radius: 50%;
    			padding: 15px;
    			font-size: 20px;
    			display: flex;
    			align-items: center;
    			justify-content: center;
    			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    			border: 1px solid rgba(255, 255, 255, 0.2);
    		}

    		.gradient-border-inner {
    			background: radial-gradient(circle at top, rgba(0, 255, 255, 0.1), transparent 70%), #0b2e45;
    			border-radius: 12px;
    			max-width: 661px;
    			width: 250%;
    			box-shadow: 0 0 30px rgba(0, 255, 255, 0.1);
    			color: white;
    		}

    		.gradient-border {
    			--borderWidth: 4px;
    			position: relative;
    			border-radius: 16px;
    			padding: var(--borderWidth);
    			background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    			background-size: 300% 300%;
    			animation: animatedgradient 5s ease infinite alternate;
    			width: 100%;
    			max-width: 669px;
    			margin: 20px auto;
    		}

    		.info-card {
    			display: flex;
    			align-items: center;
    			gap: 10px;
    			background-color: rgba(255, 255, 255, 0.05);
    			/* padding: 0.75rem 1rem; */
    			padding: 20px 30px;
    			/* border: 1px solid #1841c3; */
    			border: 1px solid rgba(255, 255, 255, 0.1);
    			backdrop-filter: blur(2px);
    			-webkit-backdrop-filter: blur(12px);
    			border-radius: 1rem;
    			min-width: 160px;
    			white-space: nowrap;
    			flex-shrink: 0;

    		}


    	}

    	@media (max-width:820px) {
    		.info-block {
    			display: flex;
    			align-items: center;
    			margin: 0;
    		}
    	}

    	@media(max-width:767px) {
    		.faq-singular .faq-question {
    			font-size: 16px;
    		}

    		.paragraph {
    			font-size: 15px;
    		}

    		.headingOff {
    			font-size: 30px;
    		}

    		.toph {
    			font-size: 30px;

    		}

    		.info-card {
    			padding: 20px 30px;
    		}



    		.logo-img {
    			max-width: 155px;
    			height: auto;
    			/* margin-left: 4px; */
    			/* margin-left: -8px; */
    			margin-top: -11px;
    			object-fit: contain;
    		}

    		/* form  */
    		.gradient-border {
    			--borderWidth: 4px;
    			position: relative;
    			border-radius: 16px;
    			padding: var(--borderWidth);
    			background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    			background-size: 300% 300%;
    			animation: animatedgradient 5s ease infinite alternate;
    			width: 100%;
    			max-width: 509px;
    			margin: 19px auto;
    			left: 11px;
    		}

    		.gradient-border-inner {
    			/* background: #fff; */
    			border-radius: 12px;
    			width: 100%;
    			box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
    		}

    		.cross-lines {
    			position: absolute;
    			top: 0;
    			left: 88px;
    			width: 64%;
    			height: 100%;
    			pointer-events: none;
    			z-index: 0;
    		}

    		.cross-lines::after {
    			left: -88px;
    			right: -85px;
    			top: 54%;
    			height: 1px;
    			background: repeating-linear-gradient(to right, transparent, transparent 4px, #5cc6d0 4px, #5cc6d0 6px);
    		}

    		.sanitization-section {

    			padding: 22px 20px;
    			gap: 17px;

    		}

    		.icons {
    			font-size: 18px;
    			padding: 7px 10px 7px 10px;
    			border-radius: 11px;
    			/* background: radial-gradient(circle at center, #3a4464, #1841c3); */
    			color: #3b82f6;
    			display: flex;
    			align-items: center;
    			justify-content: center;
    			/* box-shadow: inset 0 0 8px rgba(59, 130, 246, 0.5), 0 0 15px rgba(59, 130, 246, 0.4); */
    			transition: all 0.3s ease;
    			position: relative;
    			left: -4px;
    		}

    		.hundredPer {
    			margin-left: -30px;
    			font-size: 16px;
    			font-weight: 400 !important;
    		}

    		.contentsAdss {
    			margin-left: -26px !important;
    			font-size: 14px;
    		}
    	}

    	@media(max-width:576px) {
    		.servi-sec {
    			/*top: -147px;*/
    		}


    		.faq-singular .faq-question {
    			font-size: 15px;
    		}

    		.paragraph {
    			font-size: 14px;
    		}

    		.glass-button {
    			margin: 0 auto;
    		}

    		.call-box {
    			margin: 0 auto;
    		}

    		.headingOff {
    			font-size: 20px;
    		}

    		.toph {
    			font-size: 28px;

    		}

    		.info-card {
    			padding: 20px 30px;
    		}

    		.lead {
    			display: none;
    		}

    		.icon {
    			display: none !important;
    		}

    		.info-block i {
    			font-size: 10px;
    		}

    		.top_heading {
    			display: none;
    		}

    		.login_users {
    			display: none !important;
    		}

    		.offcanvas {
    			width: 300px !important;
    		}

    		.hero-section {
    			min-height: 33vh;
    			padding: 7px 0;
    			position: relative;
    			top: 30px;
    			overflow: hidden;
    			background: linear-gradient(135deg, #071e3d, #011235);
    		}

    		.logo-img {
    			max-width: 155px;
    			height: auto;
    			/* margin-left: 17px; */
    			margin-left: -4px;
    			margin-top: -11px;
    			object-fit: contain;
    		}

    		/* hero button */
    		.sanitization-section {
    			gap: 17px;
    			padding: 20px;
    		}

    		.glass-button {
    			display: none;
    		}

    		.book-button {
    			width: 100%;
    			max-width: 300px;
    		}

    		.call-box {
    			display: none;
    		}

    		/* hero button end */
    		/* form */
    		.gradient-border-inner {
    			padding: 27px 17px;
    			max-width: 100%;
    		}

    		.gradient-border {
    			/* width: 87%; */
    			width: 94%;
    			position: relative;
    			left: 0px;
    		}

    		.form-title {
    			font-size: 1rem;
    			flex-direction: column;
    			align-items: flex-start;
    			gap: 5px;
    		}

    		.cross-lines {
    			position: absolute;
    			top: 0;
    			left: 89px;
    			width: 64%;
    			height: 100%;
    			pointer-events: none;
    			z-index: 0;
    		}

    		.icons {
    			font-size: 18px;
    			padding: 7px 10px 7px 10px;
    			border-radius: 11px;
    			/* background: radial-gradient(circle at center, #3a4464, #1841c3); */
    			color: #3b82f6;
    			display: flex;
    			align-items: center;
    			justify-content: center;
    			/* box-shadow: inset 0 0 8px rgba(59, 130, 246, 0.5), 0 0 15px rgba(59, 130, 246, 0.4); */
    			transition: all 0.3s ease;
    			position: relative;
    			left: -12px;
    		}

    		.contentsAdss {
    			margin-left: -15px !important;
    			font-size: 12px;
    		}

    		.info-text {
    			font-size: 14px;
    			color: white;
    			font-weight: 700;
    		}

    		.info-block i {
    			background-color: rgb(24, 162, 162);
    			;

    		}

    		.m-text{
				display: none;
			}

       .ltr{
		animation: marqueeLTR 10s linear infinite;
	   }
    		.rtl {
    			animation: marqueeRTL 10s linear infinite;
    		}
    	}
        @media (max-width: 499px) {
          .servi-sec {
            top: -60px;
          }
        }
    	@media(max-width:483px) {
    		.ribbon p {
    			font-size: 16px;
    			padding-top: 10px;
    		}

    		.ribbon span {
    			font-size: 17px;
    		}

    		.masked-text {
    			font-size: 19px;
    		}

    		.iso-im {
    			width: 15%;
    		}

    		.cross-lines {
    			position: absolute;
    			top: 0;
    			left: 78px;
    			width: 64%;
    			height: 100%;
    			pointer-events: none;
    			z-index: 0;
    		}

    		.cross-lines::after {
    			left: -72px;
    			right: -77px;
    			top: 54%;
    			height: 1px;
    			background: repeating-linear-gradient(to right, transparent, transparent 4px, #5cc6d0 4px, #5cc6d0 6px);
    		}
    	}

    	@media (max-width: 430px) {
    		.rombusContainer {
    			position: relative;
    			top: 38px;
    		}

    		.services p {
    			font-size: 12px;
    			margin-right: 0;
    			margin-left: 25px;
    		}


    		.services h3 {
    			font-size: 17px;
    			margin-left: 25px;
    		}

    		.sidebar-contact .toggle {
    			padding: 14px;
    		}

    		.details {
    			font-size: 10px;
    		}

    		.info-block i {
    			padding: 8px;
    			font-size: 9px;
    		}

    		.rombusCard {
    			left: -5px;

    		}

    		.rombusContainer::before {
    			left: 3px;
    		}




    		.form-title {
    			flex-direction: column;
    			align-items: flex-start;
    		}

    		.info-card {
    			display: flex;
    			align-items: center;
    			gap: 10px;
    			background-color: rgba(255, 255, 255, 0.05);
    			/* padding: 1.15rem 3rem; */
    			border: 1px solid rgba(255, 255, 255, 0.1);
    			backdrop-filter: blur(2px);
    			-webkit-backdrop-filter: blur(12px);
    			border-radius: 1rem;
    			min-width: 160px;
    			white-space: nowrap;
    			flex-shrink: 0;
    		}


    		.custom-col {
    			padding: 8px;
    		}



    		.cross-lines {
    			position: absolute;
    			top: 0;
    			left: 67px;
    			width: 64%;
    			height: 100%;
    			pointer-events: none;
    			z-index: 0;
    		}

    		.cross-lines::after {
    			left: -60px;
    			right: -64px;
    			top: 54%;
    			height: 1px;
    			background: repeating-linear-gradient(to right, transparent, transparent 4px, #5cc6d0 4px, #5cc6d0 6px);
    		}

    		.sanitization-section {
    			display: flex;
    			flex-direction: row;
    			align-items: center;
    			padding: 13px 20px;
    			gap: 23px;
    			margin-left: -10px;
    			flex-wrap: wrap;
    		}

    		.hundredPer {
    			margin-left: -41px;
    			font-size: 11px;
    			font-weight: 400 !important;
    		}

    		.contentsAdss {
    			margin-left: -12px !important;
    			font-size: 10px;
    		}

    		.glass-button {
    			padding: 13px 23px;
    			font-size: 10px;
    			font-weight: bold;
    			color: #b8e6f2;
    			background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.08));
    			border: 1.5px solid;
    			border-image: linear-gradient(10deg, #7fffd4, #00bfff, #4169e1) 1;
    			border-radius: 14px;
    			backdrop-filter: blur(3px);
    			-webkit-backdrop-filter: blur(6px);
    			cursor: pointer;
    			transition: all 0.3s ease;
    		}
    	}

    	@media (max-width: 400px) {
    		.info-card {
    			padding: 0.75rem 1rem !important;
    			min-width: auto !important;
    			white-space: normal !important;
    			gap: 5px !important;
    		}

    		.custom-col {
    			padding-left: 4px !important;
    			padding-right: 4px !important;
    		}

    		.icons {
    			font-size: 18px;
    			color: #0d6efd;
    			width: 40px;
    			text-align: center;
    			flex-shrink: 0;

    		}

    	}

    	@media(max-width:380px) {
    		.feature-box1 {
    			padding: 9px 16px;
    		}

    		.feature-number1 {
    			position: absolute;
    			top: -7px;
    			font-size: 3rem;
    		}

    		.info-block {
    			margin: -5px;
    		}

    		.icon-img1 {
    			height: 40px;
    			width: 40px;
    		}

    		.cross-lines {
    			position: absolute;
    			top: 0;
    			left: 60px;
    			width: 64%;
    			height: 100%;
    			pointer-events: none;
    			z-index: 0;
    		}

    		.cross-lines::after {
    			left: -57px;
    			right: -53px;
    			top: 54%;
    			height: 1px;
    			background: repeating-linear-gradient(to right, transparent, transparent 4px, #5cc6d0 4px, #5cc6d0 6px);
    		}


    		.ribbon p {
    			font-size: 13px;
    		}

    		.ribbon span {
    			font-size: 13px;
    		}

    		.masked-text {
    			font-size: 18px;
    		}

    		.con-wid {
    			padding: 3px;
    		}

    		.form-box .input {

    			border-radius: 5px;
    			font-size: 10px;
    			padding: 10px;
    		}
    	}

    	@media (max-width: 342px) {
    		.services p::-webkit-scrollbar {
    			width: 4px;
    		}

    		.services p::-webkit-scrollbar-thumb {
    			background: #17457a;
    			border-radius: 10px;
    		}

    		.services p::-webkit-scrollbar-track {
    			background: transparent;
    		}



    		.icons {
    			font-size: 12px;
    			padding: 7px 10px 7px 10px;


    		}

    		.sppa {
				margin-left: 32px !important;
    			font-size: 20px;
    		}

    		.contentsAdss {
    			margin-left: -2px !important;
    			font-size: 10px;
    		}

    		.hundredPer {
    			margin-left: -41px;
    			font-size: 12px;
    			font-weight: 400 !important;
    		}

    		.call-icon {
    			background-color: white;
    			color: #658bff;
    			border-radius: 50%;
    			padding: 15px;
    			font-size: 15px;
    			display: flex;
    			align-items: center;
    			justify-content: center;
    			width: 30px;
    			height: 30px;
    		}
    	}
    	            /* Make all slides equal height */
            .reviewSwiper .swiper-wrapper {
              display: flex;
              align-items: stretch;
            }
            
            /* Each slide full height */
            .reviewSwiper .swiper-slide {
              height: auto;
              display: flex;
            }
            
            /* Card fills full height */
            .lumina-card {
              display: flex;
              flex-direction: column;
              height: 100%;
              justify-content: space-between;
            }
            .form-box input,
            .form-box textarea {
                background-color: #fff;
                color: #000;                 /* text color */
                border: 1px solid #ccc;
                outline: none;
            }
            
            /* On focus (when clicked) */
            .form-box input:focus,
            .form-box textarea:focus {
                background-color: #fff;
                color: #000;                 /* keep text black */
                border-color: #007bff;       /* optional */
            }
            
            /* Placeholder text */
            .form-box input::placeholder,
            .form-box textarea::placeholder {
                color: #999;                 /* lighter placeholder */
            }
            
            /* Chrome autofill fix */
            input:-webkit-autofill,
            textarea:-webkit-autofill {
                -webkit-box-shadow: 0 0 0px 1000px #fff inset;
                -webkit-text-fill-color: #000;  /* autofill text color */
            }
.form-alert {
    font-size: 14px;
    padding: 10px 14px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 20px;
    font-weight: 500;
}

/* Softer, professional error style */
.form-alert.error {
    color: #842029;
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
}