OK

src/components/CNNVIDEO.jsx

@@ -1,20 +1,22 @@
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
 import React from 'react'
+import { H2, P, PS, H3, PXS, H4 } from '@/components/text'
+
 
 
 const CnnVideo = () => {
     return (
       <Container>
-        <div className="mx-auto max-w-4xl md:text-center">
-          <h2 className="font-display text-3xl font-semibold tracking-[-0.05em] text-darkgr-700 lg:text-4xl">
+        <div className="bg-bg-sand mx-auto max-w-7xl md:text-center pt-12">
+          <H2  className="">
           VEDA ON CNN 
-          </h2>
-          <p className="mb-6 sm:mb-10 mt-4 text-xl/5 font-medium tracking-[-0.045em] lg:tracking-[-0.02em] leading-[1.3] lg:leading-[1.4] lg:text-2xl text-darkgr">
+          </H2>
+          <P className="">
           CNN Travel visited the Veda boats to give you a first hand impression of what awaits you when cruising the Nile.
-          </p>
+          </P>
         </div>
-      <div className="video-container">
+      <div className="video-container mt-12 bg-bg-sand">
         <iframe
           src="https://player.vimeo.com/video/371621672?loop=1&muted=1"
           width="100%"