.video-background {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            min-height: 400px;
        }
        .background-section {
            flex: 1 1 50%;
            background-image: url('../images/who-we-are.jpg');
            background-size: cover;
            background-repeat: no-repeat;
            background-color: #1b3c69;
            min-height: 300px;
        }
        .content-section {
            flex: 1 1 50%;
            background-color: #1b3c69;
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 2rem;
            box-sizing: border-box;
        }
        .wave-wrapper {
            position: relative;
            overflow: hidden;
        }
        .wave-top svg {
            width: 100%;
           fill: #1b3c69;
        }
        .cmp-title__text {
            
            font-weight: bold;
            margin-bottom: 1rem;
        }
        
        .animate-fade-in {
            animation: fadeIn 1s ease-in;
        }
        .animate-fade-in-up {
            animation: fadeInUp 1s ease-in;
        }
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @media (max-width: 768px) {
            .video-background {
                flex-direction: column;
            }
            .background-section, .content-section {
                flex: 1 1 100%;
                min-height: 200px;
            }
            .content-section {
                padding: 1.5rem;
            }
            .cmp-title__text {
                font-size: 1.75rem;
            }
            .cmp-text p {
                font-size: 1rem;
            }
        }