.youtube-section { padding: 94px 0 102px; background: #fff; }
.youtube-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 32px; }
.youtube-heading h2 { margin: 0; color: #102c41; font: 700 42px/1.08 Manrope, sans-serif; letter-spacing: -.055em; }
.youtube-heading h2 em { color: #1778ba; font-style: normal; }
.youtube-banner { position: relative; display: block; overflow: hidden; border-radius: 5px; background: #eaf4f9; box-shadow: 0 18px 34px rgba(14, 60, 91, .14); }
.youtube-banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,47,82,.08), transparent 45%); transition: background .25s ease; }
.youtube-banner img { display: block; width: 100%; aspect-ratio: 16 / 4; object-fit: cover; object-position: center; transition: transform .4s ease; }
.youtube-banner:hover img { transform: scale(1.018); }.youtube-banner:hover::after { background: linear-gradient(90deg, rgba(9,47,82,.26), transparent 55%); }
@media (max-width: 800px) { .youtube-section { padding: 66px 0; }.youtube-heading { align-items: flex-start; flex-direction: column; }.youtube-heading h2 { font-size: 35px; }.youtube-banner img { aspect-ratio: 16 / 5; } }