a{text-decoration:none}
		.primary{background:#4f46e5}.success{background:#22c55e}.dark{background:#111827}
		.layout{margin-top:25px}
		/*.card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 40px rgba(0,0,0,.05);margin-bottom:25px}*/
		.card{margin-top:30px;padding:30px;}
		.title{font-size:24px;margin-bottom:18px}

		.features,.services,.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}
		.feature,.service{
			/*background:#f8fafc;*/
			padding:18px;
			/*border-radius:18px;*/
			text-align:center;
			font-weight:600;
			background:#f3f4f6;
            /*padding:6px 10px;*/
            border-radius:20px;
            /*font-size:12px;*/
            color:#444;
		}

		.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px}
		.gallery img{width:100%;height:220px;object-fit:cover;border-radius:18px}
		.gallery img:first-child{height:455px}
		.related-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.05)}
		.related-card img{width:100%;height:160px;object-fit:cover}
		.related-card .p{padding:15px}

		details{border-bottom:1px solid #eee;padding:15px 0}
		summary{cursor:pointer;font-weight:600}
		.glass{
	        background:rgba(255,255,255,.7);
	        backdrop-filter:blur(14px);
	        border:1px solid rgba(255,255,255,.4);
	        box-shadow:0 20px 40px rgba(0,0,0,.08);
	        border-radius:22px;
        }

        .heropage{margin-top:25px;
		    padding:30px;
		    display:flex;
		    gap:30px;
		    align-items:center;
		}
        .teacher-img{
        	width:150px;height:150px;border-radius:50%;
        	border:6px solid white;box-shadow:0 15px 25px rgba(0,0,0,.15)
        }
        .heropage h1{font-size:32px}
        .stats{margin:10px 0;color:#555}
        .btn{
        	padding:13px 22px;border:none;border-radius:12px;
        	color:#fff;font-weight:600;cursor:pointer;
        	transition:.3s;box-shadow:0 6px 15px rgba(0,0,0,.15)
        }
        .badge{background:#22c55e;color:#fff;padding:5px 12px;border-radius:30px;font-size:13px}
        .btn:hover{transform:scale(1.05)}
        .whatsapp{background:linear-gradient(45deg,#22c55e,#16a34a)}
        .demo{background:linear-gradient(45deg,#6366f1,#4338ca)}
        .call{background:linear-gradient(45deg,#111,#444)}
        .mail{background: linear-gradient(to right, #4facfe 0%, #2fcdd5 100%);}
		.contact-section {
		    padding: 50px 15px;
		}
		.contact-card {
		    margin: auto;
		    background: #fff;
		    border-radius: 20px;
		    overflow: hidden;
		    display: grid;
		    grid-template-columns: 1fr 1.2fr;
		    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
		}

		.contact-info {
		    background: linear-gradient(135deg, #4f46e5, #6366f1);
		    color: #fff;
		    padding: 40px 30px;
		}

		.contact-info h2,
		.enquiry-form h2 {
		    margin-bottom: 25px;
		    font-size: 28px;
		    font-weight: 600;
		}

		.info-item {
		    display: flex;
		    align-items: flex-start;
		    gap: 15px;
		    margin-bottom: 20px;
		}

		.icon {
		    font-size: 22px;
		}

		.contact-info a {
		    color: #fff;
		    text-decoration: none;
		}

		.contact-info p {
		    line-height: 1.6;
		}

		.enquiry-form {
		    padding: 40px 30px;
		}

		.enquiry-form form {
		    display: flex;
		    flex-direction: column;
		    gap: 18px;
		}

		.enquiry-form input,
		.enquiry-form textarea {
		    width: 100%;
		    padding: 14px 16px;
		    border: 1px solid #ddd;
		    border-radius: 12px;
		    font-size: 15px;
		    outline: none;
		    transition: 0.3s;
		}

		.enquiry-form input:focus,
		.enquiry-form textarea:focus {
		    border-color: #4f46e5;
		    box-shadow: 0 0 0 4px rgba(79,70,229,0.1);
		}

		.enquiry-form button {
		    background: linear-gradient(135deg, #4f46e5, #6366f1);
		    color: #fff;
		    border: none;
		    padding: 14px;
		    border-radius: 12px;
		    font-size: 16px;
		    font-weight: 600;
		    cursor: pointer;
		    transition: 0.3s;
		}

		.enquiry-form button:hover {
		    transform: translateY(-2px);
		}

		@media (max-width:768px)
		{
		    .container{
		        padding-left:15px;
		        padding-right:15px;
		    }

		    .heropage{
		        flex-direction:column;
		        text-align:center;
		        padding:20px;
		    }

		    .teacher-img{
		        width:120px;
		        height:120px;
		    }

		    .heropage h1{
		        font-size:24px;
		    }

		    .stats{
		        font-size:14px;
		    }

		    .hero-actions{
		        justify-content:center;
		    }

		    .btn{
		        width:100%;
		    }

		    .gallery{
		        grid-template-columns:1fr;
		    }

		    .gallery img,
		    .gallery img:first-child{
		        height:220px;
		    }

		    .contact-card{
		        grid-template-columns:1fr;
		    }

		    .contact-info,
		    .enquiry-form{
		        padding:25px 20px;
		    }
    		.btn{
        		width:100%;
        		margin-top:10px;
        	}
		}