width: 100%; z-index: 0; /* Adding a subtle gradient blob for a modern feel */ background-image: radial-gradient(circle at 10% 90%, rgba(74, 20, 140, 0.05), transparent 30%), radial-gradient(circle at 90% 10%, rgba(173, 20, 87, 0.05), transparent 30%); } .slide-container>* { .slide-container h1, .slide-container h2, .slide-container h3 { color: #4A148C; /* Deep Purple */ font-weight: 700; font-family: 'Poppins', sans-serif; .slide-container .subtitle { font-weight: 400; margin: 20px auto; font-size: 22px; color: #AD1457; /* Medium Pink/Magenta */ } .slide-container .content-area { font-size: 24px; } .title-layout .subtitle { color: #F8E8F5; /* Light Lilac */ font-size: 26px; font-weight: 400; margin-top: 25px; } .title-layout .authors { font-size: 20px; font-style: italic; color: #F48FB1; /* Lighter Pink */ margin-top: 10px; } } .two-column.tiled>div { background-color: #FCE4EC; /* Light Pink */ border-radius: 12px; border: 1px solid #B0BEC5; padding: 40px; } .two-column.tiled h3 { color: #AD1457; /* Medium Pink/Magenta */ font-size: 24px; } .two-column.tiled p { .tile { align-items: center; background-color: #FCE4EC; /* Light Pink */ border-radius: 12px; border: 1px solid #B0BEC5; } .tile .icon { color: #4A148C; /* Deep Purple */ font-size: 48px; margin-bottom: 20px; } .tile h3 { } .bullet-list i { color: #AD1457; /* Medium Pink/Magenta */ font-size: 24px; left: 0; } .bullet-list li strong { color: #4A148C; /* Deep Purple */ font-weight: 700; } } .full-bg-image .content-overlay { background: linear-gradient(45deg, rgba(74, 20, 140, 0.85), rgba(173, 20, 87, 0.85)); /* Dark purple/magenta overlay */ width: 100%; height: 100%; } .highlight-numbers-layout .number { color: #4A148C; /* Deep Purple */ font-size: 180px; font-weight: 700; } .highlight-numbers-layout .number-label { font-size: 28px; font-weight: 700; color: #AD1457; /* Medium Pink/Magenta */ } .highlight-numbers-layout .two-column > div:last-child { .qa-layout h2 { font-size: 80px; margin-bottom: 20px; color: #4A148C; /* Deep Purple */ } .qa-layout p { } .qa-layout .contact-info { color: #AD1457; /* Medium Pink/Magenta */ font-size: 22px; margin-top: 40px;