.about-section {
		padding: 60px 20px;
		background: #F5F5F5;
	}

	.about-container {
		max-width: 1200px;
		margin: 0 auto;
		text-align: center;
	}

	.about-content {
		max-width: 800px;
		margin: 0 auto;
		padding: 0 20px;
	}

	.about-heading {
		font-size: 2.5rem;
		margin-bottom: 20px;
		position: relative;
		overflow: hidden;
		color: #222;
	}

	.animated-text::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background: #FF9800;
		bottom: 0;
		left: -100%;
		animation: slide-in 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	}

	.animated-text::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background: #f5f5f5;
		bottom: 0;
		left: 100%;
		animation: slide-out 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	}

	@keyframes slide-in {
		to {
			left: 100%;
		}
	}

	@keyframes slide-out {
		to {
			left: -100%;
		}
	}

	.about-description,
	.about-vision {
		font-size: 1.2rem;
		color: #555;
		margin-bottom: 20px;
		line-height: 1.8;
	}

  .brand-name {
		color: blue;
		font-weight: bold;
	}

  .btn {
		display: inline-block;
		padding: 12px 25px;
		background: #000;
		color: #fff;
		text-decoration: none;
		border-radius: 30px;
		transition: all 0.3s ease;
	}

	.btn:hover {
		background: #222;
	}

	.learn-more-btn {
		margin-top: 20px;
	}

	.separator {
		border-color: #5e5e5e;
    border-top:0px solid #5f656d;
	}