.about-hero-section { background: linear-gradient(135deg, #1A1A3A 0%, #2A2359 40%, #D84374 100%); padding: 8rem 0 5rem 0; position: relative; overflow: hidden; }
.about-hero-inner { display: flex; flex-direction: column; gap: 4rem; align-items: center; position: relative; z-index: 2; }
.about-hero-content { flex: 1; display: flex; flex-direction: column; gap: 2rem; text-align: center; align-items: center; }
.hero-title{font-size: 4.5rem; line-height: 1.15;}
.title-separator { width: 6rem; height: 3px; background-color: #E85D75; margin: 0.5rem 0; border-radius: 2px;}
.hero-desc { font-size: 1.8rem; line-height: 1.6; opacity: 0.9; max-width: 50rem; margin-bottom: 1rem; }
.btn-hero-cta{ background: #ffffff; color: #292e6e; border: 1px solid #eb80af; border-radius: 5rem; padding: 1.2rem 2.4rem; font-weight: 600; font-size: 1.6rem; transition: all 0.3s ease; text-align: center; }
.btn-hero-cta:hover { background: transparent; color: #ffffff; }

.about-hero-image-wrapper {max-width: 45rem; margin-top: 2rem; }

.meaning-section { position: relative; z-index: 10; margin-top: -6rem; padding-bottom: 6rem; }
.meaning-card { background: #ffffff; border-radius: 1.6rem; box-shadow: 0 15px 40px rgba(0,0,0,0.08); padding: 3rem; display: flex; flex-direction: column; gap: 2.5rem; border: 1px solid #f1abcb; }
.meaning-left { flex: 1; display: flex; align-items: center; justify-content: center; text-align: center; }
.meaning-title { font-size: 3.6rem; line-height: 1.25; color: #1A1A3A; }
.meaning-right { flex: 1.2; display: flex; align-items: center; }
.meaning-desc { font-size: 1.6rem; color: #222; line-height: 1.7; margin: 0; }

.center-align{text-align:center; margin-bottom: 5rem; position: relative; z-index: 2; }
.what-we-do-section{padding:4rem 0 8rem; overflow: hidden; }
.do-inner { display: flex; flex-direction: column; gap:2rem; }
.do-list { display: flex; flex-direction: column; gap: 4rem; max-width: 90rem; margin: 0 auto; }
.do-item { display: flex; flex-direction: column; align-items: center; gap: 2rem; text-align: center; }
.do-icon { width:12.1rem;transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease; }
.do-item:hover .do-icon { transform: scale(1.05) translateY(-5px);}
.do-text { flex: 1; }
.do-text p{font-size: 1.6rem; color: #222; line-height: 1.7;margin:0; }
.do-text strong {font-weight:600; color: #1A1A3A; }

.mission-section{position:relative; padding:10rem 0 12rem 0; background:radial-gradient(circle at 48% 8%, rgba(255,110,210,.35) 0%, rgba(255,110,210,0) 22%), radial-gradient(circle at 32% 78%, rgba(255,110,210,.35) 0%, rgba(255,110,210,0) 25%), radial-gradient(circle at 72% 58%, rgba(255,110,210,.30) 0%, rgba(255,110,210,0) 22%), linear-gradient(135deg, #232a75 0%, #5f4588 50%, #232a75 100%); color: #ffffff; overflow: hidden; text-align: center; }
.mission-section::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: radial-gradient(circle at 50% 50%, rgba(232, 93, 117, 0.15) 0%, transparent 60%); pointer-events: none; }
.mission-inner{position:relative;z-index: 2;display: flex; flex-direction: column; align-items: center; gap: 2.5rem; }
.mission-header{display:flex; flex-direction: column; align-items: center; gap:1rem;}
.mission-subtitle{font-family: 'Manrope', sans-serif; font-size:1.8rem; font-weight: 600; letter-spacing: 0.15rem; text-transform: uppercase; margin: 0; color:#f9f5f8 }
.mission-divider { width: 4rem; height: 1px; background-color:#d7b8d1;}
.mission-title {font-size: 3.6rem; line-height: 1.25; margin: 0; color:#ffffff; }
.mission-desc {font-size:1.6rem; line-height: 1.7; max-width:65rem; margin: 0 auto;color:#f9f5f8}
.mission-actions { display: flex; flex-direction: column; gap:1.5rem; margin-top: 2rem; width: 100%; max-width: 30rem; }

.w-100{width:100%}
.custom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f112bd9;z-index:99999;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;visibility:hidden;transition:all .3s ease}
.custom-modal.open{opacity:1;visibility:visible}
.modal-dialog{background:#fff;width:100%;border-radius:1.5rem;position:relative;transform:scale(0.95);transition:transform .3s ease;max-height:90vh;overflow-y:auto}
.custom-modal.open .modal-dialog{transform:scale(1)}
.close-modal{position:absolute;top:1.5rem;right:1.5rem;background:#f0f0f0;border:none;width:3.5rem;height:3.5rem;border-radius:50%;font-size:2rem;color:#4a4a4a;cursor:pointer;transition:background .3s;z-index:10}
.close-modal:hover{background:#e86ca3;color:#fff}
.modal-content{padding:4rem 2rem;text-align:center}
.modal-title{font-family:'Cormorant Garamond',serif;font-size:3rem;color:#28306f;}
.modal-subtitle{font-family:'Manrope',sans-serif;font-size:1.4rem;color:#222;margin-bottom:1rem}
.modal-success-state{padding:4rem 0;text-align:center;animation:popIn .5s ease forwards}
.success-icon-box{width:8rem;height:8rem;background:#fcf1f4;color:#e86ca3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4rem;margin:0 auto 2rem}

.popup-form{display:flex;flex-direction:column;gap:1.5rem;text-align:left;width:100%}
.popup-form .outline-input{width:100%;padding:1.4rem 2rem;border-radius:5rem;border:1px solid #E0E0E0;background-color:#FDFDFE;font-size:1.4rem;font-family:'Manrope',sans-serif;color:#222;outline:none;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000005}
.popup-form .outline-textarea{width:100%;padding:1.5rem 2rem;border-radius:1.5rem;border:1px solid #E0E0E0;background-color:#FDFDFE;font-size:1.4rem;font-family:'Manrope',sans-serif;color:#222;outline:none;resize:vertical;transition:all .3s ease}
.popup-form .outline-input:focus,.popup-form .outline-textarea:focus{border-color:#e86ca3;background-color:#fff;box-shadow:0 0 0 3px #e85d7526}
.popup-form select.outline-input{cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2328306f%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 2rem top 50%;background-size:1.2rem auto;padding-right:4rem}
.popup-form .btn-gradient-submit{background:linear-gradient(90deg,#e86ca3 0%,#28306f 100%);color:#fff;padding:1.5rem 3rem;border-radius:5rem;font-size:1.6rem;font-weight:600;border:none;cursor:pointer;font-family:'Manrope',sans-serif;box-shadow:0 5px 15px #e85d754d;transition:all .3s cubic-bezier(0.16,1,0.3,1);margin-top:1rem}
.popup-form .btn-gradient-submit:hover{transform:translateY(-3px);box-shadow:0 8px 25px #28306f66}
input[type="date"].outline-input{color:#222;font-family:'Manrope',sans-serif}

@media (min-width: 768px) {
	.meaning-card { padding: 4rem; }
	.meaning-title, .mission-title {font-size: 3.8rem;}
	.do-item { flex-direction: row; align-items: center; text-align: left; gap: 4rem; }
	.mission-actions { flex-direction: row; max-width: none; justify-content: center; }
	.modal-dialog{width:45rem}
	.modal-content{padding:4rem}
}
@media (min-width: 992px) {
	.about-hero-section{padding:2rem 0 5rem 0;}
	.about-hero-inner{flex-direction: row; text-align: left; align-items: center;}
	.about-hero-content{text-align: left; align-items: flex-start; padding-right:4rem;}
	.hero-title{font-size:6.2rem;}
	.about-hero-image-wrapper { margin-top: 0;  max-width:60rem;}
	.meaning-section { margin-top: -8rem; padding-bottom: 8rem; }
	.meaning-card { flex-direction: row; gap: 4rem; padding: 5rem; }
	.meaning-left { justify-content: flex-start; text-align: left; border-right: 1px solid #7185b4; padding-right: 4rem; }
	.meaning-desc { padding-left: 2rem; }

	.meaning-title,.mission-title{ font-size: 4.2rem; }
	.mission-section{padding: 12rem 0 14rem 0; }
}
@media (min-width:1280px) {
	.about-hero-section {padding:2rem 0; }
	.about-hero-inner {align-items: start; }
	.about-hero-content {max-width:35rem; padding:5rem 4rem 0 0;}
	.about-hero-image-wrapper{width:80rem; position:relative; min-height:50rem; max-width:150rem;}
	.about-hero-image-wrapper img{position:absolute; bottom:0; width:98rem; right:0; height:auto;}

	.meaning-title,.mission-title{font-size:5.5rem; line-height:1.15}

	.mission-section{padding:5rem 0;}
	.mission-section::after{content: '';position:absolute;width:100%; height:100%; top:0; left:0; background:url("../images/about/mission-target.png") no-repeat left center; pointer-events: none; opacity:0.15; background-size:cover;}
}

@media (min-width:1440px) {
	.container{max-width:1250px; padding:1rem 0}
	.about-hero-content {max-width:45rem;}
}

@media (min-width:1600px) {
	.about-hero-content {max-width:55rem;}
	.about-hero-image-wrapper{width:85rem; min-height:55rem;}
	.about-hero-image-wrapper img{width:98rem;}
	.hero-desc, .meaning-desc { font-size: 2rem;}
	.title-separator { width:16rem;}
	
	.do-list {max-width:130rem;}
	.do-text p{font-size:2rem; line-height: 1.5; text-align:justify;}

	.mission-section{padding:10rem 0;}
	.mission-subtitle{font-size:2.2rem;}
	.mission-divider{width: 10rem;}	
	.mission-desc {font-size:2rem; line-height: 1.7; max-width:120rem;}
}