.about-intro-section { padding: 75px 0 60px; background-color: #ffffff; }
.about-intro-content { max-width: 900px; margin: 0 auto; text-align: center; }
.about-intro-content h2 { margin-bottom: 18px; font-size: 38px; }
.about-intro-content p { margin-bottom: 0; color: #626970; font-size: 17px; line-height: 1.85; }
.about-story-section {  }
.about-story-image { position: relative; height: 100%; min-height: 480px; overflow: hidden; border-radius: 9px; box-shadow: 0 12px 35px rgba(20, 35, 55, 0.12); }
.about-story-image img { width: 100%; height: 100%; min-height: 480px; object-fit: cover; }
.about-story-badge { position: absolute; right: 25px; bottom: 25px; max-width: 240px; padding: 20px; color: #ffffff; background-color: #1478ad; border-radius: 7px; box-shadow: 0 8px 25px rgba(20, 35, 55, 0.2); }
.about-story-badge strong { display: block; margin-bottom: 4px; font-size: 19px; }
.about-story-badge span { font-size: 13px; line-height: 1.5; }
.about-story-content { padding: 25px 0 25px 40px; }
.about-story-content h2 { margin-bottom: 19px; font-size: 35px; }
.about-story-content p { margin-bottom: 18px; color: #5f666d; font-size: 16px; line-height: 1.85; }
.about-story-content .button-primary { margin-top: 8px; }
.about-values-section { padding: 80px 0 50px; background-color: #ffffff; }
.about-section-heading { max-width: 820px; margin: 0 auto 45px; text-align: center; }
.about-section-heading h2 { margin-bottom: 15px; }
.about-section-heading p { margin-bottom: 0; color: #626970; font-size: 16px; line-height: 1.8; }
.about-values-row > div { display: flex; }
.about-value-card { display: flex; flex-direction: column; width: 100%; padding: 30px 25px; margin-bottom: 30px; text-align: center; background-color: #f6f8fa; border: 1px solid #e2e6e9; border-radius: 8px; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.about-value-card:hover { transform: translateY(-5px); box-shadow: 0 13px 30px rgba(20, 35, 55, 0.1); }
.about-value-icon { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin: 0 auto 20px; color: #ffffff; background-color: #1478ad; border-radius: 50%; font-size: 29px; }
.about-value-card h3 { margin-bottom: 12px; font-size: 21px; }
.about-value-card p { flex-grow: 1; margin-bottom: 0; color: #636a71; line-height: 1.75; }
.about-services-section { padding: 80px 0; background-color: #f5f7f9; }
.about-service-list { padding: 0; margin: 0; list-style: none; }
.about-service-list li { display: flex; padding: 17px 0; border-bottom: 1px solid #e1e5e8; }
.about-service-list li:last-child { border-bottom: 0; }
.about-service-list i { flex: 0 0 38px; width: 38px; margin-top: 5px; color: #1478ad; font-size: 21px; }
.about-service-list strong { display: block; margin-bottom: 4px; color: #343a40; font-size: 17px; }
.about-service-list span { color: #656c73; line-height: 1.7; }
.about-services-content h2 { margin-bottom: 17px; font-size: 34px; }
.about-services-content > p { margin-bottom: 22px; color: #626970; line-height: 1.8; }
.about-services-side { height: 100%; padding: 35px; color: #ffffff; background-color: #113b5c; border-radius: 9px; box-shadow: 0 12px 35px rgba(20, 35, 55, 0.14); }
.about-services-side h2 { color: #ffffff; }
.about-services-side > p { color: rgba(255, 255, 255, 0.86); }
.about-services-side .about-service-list li { border-bottom-color: rgba(255, 255, 255, 0.15); }
.about-services-side .about-service-list i { color: #63c7ef; }
.about-services-side .about-service-list strong { color: #ffffff; }
.about-services-side .about-service-list span { color: rgba(255, 255, 255, 0.82); }
.about-services-side .button-primary { margin-top: 25px; }
.about-advisor-section { padding: 80px 0; background-color: #ffffff; }
.about-advisor-box { padding: 42px; background-color: #f6f8fa; border-left: 5px solid #1478ad; border-radius: 8px; }
.about-advisor-box h2 { margin-bottom: 17px; }
.about-advisor-box p { margin-bottom: 17px; color: #626970; line-height: 1.85; }
.about-advisor-box p:last-child { margin-bottom: 0; }
.about-advisor-note { padding: 28px; background-color: #ffffff; border: 1px solid #e1e5e8; border-radius: 8px; }
.about-advisor-note h3 { margin-bottom: 14px; font-size: 22px; }
.about-advisor-note p { margin-bottom: 16px; color: #626970; line-height: 1.75; }
.about-advisor-note ul { padding: 0; margin: 0; list-style: none; }
.about-advisor-note li { display: flex; margin-bottom: 11px; color: #565d64; }
.about-advisor-note li:last-child { margin-bottom: 0; }
.about-advisor-note i { width: 25px; margin-top: 4px; color: #1478ad; }
.about-callback { padding: 85px 0; background-position: center; background-size: cover; }
.about-callback-content { max-width: 820px; margin: 0 auto; text-align: center; }
.about-callback-content h2 { color: #ffffff; }
.about-callback-content p { margin-bottom: 27px; color: rgba(255, 255, 255, 0.9); font-size: 17px; line-height: 1.85; }
.about-callback-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.about-secondary-button { display: inline-block; padding: 14px 25px; color: #ffffff; border: 2px solid #ffffff; font-weight: 700; text-transform: uppercase; }
.about-secondary-button:hover { color: #113b5c; background-color: #ffffff; }
@media screen and (max-width: 991px) { .about-story-image { min-height: 400px; margin-bottom: 35px; } .about-story-image img { min-height: 400px; } .about-story-content { padding: 0; } .about-services-side { margin-top: 30px; } .about-advisor-note { margin-top: 30px; } }
@media screen and (max-width: 767px) { .about-intro-section { padding: 55px 0 40px; } .about-intro-content h2 { font-size: 31px; } .about-story-section, .about-values-section, .about-services-section, .about-advisor-section { padding: 55px 0; } .about-story-image { min-height: 330px; } .about-story-image img { min-height: 330px; } .about-story-badge { right: 15px; bottom: 15px; left: 15px; max-width: none; } .about-story-content h2, .about-services-content h2 { font-size: 30px; } .about-services-side, .about-advisor-box { padding: 28px; } .about-callback-buttons { display: block; } .about-callback-buttons a { display: block; margin-bottom: 12px; } }