.kf-about { padding: 100px 0; position: relative; overflow: hidden; } .premium-blockquote { text-align: center; margin-bottom: 60px; padding: 40px; background: #fff; border-radius: 20px; box-shadow: 0 15px 40px rgba(0,0,0,0.05); border-left: 5px solid #c8a876; } .premium-blockquote .kf-title { font-size: 2.5rem; color: #333; margin-bottom: 20px; } .premium-blockquote .sub-text { font-size: 1.1rem; color: #777; font-style: italic; line-height: 1.8; } .story-split-section { display: flex; align-items: center; gap: 50px; margin-top: 50px; } .story-text-col { flex: 0 0 50%; } .story-image-col { flex: 0 0 50%; } .story-image-wrapper { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.15); } .story-image-wrapper img { width: 100%; transition: transform 0.5s ease; } .story-image-wrapper:hover img { transform: scale(1.05); } @media (max-width: 991px) { .story-split-section { flex-direction: column; gap: 40px; } .story-text-col, .story-image-col { flex: 0 0 100%; width: 100%; } }