body {
            font-family: 'Open Sans', sans-serif;
            font-size: 18px;
            line-height: 1.5;
            margin: 0;
            padding: 0;
            background-color: rgba(244, 244, 244, 1);
            background-image: url('images/png/africana-star.png');
            background-size: 20px 20px;
            min-height: 100vh;
            display: flex;
            padding: 20px;
        }

        h1, h2, h3 {
            font-family: 'Oswald', sans-serif;
        }

        h1 {
            font-size: 42px;
            margin: 0;
            text-align: center;
            font-weight: 500;
            text-transform: uppercase;
            text-decoration-line: underline;
        }

        h2 {
            font-size: 28px;
            margin-top: 10px;
            text-align: center;
            font-weight: 500;
        }

        h3 {
            font-size: 22px;
            margin-top: 10px;
        }

        h4 {
            font-size: 18px;
            margin-top: 10px;
        }

        header {
            font-family: 'Oswald', sans-serif;
            background-color: rgba(51, 51, 51, 0.8);
            color: rgba(255, 255, 255, 1);
            padding: 10px 0px;
            -webkit-backdrop-filter: blur( 14.5px );
            backdrop-filter: blur( 14.5px );
            /*align-items: center; */
            /*align-content: center;  */
            position: fixed;
            width: 100%; 
            z-index: 1000; /* Keep the header on top of other content */
        }

        nav ul {
            list-style: none;
            padding: 0;
        }

        nav ul li {
            display: inline;
            margin: 0 15px;
        }

        nav ul li a {
            color: rgba(255, 255, 255, 1);
            text-decoration: none;
        }
        nav ul li a:hover {
            text-decoration: underline;
        }
        li a, .dropbtn {
          display: inline-block;
          color: rgba(255, 255, 255, 1);
          text-align: center;
          padding: 14px 16px;
          text-decoration: none;
        }

        li a:hover, .dropdown:hover .dropbtn {
          background-color: rgba(201,10,10,1);
        }

        li.dropdown {
          display: inline-block;
        }

        .dropdown-content {
          display: none;
          position: absolute;
          background-color: rgba(249, 249, 249, 1);
          min-width: 160px;
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
          z-index: 1;
        }

        .dropdown-content a {
          color: rgba(0,0,0,1);
          padding: 12px 16px;
          text-decoration: none;
          display: block;
          text-align: left;
        }

        .dropdown-content a:hover {
          background-color: rgb(0,130,45,1);
          color: rgba(255, 255, 255, 1)
        }

        .dropdown:hover .dropdown-content {
          display: block;
        }

        main {
            padding: 20px;
        }

        p {
            font-family: 'Merriweather', serif;
        }

        footer {
            font-family: 'Oswald', sans-serif;
            font-size: 10px;
            background-color: rgba(51, 51, 51, 1);
            color: rgba(255, 255, 255, 1);
            text-align: center;
            padding: 10px 0;
            width: 100%;
            bottom: 0;
        }

        .africana-star-mask {
          -webkit-mask-image: url('images/png/africana-star-black.png');
          mask-image: url('images/png/africana-star-black.png');
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          width: 20%;
          height: inherit;
          -webkit-mask-size: contain;
          mask-size: contain;
          -webkit-mask-position: center;
          mask-position: center;
        }

        .africana-star-mask-keynote {
          -webkit-mask-image: url('images/png/africana-star-black.png');
          mask-image: url('images/png/africana-star-black.png');
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          width: 30%;
          height: inherit;
          -webkit-mask-size: contain;
          mask-size: contain;
          -webkit-mask-position: center;
          mask-position: center;
        }

        .africana-panelist-photo {
          -webkit-mask-image: url('images/png/africana-soft-rnd-square.png');
          mask-image: url('images/png/africana-soft-rnd-square.png');
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          width: 70%;
          height: inherit;
          -webkit-mask-size: contain;
          mask-size: contain;
          -webkit-mask-position: center;
          mask-position: center;
          padding-bottom: 20px;
        }

        .txt-block-opaque {
          background-color: rgba(244, 244, 244, 0.6);
          padding: 40px;
          border-radius: 5px;
        }

        .container {
            max-width: 800px;
            width: 100%;
        }

        .video-wrapper {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
            height: 0;
            overflow: hidden;
            background: rgba(0, 0, 0, 1);
            margin-bottom: 20px;
        }

        .video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .overlay-container {
            background: rgba(255, 255, 255, 0.95);
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .overlay-text {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
            line-height: 1.6;
            color: #333;
        }

        .overlay-text.active {
            max-height: 500px;
            margin-bottom: 15px;
        }

        .toggle-btn {
            background: rgba(51, 51, 51, 1);
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 4px;
            cursor: pointer;
            font-family: 'Oswald', sans-serif;
            font-size: 14px;
            transition: background 0.3s ease;
        }

        .toggle-btn:hover {
            background: rgba(85, 85, 85, 1);
        }

        @media (max-width: 600px) {
            body {
                padding: 10px;
            }

            .overlay-container {
                padding: 15px;
            }

            .africana-row {
              flex-wrap: wrap;
              width: 100%;
            }
            .africana-series-description-box, .africana-series-content-box {
              flex: 1 1 100%;
              width: 100%;
            }
        }

        .rounded-image {
            border-radius: 15px;
        }

        .center-items {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .header-icon {
            width: 56px;
            height: 56px;
            vertical-align: middle;
            margin-top: 16px;
            margin-right: 10px;
            margin-left: 30px;
        }
        .africana-row {
            display: flex;
            flex-direction: row;
            gap: 20px;
        }
        .africana-series-description {
            background-color: rgba(0, 0, 0, 0.85);
            color: #fff;
            padding: 40px;
            border-radius: 5px;
            font-family: 'Merriweather', serif;
            font-weight: 300;
            height: inherit;
        }
        .africana-series-description-box {
            width: 30%;
            margin-bottom: 20px;
        }
        .africana-series-content-box {
            width: 70%;
        }
        .carousel-text {
            font-size: 16px;
        }
        .page-title {
            text-align: center;
            margin-top: 120px;
            margin-bottom: 40px;
        }
        .africana-link {
            color: rgb(0,0,0,1);
            text-decoration: underline;
        }
        .africana-link:hover {
            color: rgb(0,130,45,1);
            text-decoration: underline;
            font-weight: 700;
        }
        .africana-link:active {
            color: rgb(255,170,0,1);
        }
        .africana-link:visited {
            color: rgb(201,10,10,1);
        }
        .btn {
            font-family: 'Oswald', sans-serif;
            font-size: 16px;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: background 0.3s ease;
            background: rgba(51, 51, 51, 1);
        }
        .btn:hover {
            background: rgb(0,130,45,1);
            color: rgba(255, 255, 255, 1);
        }
        .toggle-btn:hover {
            background: rgb(0,130,45,1);
            color: rgba(255, 255, 255, 1);
        }

.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon{filter:invert(1) grayscale(100)}[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}