* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    font-family: "Poppins", sans-serif;
    color: #394F69;
    background-color: #FFFFFF;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #394F69;
}


a:not(.site-header a):hover,
a:not(.site-header a):focus-visible {
    text-decoration: underline;
}

a:focus {
    outline: none;
}

p {
    margin-bottom: 0;
}

p:not(:last-of-type) {
    margin-bottom: 15px;
}


.site-header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 15px 0px 32px;
    background: url('../images/header-shape.png');
    background-size: 100% 148px;
    z-index: 9999;
    background-position: center;
}

body:not(.menu-open) .site-header.is-sticky {
    position: fixed;
    background-color: #FFFFFF;
    background-image: none;
    box-shadow: 0 4px 18px rgba(52, 73, 94, 0.12);
}

.site-header.is-sticky {
    opacity: 0;
    transform: translateY(-105%);
    transition: opacity 220ms ease, transform 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.site-header.is-sticky.is-sticky-visible,
body.menu-open .site-header.is-sticky {
    opacity: 1;
    transform: translateY(0);
}

body.menu-open .site-header.is-sticky {
    transition: none;
}

.site-header-spacer {
    width: 100%;
}

@media (prefers-reduced-motion: reduce) {
    .site-header.is-sticky {
        transition: none;
    }
}

.site-header .header-wrapper {
    display: flex;
    align-items: center;
    gap: 100px;
}

.site-header .header-wrapper .brand-logo {
    max-width: 200px;
    width: 100%;
}

.site-header .header-wrapper .center-menu {
    flex: 1;
}

.site-header .header-wrapper .center-menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 40px;
}

.site-header .header-wrapper .center-menu ul li a {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    color: #394F69;
    font-size: 16px;
}

.site-header .header-wrapper .center-menu ul li a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    /* shape ke andar text ko jagah dene ke liye */
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    color: #394F69;
    font-size: 16px;
    isolation: isolate;
}

.site-header .header-wrapper .center-menu ul li a::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: rgba(57, 79, 105, .1);
    opacity: 0;
    transition: opacity .18s ease;
    --shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 243.36 42.1' preserveAspectRatio='none'%3E%3Cpath d='M243.36,26.61a202.29,202.29,0,0,0-1.15-21.43,4.34,4.34,0,0,0-3-4.14,21.32,21.32,0,0,0-6.39-.88c-19.15-.64-38.9.8-58.18.87-22.47.07-44.92-.82-67.31-.78-23.57,0-47.15.86-70.71.25C26.82.25,16.82-.2,7.3.94A15.88,15.88,0,0,0,2.36,2.09a3.67,3.67,0,0,0-2.1,3.6,194.64,194.64,0,0,0,.88,31.09,4.33,4.33,0,0,0,2.41,3.95c2.29,1.19,6.08,1.35,9.49,1.36C26,42.15,38.81,41.3,51.71,41c10.81-.22,21.64,0,32.46.15,21.58.38,43.44,1.13,65,.71,14.3-.28,28.56-1.18,42.89-1s28.4,2.1,42.79.46a17.79,17.79,0,0,0,6.33-1.57A3.91,3.91,0,0,0,243.13,36Q243.36,31.32,243.36,26.61Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--shape) 0 0/100% 100% no-repeat;
    mask: var(--shape) 0 0/100% 100% no-repeat;
}

.site-header .header-wrapper .center-menu ul li a:hover::before {
    opacity: 1;
}

/* Active link */
.site-header .header-wrapper .center-menu ul li.current-menu-item>a::before,
.site-header .header-wrapper .center-menu ul li.current_page_item>a::before,
.site-header .header-wrapper .center-menu ul li.current-menu-ancestor>a::before,
.site-header .header-wrapper .center-menu ul li.active>a::before,
.site-header .header-wrapper .center-menu ul li a.active::before,
.site-header .header-wrapper .center-menu ul li a[aria-current="page"]::before {
    opacity: 1;
}


.menu-toggle {
    position: relative;
    background: 0 0;
    border: 0;
    width: 35px;
    height: 22px;
    padding: 0;
    cursor: pointer;
}

.menu-toggle span,
.menu-toggle span::after,
.menu-toggle span::before {
    height: 4px;
    background: #34495e;
    transition: .2s;
    display: block;
    border-radius: 10px;
}

.menu-toggle span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.menu-toggle span::after,
.menu-toggle span::before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    transition: .2s;
}

.menu-toggle span::before {
    top: -9px;
}

.menu-toggle span::after {
    top: 9px;
}

body.menu-open .site-header {
    position: fixed;
    z-index: 100001;
    background: transparent;
}

body.menu-open .site-header .center-menu {
    visibility: hidden;
}

body.menu-open .menu-toggle span,
body.menu-open .menu-toggle span::before,
body.menu-open .menu-toggle span::after {
    background: #FFFFFF;
}

body.menu-open .menu-toggle span {
    background: transparent;
}

body.menu-open .menu-toggle span::before {
    top: 0;
    transform: rotate(45deg);
}

body.menu-open .menu-toggle span::after {
    top: 0;
    transform: rotate(-45deg);
}

.hero-banner {
    margin-top: -30px;
    position: relative;
}

.hero-banner .hero-slider .hero-slide {
    position: relative;
    padding: 45px 0 70px;
    overflow: hidden;
}

.main-banner-img img {
    display: block;
    margin: auto;
    max-height: 666px;
}

/* Floating Shapes in Hero Slider */
.floating-shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.floating-shape img {
    pointer-events: none;
    will-change: transform;
    animation: floatSlightShape1 4.5s ease-in-out infinite;
}

.hero-slide.slide-one .shape-1 {
    position: absolute;
    top: 20%;
    left: 160px;
    z-index: 1;
    animation: floatSlightShape1 4.5s ease-in-out infinite;
}

.hero-slide.slide-one .shape-2 {
    position: absolute;
    bottom: 40px;
    left: 0;
    z-index: 1;
    animation: floatSlightShape2 6s ease-in-out infinite 0.4s;
}

.hero-slide.slide-one .shape-3 {
    position: absolute;
    top: 45%;
    right: 160px;
    z-index: 1;
    animation: floatSlightShape3 5.2s ease-in-out infinite 0.8s;
}

.hero-slider .slide-content {
    display: flex;
    justify-content: space-between;
    padding-right: 50px;
    margin-top: 45px;
    position: relative;
    z-index: 5;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    cursor: auto;
}

.hero-slider .slide-content *,
.hero-slider .slide-content h1,
.hero-slider .slide-content p,
.hero-slider .slide-content .text-center {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

.hero-slider .slide-content h1 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    color: #394F69;
    font-size: 24px;
    cursor: text;
}

.hero-slider .slide-content p {
    font-family: "Poppins", sans-serif;
    color: #394F69;
    font-size: 18px;
    line-height: 24px;
    cursor: text;
}


.hero-slider .main-slide-content {
    max-width: 1000px;
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 2;
}


img.shape-sl2-1 {
    position: absolute;
    top: 20%;
    left: 12%;
    z-index: 1;
    animation: floatSlightShape1 5s ease-in-out infinite;
}

img.shape-sl2-2 {
    position: absolute;
    right: 14%;
    bottom: 40%;
    z-index: 1;
    animation: floatSlightShape2 5.6s ease-in-out infinite 0.6s;
}

/* Floating animation keyframes */
@keyframes floatSlightShape1 {

    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-12px) rotate(1.5deg);
    }
}

@keyframes floatSlightShape2 {

    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-9px) rotate(-1.5deg);
    }
}

@keyframes floatSlightShape3 {

    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-14px) rotate(1deg);
    }
}

.hero-slider .slick-track {
    display: flex;
}

.hero-banner .hero-slider .hero-slide {
    height: auto;
}


.tag-btn {
    position: relative;
    display: inline-flex;
    padding: 5px 20px 5px 20px;
    background: #E2A476;
    color: #fff;
    font-family: "hobeaux", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    height: 60px;
    text-decoration: none;
    border-radius: 10px 0 0 10px;
    transform: rotate(-10deg);
    transition: all 0.6s ease;
    align-items: center;
}

.tag-btn::after {
    content: "";
    position: absolute;
    top: 0;
    right: -23px;
    width: 46px;
    height: 100%;
    z-index: -1;
    background: inherit;
    clip-path: polygon(0 0, 55% 0, 100% 50%, 55% 100%, 0 100%);
    border-radius: 0 10px 10px 0;
}


.tag-btn:hover {
    transform: rotate(-4deg) scale(1.04);
    background: #d98f5e;
    text-decoration: none !important;
    color: #394F69;
}

.gr-section {
    margin-top: -20px;
    --edge: 20px;
    /* wave ki height */
    position: relative;
    padding: 50px 0px 100px;
    background-color: #EFF9FB;
    /* color same */
    margin-bottom: 100px;

    --wave-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 20' preserveAspectRatio='none'%3E%3Cpath d='M0,10.6C6.7,10.7 17.5,10.5 40.0,11.0C62.5,11.6 113.4,13.5 135.0,14.1C156.7,14.6 160.8,14.3 170.0,14.2C179.2,14.1 183.3,13.9 190.0,13.6C196.7,13.3 205.0,12.6 210.0,12.2C215.0,11.8 215.0,11.8 220.0,11.1C225.0,10.5 234.2,9.0 240.0,8.3C245.8,7.6 250.0,7.2 255.0,6.8C260.0,6.4 265.0,6.2 270.0,6.1C275.0,5.9 280.0,5.9 285.0,5.9C290.0,6.0 295.0,6.1 300.0,6.3C305.0,6.5 299.2,5.8 315.0,7.1C330.8,8.4 378.3,12.7 395.0,14.1C411.7,15.5 409.2,15.0 415.0,15.3C420.8,15.6 423.3,15.8 430.0,15.8C436.7,15.8 445.0,15.9 455.0,15.4C465.0,15.0 480.0,13.6 490.0,13.0C500.0,12.4 503.3,12.2 515.0,11.8C526.7,11.4 545.0,10.9 560.0,10.7C575.0,10.5 579.2,10.4 605.0,10.5C630.8,10.6 678.3,11.3 715.0,11.3C751.7,11.3 799.2,10.6 825.0,10.5C850.8,10.5 854.2,10.7 870.0,10.9C885.8,11.1 876.7,10.7 920.0,11.8C963.3,12.9 1080.0,16.5 1130.0,17.5C1180.0,18.6 1198.3,18.0 1220.0,17.9C1241.7,17.8 1247.5,17.4 1260.0,16.9C1272.5,16.4 1285.8,15.5 1295.0,14.9C1304.2,14.3 1301.7,14.5 1315.0,13.2C1328.3,11.9 1356.7,8.6 1375.0,6.9C1393.3,5.3 1408.3,4.2 1425.0,3.2C1441.7,2.3 1459.2,1.6 1475.0,1.1C1490.8,0.6 1505.0,0.5 1520.0,0.5C1535.0,0.5 1550.0,0.7 1565.0,1.1C1580.0,1.4 1577.5,1.0 1610.0,2.5C1642.5,4.1 1725.8,8.6 1760.0,10.2C1794.1,11.9 1796.6,11.9 1815.0,12.6C1833.3,13.2 1852.5,13.7 1870.0,14.1C1887.5,14.4 1911.7,14.5 1920.0,14.6V20H0Z'/%3E%3C/svg%3E");

    --wave-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 20' preserveAspectRatio='none'%3E%3Cpath d='M0,0H1920V9.3C1913.3,9.3 1902.5,9.5 1880.0,8.9C1857.5,8.4 1806.6,6.5 1785.0,5.9C1763.3,5.4 1759.2,5.7 1750.0,5.8C1740.8,5.9 1736.7,6.1 1730.0,6.4C1723.3,6.7 1715.0,7.4 1710.0,7.8C1705.0,8.2 1705.0,8.2 1700.0,8.9C1695.0,9.5 1685.8,11.0 1680.0,11.7C1674.2,12.4 1670.0,12.8 1665.0,13.2C1660.0,13.6 1655.0,13.8 1650.0,13.9C1645.0,14.1 1640.0,14.1 1635.0,14.1C1630.0,14.0 1625.0,13.9 1620.0,13.7C1615.0,13.5 1620.8,14.1 1605.0,12.9C1589.2,11.6 1541.7,7.3 1525.0,5.9C1508.3,4.5 1510.8,5.0 1505.0,4.7C1499.2,4.4 1496.7,4.2 1490.0,4.2C1483.3,4.2 1475.0,4.1 1465.0,4.6C1455.0,5.0 1440.0,6.4 1430.0,7.0C1420.0,7.6 1416.7,7.8 1405.0,8.2C1393.3,8.6 1375.0,9.1 1360.0,9.3C1345.0,9.5 1340.8,9.6 1315.0,9.5C1289.2,9.4 1241.7,8.7 1205.0,8.7C1168.3,8.7 1120.8,9.4 1095.0,9.5C1069.2,9.5 1065.8,9.3 1050.0,9.1C1034.2,8.9 1043.3,9.3 1000.0,8.2C956.7,7.0 840.0,3.5 790.0,2.5C740.0,1.4 721.7,2.0 700.0,2.1C678.3,2.2 672.5,2.6 660.0,3.1C647.5,3.6 634.2,4.5 625.0,5.1C615.8,5.7 618.3,5.5 605.0,6.8C591.7,8.1 563.3,11.4 545.0,13.0C526.7,14.7 511.7,15.8 495.0,16.7C478.3,17.7 460.8,18.4 445.0,18.9C429.2,19.4 415.0,19.5 400.0,19.5C385.0,19.5 370.0,19.3 355.0,18.9C340.0,18.6 342.5,19.0 310.0,17.5C277.5,15.9 194.2,11.5 160.0,9.8C125.9,8.1 123.4,8.1 105.0,7.4C86.7,6.8 67.5,6.3 50.0,6.0C32.5,5.6 8.3,5.5 0.0,5.5Z'/%3E%3C/svg%3E");

    -webkit-mask:
        var(--wave-top) top / 100% var(--edge) no-repeat,
        var(--wave-bottom) bottom / 100% var(--edge) no-repeat,
        linear-gradient(#000 0 0) center / 100% calc(100% - var(--edge) * 2 + 2px) no-repeat;
    mask:
        var(--wave-top) top / 100% var(--edge) no-repeat,
        var(--wave-bottom) bottom / 100% var(--edge) no-repeat,
        linear-gradient(#000 0 0) center / 100% calc(100% - var(--edge) * 2 + 2px) no-repeat;
}


.logo-title {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.logo-title img {
    max-width: 138px;
    width: 100%;
    margin: auto;
}

.logo-title h2 {
    font-family: "Poppins", sans-serif;
    color: #394F69;
    font-size: 18px;
    margin: 15px 0 0;
}

.gr-main-view .main-img {
    display: block;
    max-width: 1100px;
    width: 100%;
    margin: auto;
}

img.left-cloud {
    position: absolute;
    top: 25%;
    left: 17%;
}

img.right-cloud {
    position: absolute;
    bottom: 20%;
    right: 17%;
}

.gr-inf-block {
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    font-style: italic;
    color: #394F69;
    background: url('../images/foram-shape.png');
    max-width: 500px;
    margin: -50px auto 0;
    padding: 10px 10px 10px 20px;
    background-size: 100% 100%;
    background-position: center;
}

.wonders-links {
    margin-top: 45px;
}

.wonders-links p {
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #394F69;
    margin-bottom: 30px;
}

.tags-btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.tag-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: "hobeaux", sans-serif;
    border: 0;
    cursor: pointer;
    isolation: isolate;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    padding: 6px 10px 6px;
    border-radius: 5px;
    transition: transform .12s ease, filter .12s ease;
}

.tag-link:hover {
    color: #FFFFFF !important;
}

.tag-link img {
    width: 14px;
    height: 14px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.tag-link::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--c);
    --shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 30' preserveAspectRatio='none'%3E%3Cpath d='M77.5001 18.9489C77.5001 13.8622 77.3801 8.77553 77.1401 3.68886C77.1792 3.15526 77.1108 2.61924 76.9391 2.11252C76.7673 1.60581 76.4956 1.13871 76.1401 0.738864C75.5572 0.323166 74.856 0.105814 74.1401 0.118864C68.0401 -0.341136 61.7501 0.678864 55.6101 0.728864C48.4601 0.738864 41.3201 0.0988637 34.1901 0.128864C26.6801 0.128864 19.1901 0.738864 11.6601 0.308864C8.54013 0.128864 5.36013 -0.201136 2.32013 0.618864C1.7274 0.731446 1.18118 1.01673 0.750128 1.43886C0.236045 2.18839 -0.000863984 3.0936 0.0801282 3.99886C-0.0865385 11.3789 0.0067949 18.7589 0.360128 26.1389C0.305542 27.1342 0.575768 28.1204 1.13013 28.9489C1.53159 29.3174 2.00635 29.5969 2.52333 29.7693C3.04031 29.9416 3.58786 30.0028 4.13013 29.9489C8.25013 29.9489 12.3401 29.3789 16.4501 29.1889C19.8901 29.0289 23.3401 29.1889 26.7801 29.2989C33.6601 29.5589 40.6201 30.0989 47.4901 29.7989C52.0401 29.5989 56.5801 28.9589 61.1501 29.0689C65.7201 29.1789 70.1501 30.5589 74.7701 29.3889C75.5423 29.2533 76.2466 28.8624 76.7701 28.2789C77.2454 27.4807 77.4619 26.555 77.3901 25.6289C77.4801 23.3689 77.5001 21.1389 77.5001 18.9489Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--shape) 0 0/100% 100% no-repeat;
    mask: var(--shape) 0 0/100% 100% no-repeat;
    transition: transform .15s;
}

.tag-link:hover {
    transform: translateY(-2px);
    text-decoration: none !important;
}


.logo-bord {
    padding: 0 0 100px;
}

.section-title-sm h2 {
    font-family: "Poppins", sans-serif;
    color: #394F69;
    font-size: 18px;
    line-height: 24px;
}


.logo-sliders .logo-box {
    padding: 50px 20px;
    background: url('../images/logo-box.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 181px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-sliders a.logo-box {
    text-decoration: none;
}

.logo-sliders a.logo-box:focus-visible {
    outline: 3px solid #394F69;
    outline-offset: 4px;
}


.logo-sliders .logo-wrapper {
    padding: 0 20px;
}

.logo-sliders .logo-box img {
    width: auto !important;
    max-height: 100px;
}

.logo-sliders .slick-slider {
    margin-left: -20px;
    margin-right: -20px;
}

.logo-sliders .slick-slider:not(:last-of-type) {
    margin-bottom: 40px;
}

.logo-bord .section-title-sm {
    margin-bottom: 100px;
}

.logo-bord .left-hang {
    position: absolute;
    top: -30px;
}

.logo-bord .right-hang {
    position: absolute;
    top: -150px;
    right: 0;
    max-height: 220px;
}


.playground-sec {
    position: relative;
    padding: 50px 0 110px;
    background-color: #EBEDF0;
    margin: 20px 0 -30px;
}

.playground-sec::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    width: 100%;
    background: url('../images/top-grey-shape.png');
    height: 148px;
    z-index: -1;
}

.playground-sec .section-title-sm {
    margin-bottom: 55px;
}

.play-card>.decorative {
    display: block;
    margin: 0 auto;
}


.play-card .play-card-body .play-card-img {
    aspect-ratio: 2 / 1;
    overflow: visible;
    border-radius: 0;
    --shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 366.67 183.33' preserveAspectRatio='none'%3E%3Cpath d='M361,9l-.31-.65a9.73,9.73,0,0,0-1.85-2.88l-1.16-1.18a8.31,8.31,0,0,0-2.28-1.44l-3-1.43a10.76,10.76,0,0,0-2.59-.82L347.19.18l-1.2,0-6.4,0L337.39,0h-21.5l-2.43,0L312.1.13l-1.41.14-1,.11L308.3.51l-1.22.13L305.7.78l-1.37.11L301.51,1l-5,.08-1.6.08-1.8.1-1.78.14-1.22.11-1.38.13-1.59.14-1.4.13L284.55,2l-1.19.13-1,.13-1,.12-1,.13-1,.13-1,.13-1,.13-1,.13-.81.11-1,.13-1,.14-.81.12-.8.12-1,.13L270,4l-.81.11-1,.13-1,.13-1,.12-1,.13-1,.13-1,.13-1,.12-1,.12L260,5.22l-1,.12-1.17.13-1.22.12-1.38.14-1.21.11L252.27,6l-1.59.12-2.2.13-2.39.11-4.78.1-2.6.08-2.19.08-2,.1-1.22.07-1.4.08-1.77.1-1,.06-1.78.1-4,.14-2.19.07L220,7.4l-1.4.1-1.8.12-1.18.08-1.4.08-2,.09L209.6,8,207.8,8h-13l-2.78-.14-1.81-.11-1.59-.12L182.29,7l-1.59-.11-2.6-.13-2-.11-2-.1-2-.11-1.8-.12-1.8-.12-2.19-.14-2-.12L162,5.85l-2.59-.12-2-.09-2.19-.11L153,5.41l-2-.14-1.59-.13L148.17,5l-1.76-.14-2-.13-1.8-.12-2-.13-2.19-.14-1.8-.12L135,4.13,133.44,4l-1.58-.14-3.61-.39-1-.1-2-.13-2-.13L121.46,3l-2.17-.17-1.77-.17-4.62-.47-2-.15-2-.13-1.38-.11-1.38-.15-1-.11L104,1.41l-1-.11L97.28.73,94,.64l-5.78,0L85.39.55,82.21.44,80.78.34,77.42.19H66.05l-2,.11-.82.07-1.6.14L60.22.64,53.27.7,51.91.79,50.28.92,41.13.9,39.33.78H27L26,.69A43.14,43.14,0,0,0,20.4.7L18.19.82l-.77.1-3.2.54-1,.13-1,.12a8.85,8.85,0,0,0-2.88,1L8,3.36a8.09,8.09,0,0,0-2,1.38l-.75.67C2.92,7.53,2.6,9,1.55,11.28L.48,13.64l-.18.5-.18.67a4.89,4.89,0,0,0-.11,1v9a11.88,11.88,0,0,0,.15,2L.36,28l.27,1.9L1,31.71l.68,2.49.16.52.18.54.23.61.2.51.2.5.2.51.2.52.18.5.19.63.22.76.19.64.19.64.19.64.22.76.2.63.2.63.21.64.18.51.21.63.21.63.66,1.9.24.72.19.54L6.9,50l.18.5.23.63.13.39.28,1,1,4.38a25.77,25.77,0,0,1,.32,4.4l.1,1.66a85.93,85.93,0,0,1,0,10.15L9,74.22l-.18.88a1.14,1.14,0,0,0,.19.65l.31.34-1.06.08a1.75,1.75,0,0,0-1,.58l-.23.4-.26.47-.24.67c-.09.25,1.07,8.51,1.07,8.51l0,1.52-.21,2-.19,1.78L7,93.91l-.19,1.65-.17,1.65-.09,1-.14,1.51-.15,1.78-.14,1.78L6,104.7l-.18,1.54-.19,1.13-.2,1-.21,1-.19.88-.21.88-.2.77-.19.77-.19.76-.22.88-.19.76-.2.78-.2.76-.19.75-.2.77-.22.88-.19.77-.2.75-.2.77-.19.77-.19.76-.21.89-.2.89-.2,1-.17.88-.11.65L.8,128l-.2,1-.19,1-.14.88-.14,1.28L0,134.44v9l.14,2.29.26,3.06.16,1.39.12,4.45.18,2.66.22,2,.18,1.39.21,1.53.19,1.4.21,1.26.2,1.15.2,1.15.18.74.22.77.19.63.17.53.37,1,.92,2,1.27,2a6,6,0,0,0,1.84,1.61l2.22,1.4,1.7,1.07a22.31,22.31,0,0,0,7.77,2l3.65,0,1.17.1H37.14l1.59-.09,1.78-.1,1.06-.05,1.36-.12h9.58l1.56.15,1.62.13,1.59.11,2,.14,1.42.09H88.16l2.42.1,1.19.07,2,.11,2.59.14,2.19.13,2,.12,2.19.13,2,.13,2.19.12,2.8.12,1.8.1h13.54l.81-.09,1.57-.09,1,0,2.39-.11,7.35-.1,3.42-.08,1.59-.07,1.61-.09.78-.06,1.22-.11,1.2-.12,1.37-.14,1.22-.12,1.2-.12,1.37-.14,1.39-.13,1.39-.13,1.22-.12,1.21-.12,1.36-.14,1-.11,1.37-.14,1.21-.13,1.18-.13,1-.11,1.2-.14,1.17-.13,1-.11,1.19-.13,1.19-.14,1-.11,1.18-.14,1-.11,1.35-.16.84-.1,1.19-.14,1-.11,1.37-.15,1.19-.12,1.39-.12,1.61-.13,1.78-.12,3.2-.13,3-.09,2.19-.06,4.79-.11,4-.08,2.6-.08,3.19-.09,5.19-.13h14.53l4.4.13,3.39.09,4.78.08,4,.08,2.78.13,2,.13,1.6.12,1.57.13,1.4.13,1.22.12,1.38.14,1,.1,1.38.15,1,.11,1.2.13,1.21.12,1.57.15L266,179l1.79.14,2,.12,2.19.13,1.8.1,1,.08,1.12.1,1,.1,1,.11.37.05.37,0,1,.12,1,.12,1.18.15.67.08.91.1,1,.11,1.4.13,1.59.14,1.38.12,1,.09,1,.09,1.59.15,1,.11,1,.12,1,.12,1.19.15,1,.12,1.19.14,1,.1,1.19.08,1.79.13,2,.12,1.58.13,1.39.14,1,.1,1.81.15,1.56.09h3.84l1.19.12h8.91l1-.11,1-.1,1.06-.1,1.09-.1.82-.07.4,0,.53,0,.67,0,.87-.08.94-.07.45-.05.34,0,.85-.1,2.26-.36,5.82-1.12,1.66-.33.33-.06.27-.05.36,0,.48-.06.32,0,.38-.05.32,0,.4,0,.41-.06,2.08-.45,3.25-1,1.91-.7,1.93-.8a3.67,3.67,0,0,0,1.15-.89l.87-1.13.85-1.25.13-.23.11-.24.16-.39.27-.88.2-.64.16-.51.25-1.13.1-.4.15-.55.23-.73.07-.24.17-.51.16-.53.06-.23.14-.64.09-.41.05-.23,0-.23.1-.53.22-1.13.18-1.41.06-.56.17-7.26.2-1.56.15-1,.08-.54.15-1.37.12-.75,0-3.42.13-.55.07-2.26.12-.77.09-5.07.07-.68.16-1.46.1-.41.08-1.35.14-.42,0-4.57.13-.65.09-3.89.12-.43v-6.46l-.1-.64-.14-2.16-.11-.64v-9l-.14-.53-.12-1.13L366,102l-.15-1-.08-.55-.05-1.4-.16-.53V87.44l-.2-.53V80.83l-.09-.64-.09-.51-.06-2.4-.16-.65V72.44l-.1-1.32-.08-.46,0-3-.12-.63-.12-2.16-.09-.63-.15-1.1-.11-.68-.1-.65-.16-1-.11-.64-.14-.89-.19-1.42-.14-1.12-.07-.53L363.1,55l0-1.64.14-.53.11-1.31.12-.36,0-1.48.12-.54.12-1.09.1-.41.11-1.39.1-.64.11-.76.11-.65,0-1.86a2,2,0,0,1,.16-.43l0-5.2.16-.53,0-2.9,0-10.77-.11-.19-.06-.22,0-.65-.08-.23-.05-.23-.13-.9-.13-.78-.11-.65-.16-.87-.16-.62-.19-.65-.05-.24Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--shape) 0 0/100% 100% no-repeat;
    mask: var(--shape) 0 0/100% 100% no-repeat;
}

.play-card .play-card-body .play-card-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-card .play-card-body .play-info {
    padding-top: 35px;
    text-align: center;
}

.play-card .play-card-body .play-info h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #394F69;
}

.play-card .play-card-body .play-info h3 a {
    color: inherit;
}

.play-card .play-card-body .play-info p {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    color: #394F69;
}

.play-card .play-card-body .tags {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.play-card .play-card-body .tags span,
.play-card .play-card-body .tags a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: "hobeaux", sans-serif;
    border: 0;
    isolation: isolate;
    color: #FFFFFF !important;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    padding: 6px 10px 6px;
    border-radius: 5px;
    text-decoration: none !important;
    transition: transform .15s ease, filter .15s ease;
}

.play-card .play-card-body .tags a:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

.play-card .play-card-body .tags span::before,
.play-card .play-card-body .tags a::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--c);
    --shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 30' preserveAspectRatio='none'%3E%3Cpath d='M77.5001 18.9489C77.5001 13.8622 77.3801 8.77553 77.1401 3.68886C77.1792 3.15526 77.1108 2.61924 76.9391 2.11252C76.7673 1.60581 76.4956 1.13871 76.1401 0.738864C75.5572 0.323166 74.856 0.105814 74.1401 0.118864C68.0401 -0.341136 61.7501 0.678864 55.6101 0.728864C48.4601 0.738864 41.3201 0.0988637 34.1901 0.128864C26.6801 0.128864 19.1901 0.738864 11.6601 0.308864C8.54013 0.128864 5.36013 -0.201136 2.32013 0.618864C1.7274 0.731446 1.18118 1.01673 0.750128 1.43886C0.236045 2.18839 -0.000863984 3.0936 0.0801282 3.99886C-0.0865385 11.3789 0.0067949 18.7589 0.360128 26.1389C0.305542 27.1342 0.575768 28.1204 1.13013 28.9489C1.53159 29.3174 2.00635 29.5969 2.52333 29.7693C3.04031 29.9416 3.58786 30.0028 4.13013 29.9489C8.25013 29.9489 12.3401 29.3789 16.4501 29.1889C19.8901 29.0289 23.3401 29.1889 26.7801 29.2989C33.6601 29.5589 40.6201 30.0989 47.4901 29.7989C52.0401 29.5989 56.5801 28.9589 61.1501 29.0689C65.7201 29.1789 70.1501 30.5589 74.7701 29.3889C75.5423 29.2533 76.2466 28.8624 76.7701 28.2789C77.2454 27.4807 77.4619 26.555 77.3901 25.6289C77.4801 23.3689 77.5001 21.1389 77.5001 18.9489Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--shape) 0 0/100% 100% no-repeat;
    mask: var(--shape) 0 0/100% 100% no-repeat;
    transition: transform .15s;
}

/* Site Footer */
.site-footer {
    position: relative;
    background-color: #394F69;
    padding: 58px 0 25px;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    margin-top: 0;
}

.site-footer::before {
    content: '';
    position: absolute;
    top: -43px;
    left: 0;
    right: 0;
    width: 100%;
    height: 148px;
    background: url('../images/footer-shape.png') no-repeat top center;
    background-size: 100% 148px;
    z-index: 1;
    pointer-events: none;
}

.footer-decorations {
    position: absolute;
    top: -43px;
    left: 0;
    right: 0;
    width: 100%;
    height: 148px;
    pointer-events: none;
    z-index: 2;
}

.footer-decorations .footer-char-left {
    position: absolute;
    left: 122px;
    top: -132px;
    height: auto;
    width: 180px;
}

.footer-decorations .footer-char-right {
    position: absolute;
    right: 75px;
    top: -48px;
    height: auto;
}

.site-footer .container {
    position: relative;
    z-index: 3;
    max-width: 1140px;
}

.footer-nav-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 800px;
    margin: 0 auto;
}

.footer-col {
    text-align: center;
}

.footer-col.col-sitemap {
    width: 250px;
}

.footer-col.col-resources {
    width: 275px;
}

.footer-col.col-social {
    width: 220px;
}

.site-footer .footer-title {
    font-family: "hobeaux", sans-serif;
    font-weight: 700;
    font-size: 15.5px;
    line-height: 1.2;
    color: #FFFFFF;
    margin-bottom: 8px;
    text-transform: lowercase;
    white-space: nowrap;
    letter-spacing: 0.1px;
}

.site-footer .footer-links p {
    font-family: "Poppins", sans-serif;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.45;
    color: #FFFFFF;
    margin: 0;
}



.site-footer .footer-links a:hover {
    text-decoration: underline;
}

.site-footer .social-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 6px;
}

.site-footer .social-btn {
    width: 28px;
    height: 28px;
    background: url('../images/logo-box.png') no-repeat center;
    background-size: 100% 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #394F69;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.site-footer .social-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
}

.site-footer .footer-desc {
    margin-top: 26px;
    margin-bottom: 22px;
}

.site-footer .footer-desc p {
    font-family: "Poppins", sans-serif;
    font-size: 11.5px;
    line-height: 1.48;
    color: #EBEDF0;
}

.site-footer .footer-bottom {
    padding-bottom: 5px;
}

.site-footer .footer-bottom p {
    font-family: "Poppins", sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
}

.site-footer .footer-bottom img {
    height: 19px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    transition: transform 0.2s ease;
}

.site-footer .footer-bottom a:hover img {
    transform: scale(1.05);
}


.site-footer .container {
    position: relative;
    z-index: 3;
    max-width: 1140px;
}

.footer-nav-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.footer-col {
    text-align: center;
}

.footer-col.col-sitemap {
    flex: 1;
    max-width: 330px;
}

.footer-col.col-resources {
    flex: 1;
    max-width: 350px;
}

.footer-col.col-social {
    flex: 1;
    max-width: 290px;
}

.site-footer .footer-title {
    font-family: "hobeaux", sans-serif;
    font-weight: 700;
    font-size: 19px;
    line-height: 1.25;
    color: #FFFFFF;
    margin-bottom: 12px;
    text-transform: lowercase;
    letter-spacing: 0.2px;
}

.site-footer .footer-links p {
    font-family: "Poppins", sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.55;
    color: #FFFFFF;
    margin: 0;
}

.site-footer .footer-links a {
    color: #FFFFFF;
    text-decoration: none;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.site-footer .footer-links a:hover {
    text-decoration: underline;
}

.site-footer .social-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 4px;
}

.site-footer .social-btn {
    width: 40px;
    height: 40px;
    background: url('../images/logo-box.png') no-repeat center;
    background-size: 100% 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #394F69;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.site-footer .social-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
}

.site-footer .footer-desc {
    margin-top: 32px;
    margin-bottom: 24px;
}

.site-footer .footer-desc p {
    font-family: "Poppins", sans-serif;
    font-size: 13.5px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.9);
}

.site-footer .footer-bottom {
    padding-bottom: 5px;
}

.site-footer .footer-bottom p {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
}

.site-footer .footer-bottom img {
    height: 22px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    transition: transform 0.2s ease;
}

.site-footer .footer-bottom a:hover img {
    transform: scale(1.05);
}

/* ==========================================================================
   Full Screen Hamburger Menu Overlay (Pixel-Perfect)
   ========================================================================== */
body.menu-open {
    overflow: hidden;
}

.hamburger-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background-color: #394F69;
    z-index: 100000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.hamburger-menu.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Body / Nav Grid */
.hamburger-body {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    padding: 20px 0 40px;
    position: relative;
    z-index: 4;
}

.hamburger-body .container {
    max-width: 1140px;
    width: 100%;
}

.hamburger-nav-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
    justify-content: center;
    max-width: 1050px;
    margin: 0 auto;
    gap: 30px;
}

.menu-col {
    text-align: center;
}

/* Column 1: Main Links */
.menu-main-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.menu-main-links li a {
    font-family: "hobeaux", sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.3;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: lowercase;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-block;
}

.menu-main-links li a.active {
    color: #FFD42A;
}

.menu-main-links li a:hover {
    text-decoration: underline;
    transform: translateY(-1px);
}

/* Column 2: Resources */
.menu-col-title {
    font-family: "hobeaux", sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.3;
    color: #FFFFFF;
    text-transform: lowercase;
    margin-bottom: 15px;
    text-align: center;
}

.menu-col-title a {
    color: inherit;
    transition: color 0.2s ease;
}

.menu-col-title a:hover {
    text-decoration: underline;
}

.menu-resource-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
}

.menu-resource-links li a {
    font-family: "hobeaux", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: color 0.2s ease;
    display: inline-block;
    letter-spacing: 0.8px;
}

.menu-resource-links li a.active {
    color: #FFD42A;
}

.menu-resource-links li a:hover {
    text-decoration: underline;
}

/* Column 3: Connect With Bachpan Manao */
.menu-connect-col .menu-col-title {
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.menu-social-grid {
    display: grid;
    grid-template-columns: repeat(3, 44px);
    justify-content: center;
    gap: 12px 14px;
    margin: 0 auto 24px;
}

.menu-social-btn {
    width: 44px;
    height: 44px;
    background: url('../images/logo-box.png') no-repeat center;
    background-size: 100% 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #394F69;
    text-decoration: none;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.menu-social-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
    color: #394F69;
}

.menu-contact-email {
    font-family: "hobeaux", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto 24px;
    letter-spacing: 0.2px;
}

.menu-contact-email a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.menu-contact-email a:hover,
.menu-contact-email a:focus-visible {
    text-decoration: underline;
}

.menu-partner-card {
    background: url('../images/ndtv-card-bg.png') no-repeat center;
    background-size: 100% 100%;
    padding: 14px 20px;
    max-width: 290px;
    margin: 0 auto;
    text-align: center;
}

.menu-partner-card p {
    font-family: "Poppins", sans-serif;
    font-size: 11.5px;
    line-height: 1.5;
    color: #394F69;
    margin: 0;
    font-weight: 500;
}

.menu-partner-card .ndtv-logo {
    height: 13px;
    width: auto;
    vertical-align: -1px;
    margin-left: 2px;
    display: inline-block;
}

/* Footer Section within Hamburger Menu */
.hamburger-footer {
    position: relative;
    background-color: #EBEDF0;
    padding: 16px 0 20px;
    color: #394F69;
    text-align: center;
    flex-shrink: 0;
    margin-top: 40px;
}

.hamburger-footer::before {
    content: '';
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    width: 100%;
    height: 48px;
    background: url('../images/top-grey-shape.png') no-repeat top center;
    background-size: 100% 148px;
    pointer-events: none;
}

.hamburger-footer .container {
    max-width: 1140px;
    position: relative;
    z-index: 2;
}

.hamburger-footer .footer-desc {
    margin-bottom: 12px;
}

.hamburger-footer .footer-desc p {
    font-family: "Poppins", sans-serif;
    font-size: 12.5px;
    line-height: 1.5;
    color: #394F69;
    margin: 0;
}

.hamburger-footer .footer-bottom p {
    font-family: "Poppins", sans-serif;
    font-size: 13.5px;
    font-weight: 400;
    color: #394F69;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0;
}

.hamburger-footer .footer-bottom img {
    height: 21px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    transition: transform 0.2s ease;
}

.hamburger-footer .footer-bottom a:hover img {
    transform: scale(1.05);
}

/* Responsive adjustments for hamburger menu */
@media (max-width: 991px) {
    .hamburger-body {
        padding: 25px 0 35px;
    }

    .hamburger-nav-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .menu-main-links li a {
        font-size: 22px;
    }

    .menu-col-title {
        font-size: 22px;
    }

    .menu-partner-card {
        max-width: 320px;
    }
}

@media (max-width: 576px) {
    .menu-main-links li a {
        font-size: 20px;
        gap: 12px;
    }

    .menu-col-title {
        font-size: 20px;
    }

    .menu-resource-links li a {
        font-size: 13px;
    }

    .menu-partner-card {
        max-width: 280px;
        padding: 10px 14px;
    }

    .menu-partner-card p {
        font-size: 11px;
    }

    .hamburger-footer .footer-desc p {
        font-size: 11px;
    }

    .hamburger-footer .footer-bottom p {
        font-size: 12px;
    }
}


/* inner-page-banner */
.inner-page-banner {
    position: relative;
    margin-top: -30px;
    background-color: #EBEDF0;
    padding: 130px 0 130px;
}

.inner-page-banner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: url('../images/inr-banner-shape.png');
    height: 62px;
    background-position: top;
}

.inner-page-banner .banner-content {
    display: flex;
    align-items: center;
    gap: 40px;
}

.inner-page-banner .banner-content .banner-img {
    max-width: 799px;
    width: 100%;
}

.inner-page-banner .banner-content .banner-content-info {
    flex: 1;
}

.inner-page-banner .banner-content .banner-content-info h1 {
    font-family: "hobeaux", sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 20px;
    color: #3B5B7B;
}

.inner-page-banner .banner-content .banner-content-info p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #394F69;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}

.inner-page-banner .banner-content .banner-content-info .gr-inf-block {
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    line-height: 17px;
    color: #394F69;
}

.inner-page-banner .banner-content .banner-content-info .tag-btn {
    margin-top: 40px;
    text-align: left;
}

.inner-page-banner .banner-content .banner-content-info .tag-btn:hover {
    background-color: #FFD42A !important;
}

.great-stories {
    padding: 100px 0 230px;
}

.stori-card .stori-card-body .stori-img a {
    display: block;
}

.stori-card .stori-card-body .stori-img img {
    width: 100%;
    transition: transform 0.35s ease;
}

.stori-card .stori-card-body .stori-img a:hover img,
.stori-card .stori-card-body .stori-img a:focus-visible img {
    transform: scale(1.03);
}

.stori-card .stori-card-body .stori-card-info {
    text-align: center;
    padding-top: 20px;
}

.stori-card .stori-card-body .stori-card-info h3 {
    font-family: "hobeaux", sans-serif;
    font-weight: 500;
    font-size: 29px;
    margin-bottom: 15px;
}

.stori-card .stori-card-body .stori-card-info h3 a {
    color: inherit;
}

.stori-card .stori-card-body .stori-card-info p {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #394F69;
    margin-bottom: 50px;
}

.tag-btn.sm {
    height: 40px;
}

.tag-btn.sm:hover {
    text-decoration: none !important;
}

/* --- Staggered card grid --- */
.stories-list.row {
    --bs-gutter-y: 0;
}

/* Push every middle-column card (2nd, 5th, 8th) down */
.stories-list>.stori-card:nth-child(3n+2) {
    transform: translateY(80px);
}

/* Center logo card — vertically & horizontally centred */
.stori-card .deco-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.stori-card .deco-logo img {
    max-width: 100%;
}

.newsletter-form .lbl {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    margin: 15px 0 10px;
}

.newsletter-form .input-wrapper {
    display: flex;
    gap: 15px;
}


.newsletter-form .input-wrapper input {
    color: rgb(255 255 255 / 50%);
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    background-color: transparent;
    border: 10px solid transparent;
    border-image-source: url("../images/input-shape.png");
    border-image-slice: 9;
    border-image-repeat: stretch;
    height: 40px;
    width: 100%;
    outline: unset;
}

.newsletter-form .input-wrapper input::placeholder {
    color: rgb(255 255 255 / 50%);
}

.newsletter-form-message {
    margin-top: 8px;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    line-height: 1.4;
}

.newsletter-form .fr-submit:disabled {
    cursor: wait;
    opacity: 0.65;
}



.fr-submit {
    --bg: #ebedf0;
    --bg-hover: #d9dde3;
    --text: #394F69;
    --text-hover: #222;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--text);
    font-family: "hobeaux", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    isolation: isolate;
    transition: color .18s ease, transform .18s ease;
    height: 40px;
    min-width: 44px;
}

.fr-submit::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: var(--bg);
    --shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.94 42.1' preserveAspectRatio='none'%3E%3Cpath d='M67.94,26.61q0-10.72-.32-21.43C67.57,3.68,67.47,2,66.79,1A2.35,2.35,0,0,0,65,.16C59.66-.48,54.14,1,48.76,1,42.49,1.1,36.22.21,30,.25c-6.58,0-13.16.86-19.74.25C7.49.25,4.7-.2,2,.94A2.56,2.56,0,0,0,.66,2.09a8.15,8.15,0,0,0-.59,3.6Q-.16,21.23.32,36.78A9.42,9.42,0,0,0,1,40.73a2.7,2.7,0,0,0,2.65,1.36c3.61.06,7.19-.79,10.8-1.06a66.87,66.87,0,0,1,9.06.15c6,.38,12.13,1.13,18.15.71,4-.28,8-1.18,12-1s7.93,2.1,11.95.46a3.08,3.08,0,0,0,1.76-1.57A9.37,9.37,0,0,0,67.88,36Q67.94,31.32,67.94,26.61Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--shape) 0 0/100% 100% no-repeat;
    mask: var(--shape) 0 0/100% 100% no-repeat;
    transition: background-color .18s ease;
}

.fr-submit:hover,
.fr-submit:focus-visible {
    color: var(--text-hover);
    transform: translateY(-1px);
    outline: none;
}

.fr-submit:hover::before,
.fr-submit:focus-visible::before {
    background: var(--bg-hover);
}



/* font list
   font-family: "Poppins", sans-serif;
   font-family: "hobeaux", sans-serif;
*/

/* Resource detail page */
.resource-detail-page {
    color: #394F69;
}

.resource-detail-hero {
    height: 700px;
    position: relative;
    margin-top: -30px;
    background: #394F69;
}

.resource-detail-hero>img:not(.raisingideas-hero__logo):not(.stories-detail-hero__art) {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.resource-detail-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 30' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 9 C75 9 120 17 200 11 S315 8 390 13 S500 10 580 11 S720 16 820 15 S930 15 1020 15 S1160 19 1270 12 S1430 5 1540 8 S1690 18 1790 12 S1870 9 1920 11 V30 H0Z'/%3E%3C/svg%3E") no-repeat center bottom / 100% 100%;
}

.resource-detail-hero__placeholder {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
}

.resource-detail-hero__placeholder span,
.resource-detail__image span {
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 8px;
}

.resource-detail {
    max-width: 1200px;
    width: calc(100% - 48px);
    margin: 0 auto;
    padding: 48px 0 120px;
}

.resource-detail__header {
    text-align: center;
}

.resource-detail__header h1,
.resource-detail__related>h2 {
    color: #3B5B7B;
    font-family: "hobeaux", sans-serif;
    font-weight: 600;
}

.resource-detail__header h1 {
    margin: 0 0 2px;
    font-size: 34px;
    line-height: 1.2;
}

.resource-detail__authors {
    font-size: 18px;
    line-height: 1.4;
}

.resource-detail__metadata {
    min-height: 82px;
    margin: 36px 0 32px;
    padding: 12px 30px;
    border-radius: 22px;
    background: #EFF0F2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    gap: 20px;
}

.resource-detail__meta-group {
    min-width: 0;
    text-align: center;
}

.resource-detail__meta-group dt {
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

.resource-detail__meta-group dt a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.resource-detail__meta-group dt a:hover {
    text-decoration: underline;
}

.resource-detail__meta-group dd {
    margin: 0;
    font-size: 18px;
    line-height: 1.3;
}

.resource-meta-link {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.resource-meta-link:hover {
    text-decoration: underline;
    color: inherit;
}

.resource-detail__tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
}

.resource-tag {
    position: relative;
    display: inline-block;
    padding: 3px 10px 4px;
    border-radius: 4px;
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    isolation: isolate;
    text-decoration: none !important;
    transition: transform 0.2s ease, filter 0.2s ease;
}

a.resource-tag {
    cursor: pointer;
}

a.resource-tag:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
    text-decoration: none !important;
}

.resource-tag::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--c);
    --shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 30' preserveAspectRatio='none'%3E%3Cpath d='M77.5001 18.9489C77.5001 13.8622 77.3801 8.77553 77.1401 3.68886C77.1792 3.15526 77.1108 2.61924 76.9391 2.11252C76.7673 1.60581 76.4956 1.13871 76.1401 0.738864C75.5572 0.323166 74.856 0.105814 74.1401 0.118864C68.0401 -0.341136 61.7501 0.678864 55.6101 0.728864C48.4601 0.738864 41.3201 0.0988637 34.1901 0.128864C26.6801 0.128864 19.1901 0.738864 11.6601 0.308864C8.54013 0.128864 5.36013 -0.201136 2.32013 0.618864C1.7274 0.731446 1.18118 1.01673 0.750128 1.43886C0.236045 2.18839 -0.000863984 3.0936 0.0801282 3.99886C-0.0865385 11.3789 0.0067949 18.7589 0.360128 26.1389C0.305542 27.1342 0.575768 28.1204 1.13013 28.9489C1.53159 29.3174 2.00635 29.5969 2.52333 29.7693C3.04031 29.9416 3.58786 30.0028 4.13013 29.9489C8.25013 29.9489 12.3401 29.3789 16.4501 29.1889C19.8901 29.0289 23.3401 29.1889 26.7801 29.2989C33.6601 29.5589 40.6201 30.0989 47.4901 29.7989C52.0401 29.5989 56.5801 28.9589 61.1501 29.0689C65.7201 29.1789 70.1501 30.5589 74.7701 29.3889C75.5423 29.2533 76.2466 28.8624 76.7701 28.2789C77.2454 27.4807 77.4619 26.555 77.3901 25.6289C77.4801 23.3689 77.5001 21.1389 77.5001 18.9489Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--shape) 0 0/100% 100% no-repeat;
    mask: var(--shape) 0 0/100% 100% no-repeat;
    transition: transform .15s;
}

.resource-tag--play {
    --c: #C28455;
}

.resource-tag--stories {
    --c: #9466B1;
}

.resource-tag--nature {
    --c: #9ABD45;
}

.resource-tag--education {
    --c: #EE6C63;
}

.resource-tag--quiet {
    --c: #394F69;
}

.resource-detail__content {
    font-size: 18px;
    line-height: 1.4;
}

.resource-detail__content>p,
.resource-detail__copy p {
    margin: 0 0 14px;
}

.resource-detail__media-row {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin: 20px 0 18px;
}

.resource-detail__media-row>p,
.resource-detail__copy {
    flex: 1;
    min-width: 0;
}

.resource-detail__image {
    margin: 0;
    background: #394F69;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resource-detail__image--inline {
    flex: 0 0 370px;
    height: 230px;
}

.resource-detail__image--wide {
    width: 100%;
    height: 425px;
    margin: 38px 0 36px;
}

.resource-detail__media-row--reverse {
    margin-top: 20px;
}

.resource-detail__media-row--reverse .resource-detail__image {
    height: 200px;
}

.resource-detail__downloads {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 44px;
}

.resource-detail__downloads h2 {
    margin: 0 5px 0 0;
    color: #3B5B7B;
    font-family: "hobeaux", sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.resource-detail__download {
    padding: 5px 12px;
    border-radius: 5px;
    background: #EFF0F2;
    color: #394F69;
    font-size: 16px;
    line-height: 1.2;
}

.resource-detail__download:hover {
    background: #394F69;
    color: #FFFFFF;
    text-decoration: none !important;
}

.resource-detail__share {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 52px 0 48px;
}

.resource-detail__share a {
    position: relative;
    min-width: 112px;
    height: 46px;
    padding: 0 12px;
    background: transparent;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    isolation: isolate;
}

.resource-detail__share a::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: #394F69;
    --shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 46' preserveAspectRatio='none'%3E%3Cpath d='M99.8,46.0C98.5,46.1 97.2,46.0 96.0,46.0C94.7,46.0 93.4,45.9 92.2,45.9C90.9,45.8 89.6,45.6 88.4,45.5C87.1,45.4 85.8,45.3 84.6,45.2C83.3,45.1 82.0,45.0 80.8,44.9C79.5,44.8 78.2,44.7 77.0,44.7C75.7,44.6 74.4,44.6 73.2,44.6C71.9,44.5 70.6,44.5 69.4,44.5C68.1,44.4 66.8,44.4 65.6,44.5C64.3,44.5 63.0,44.5 61.8,44.6C60.5,44.6 59.2,44.6 58.0,44.6C56.7,44.7 55.4,44.8 54.1,44.9C52.9,44.9 51.6,45.1 50.4,45.2C49.1,45.3 47.8,45.4 46.6,45.5C45.3,45.6 44.0,45.7 42.8,45.8C41.5,45.8 40.2,45.8 39.0,45.9C37.7,45.9 36.4,45.9 35.1,45.9C33.9,45.9 32.6,45.9 31.3,45.8C30.1,45.7 28.8,45.6 27.5,45.6C26.3,45.5 25.0,45.5 23.7,45.5C22.5,45.5 21.2,45.5 19.9,45.5C18.7,45.5 17.4,45.4 16.1,45.4C14.9,45.4 13.6,45.4 12.3,45.4C11.0,45.4 9.8,45.5 8.5,45.5C7.2,45.4 5.9,45.5 4.7,45.2C3.6,44.8 2.3,44.3 1.6,43.4C0.8,42.6 0.5,41.2 0.2,40.0C-0.1,38.8 0.0,37.5 0.0,36.2C-0.0,34.9 -0.0,33.6 0.1,32.3C0.3,31.1 0.8,29.8 1.0,28.6C1.3,27.3 1.6,26.1 1.8,24.8C2.0,23.6 2.1,22.3 2.3,21.0C2.5,19.7 2.8,18.5 2.9,17.2C2.9,16.0 2.8,14.7 2.5,13.4C2.3,12.2 1.6,11.1 1.3,9.8C0.9,8.6 0.4,7.3 0.3,6.1C0.3,4.9 0.5,3.5 1.1,2.5C1.7,1.6 2.8,0.8 3.9,0.4C5.0,0.0 6.4,0.1 7.7,0.0C8.9,-0.1 10.2,-0.0 11.5,0.0C12.8,0.0 14.0,0.0 15.3,0.0C16.6,0.0 17.8,0.0 19.1,0.0C20.4,-0.0 21.6,0.0 22.9,0.0C24.2,0.0 25.5,-0.0 26.7,0.0C28.0,0.0 29.3,-0.0 30.5,0.1C31.8,0.1 33.1,0.3 34.3,0.4C35.6,0.5 36.9,0.5 38.1,0.6C39.4,0.7 40.6,0.8 41.9,0.9C43.2,1.0 44.5,1.0 45.7,1.1C47.0,1.2 48.3,1.2 49.5,1.3C50.8,1.3 52.1,1.4 53.3,1.5C54.6,1.6 55.9,1.6 57.1,1.7C58.4,1.7 59.7,1.7 60.9,1.7C62.2,1.7 63.5,1.7 64.7,1.7C66.0,1.7 67.3,1.7 68.5,1.7C69.8,1.7 71.1,1.6 72.3,1.5C73.6,1.5 74.9,1.4 76.2,1.4C77.4,1.3 78.7,1.2 80.0,1.1C81.2,1.0 82.5,0.8 83.7,0.7C85.0,0.6 86.3,0.4 87.5,0.3C88.8,0.2 90.1,0.1 91.3,0.1C92.6,0.0 93.9,0.0 95.1,0.0C96.4,-0.0 97.7,0.0 98.9,0.0C100.2,0.0 101.5,-0.0 102.8,0.0C104.0,0.0 105.4,-0.2 106.5,0.1C107.7,0.3 109.0,0.8 109.8,1.6C110.6,2.4 111.1,3.7 111.4,4.9C111.7,6.1 111.6,7.4 111.6,8.7C111.6,10.0 111.5,11.3 111.5,12.6C111.4,13.9 111.5,15.1 111.6,16.4C111.6,17.7 111.7,19.0 111.8,20.2C111.8,21.5 111.6,22.8 111.7,24.1C111.7,25.3 111.9,26.6 111.9,27.9C112.0,29.2 112.0,30.5 111.9,31.8C111.9,33.1 111.7,34.3 111.6,35.6C111.5,36.9 111.5,38.2 111.3,39.5C111.1,40.7 110.9,42.1 110.3,43.1C109.6,44.0 108.5,44.6 107.4,45.0C106.3,45.5 104.9,45.5 103.6,45.7C102.4,45.8 101.1,45.9 99.8,46.0Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--shape) 0 0/100% 100% no-repeat;
    mask: var(--shape) 0 0/100% 100% no-repeat;
    transition: background-color .18s ease;
}

.resource-detail__share a:hover::before,
.resource-detail__share a:focus-visible::before {
    background: #2f4258;
}

.resource-detail__share svg {
    width: 15px;
    height: 15px;
    fill: currentColor;
}

.resource-detail__share a:nth-child(3) svg,
.resource-detail__share a:nth-child(4) svg {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.3;
}

.resource-detail__related h2 {
    margin: 0 0 36px;
    font-size: 29px;
    line-height: 1.2;
    text-align: center;
}

@media (max-width: 991px) {
    .resource-detail-hero {
        height: 420px;
    }

    .resource-detail__metadata {
        padding: 14px 18px;
        gap: 12px;
    }

    .resource-detail__meta-group dd,
    .resource-detail__content {
        font-size: 16px;
    }

    .resource-detail__image--inline {
        flex-basis: 32%;
        height: 190px;
    }

    .resource-detail__image--wide {
        height: 360px;
    }

}

@media (max-width: 767px) {
    .resource-detail-hero {
        height: 310px;
        margin-top: -24px;
    }

    .resource-detail {
        width: calc(100% - 36px);
        padding: 36px 0 80px;
    }

    .resource-detail__header h1 {
        font-size: 28px;
    }

    .resource-detail__metadata {
        grid-template-columns: 1fr;
        gap: 16px;
        margin: 26px 0;
    }

    .resource-detail__meta-group dt {
        margin-bottom: 4px;
    }

    .resource-detail__media-row,
    .resource-detail__media-row--reverse {
        flex-direction: column;
    }

    .resource-detail__media-row--reverse .resource-detail__image {
        order: -1;
    }

    .resource-detail__image--inline {
        flex: auto;
        width: 100%;
        height: 220px;
    }

    .resource-detail__image--wide {
        height: 250px;
        margin: 28px 0;
    }

    .resource-detail__downloads {
        margin-top: 30px;
    }

    .resource-detail__share {
        margin: 38px 0;
    }

    .resource-detail__share a {
        min-width: 100px;
    }

    .resource-detail__related>h2 {
        margin-bottom: 24px;
        font-size: 26px;
    }

}

@media (max-width: 480px) {
    .resource-detail-hero {
        height: 250px;
    }

    .resource-detail__header h1 {
        font-size: 24px;
    }

    .resource-detail__authors,
    .resource-detail__meta-group dd {
        font-size: 15px;
    }

    .resource-detail__share {
        gap: 6px;
    }

    .resource-detail__share a {
        min-width: 0;
        height: 42px;
        padding: 0 10px;
        font-size: 13px;
    }
}

/* Story detail page */
.stories-detail-hero {
    background: #9C6DC9;
}

.stories-detail-hero__art {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 140px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    transform: translate(-50%, -50%);
    padding-bottom: 0;
}

.stories-detail-page .resource-detail {
    padding-bottom: 390px;
}

.stories-detail-page .resource-detail__share {
    margin-bottom: 0;
}

.stories-detail-hero .activities-list-butterfly {
    width: 140px;
    height: 140px;
}

.stories-detail-page .activities-band {
    padding: 28px 0 40px;
    background: #EBEDF0 !important;
    margin-bottom: 250px;
}

.stories-detail-page .activities-band::before {
    top: -40px;
    height: 100px;
    background: url("../images/top-grey-shape.png");
    background-size: 100% 60px;
    background-position: top;
}

.stories-detail-page .activities-band::after {
    bottom: -39px;
    height: 48px;
    background: url("../images/top-grey-shape.png");
    transform: scale(-1);
    background-size: 100% 128px;
}

.stories-detail-page .activities-band>.great-container>h2 {
    margin-bottom: 26px;
    color: #394F69;
    font-family: "hobeaux", sans-serif;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: lowercase;
}

.stories-detail-page .activity-cards.slick-slider {
    margin-bottom: 0;
}

.stories-detail-page .activity-card {
    width: 313px;
}

.stories-detail-page .activity-art {
    height: 180px;
    margin-bottom: 22px;
}

.stories-detail-page .activity-card p {
    color: #394F69;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}

@media (max-width: 767px) {
    .stories-detail-hero__art {
        width: 112px;
    }

    .stories-detail-page .resource-detail {
        padding-bottom: 60px;
    }

    .stories-detail-page .activities-band {
        padding: 24px 0 60px;
        margin: 0;
    }

    .stories-detail-page .activities-band>.great-container>h2 {
        margin-bottom: 18px;
        font-size: 26px;
    }

    .stories-detail-page .activity-card {
        width: 270px;
    }

    .stories-detail-page .activity-art {
        height: 150px;
    }

    .stories-detail-page .activity-card p {
        font-size: 15px;
    }
}

/* Masterclass detail page */
.masterclass-hero__play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96px;
    height: 96px;
    transform: translate(-50%, -50%);
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    z-index: 2;
    transition: transform 0.25s ease, filter 0.25s ease;
}

.masterclass-hero__play:hover {
    transform: translate(-50%, -50%) scale(1.08);
    filter: brightness(1.15);
}

.masterclass-hero__play svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2;
}

.masterclass-hero__play svg path {
    fill: none;
    stroke-linejoin: round;
}

.masterclass-hero__label {
    position: absolute;
    right: max(calc((100vw - 1200px) / 2), 24px);
    bottom: 42px;
    margin: 0;
    color: #FFFFFF;
    font-family: "hobeaux", sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 1;
}

.masterclass-topics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    margin-top: 30px;
}

.masterclass-topics h2 {
    margin: 0 0 10px;
    color: #394F69;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
}

.masterclass-topics p {
    margin: 0;
}

.masterclass-card__play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 72px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.masterclass-card__play::after {
    position: absolute;
    top: 50%;
    left: 54%;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 22px solid #FFFFFF;
    content: "";
    transform: translate(-50%, -50%);
}

.masterclass-page .play-card-img {
    position: relative;
    aspect-ratio: 1.52;
}

.masterclass-page .play-card-img>img {
    height: 100%;
    object-fit: fill;
}

.masterclass-page .masterclass-card__image>span {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 8px;
    transform: translate(-50%, -50%);
}

.masterclass-page .play-info h3 {
    font-size: 20px;
    line-height: 1.35;
}

@media (max-width: 991px) {
    .masterclass-topics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .masterclass-hero__label {
        font-size: 38px;
    }
}

@media (max-width: 767px) {
    .masterclass-hero__play {
        width: 76px;
        height: 76px;
    }

    .masterclass-hero__label {
        right: 20px;
        bottom: 32px;
        width: 140px;
    }

    .masterclass-topics {
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .masterclass-topics {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}

/* Collabactor network page */
.collabactor-network-page {
    color: #394F69;
}

.collabactor-network-intro {
    margin-top: -30px;
    padding-top: 80px;
    background: #EBEDF0;
    text-align: center;
}

.collabactor-network-intro h1,
.collabactor-section-heading h2 {
    margin: 0;
    color: #394F69;
    font-family: "hobeaux", sans-serif;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.25;
}

.collabactor-network-intro .container>p {
    max-width: 1200px;
    margin: 6px auto 0;
    font-size: 18px;
    line-height: 1.4;
}

.collabactor-featured {
    overflow: hidden;
    padding: 73px 0 80px;
}

.collabactor-featured__track {
    position: relative;
    left: 50%;
    display: flex;
    justify-content: center;
    gap: 28px;
    width: max-content;
    margin: 0 auto;
    transform: translateX(calc(-50% + 8px));
}

.collabactor-featured__track.slick-initialized {
    left: auto;
    display: block;
    width: 100%;
    margin: 0;
    transform: none;
}

.collabactor-featured__track .slick-track {
    display: flex !important;
    align-items: stretch;
}

.collabactor-featured__track .slick-track::before,
.collabactor-featured__track .slick-track::after {
    display: none !important;
}

.collabactor-featured .collabactor-featured-card {
    display: flex !important;
    flex-direction: column;
    flex: 0 0 clamp(280px, 20.2vw, 388px);
    width: clamp(280px, 20.2vw, 388px);
    max-width: none;
    height: auto !important;
    padding: 0;
}

.collabactor-featured a.collabactor-featured-card {
    color: inherit;
    text-decoration: none;
}

.collabactor-featured a.collabactor-featured-card:focus-visible {
    outline: 3px solid #394F69;
    outline-offset: 5px;
}

.collabactor-featured__track.slick-initialized .collabactor-featured-card {
    flex: 0 0 auto;
    margin: 0 14px;
    height: auto !important;
}

.collabactor-featured-card .play-card-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 0;
    overflow: visible;
    box-shadow: none;
    --shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 366.58 594.9' preserveAspectRatio='none'%3E%3Cpath d='M18.08,9.13C1.48,13.84-.55,32.61.11,47.26c1,11.25-1.33,38.55,1.27,49,.82,25.6,1.29,109.55,2.73,126.08,2.08,27,3.21,55.63-.42,82.55-2.8,43.65,3.42,87.35-2.13,130.74-1.7,29.86-.19,61,.34,90.83,1,17.72-5.38,42.4,7.68,56.74,27.66,21.49,231.56,6.38,244.86,8.28,14.13,2.43,31.72,1.64,45.95.53,83.93,2,55.87-37.78,62.23-97.21-1.28-44.05,4.77-92.32,1.19-136.07-2.36-25.73-8.7-183.79-1.26-236.41C368,86.27,370.07,47,354.37,13.18c-3.92-4.82-10.66-6-16.45-7.1-12.25-3.87-27.28-1.88-39.81-3.95-33.24-1-67.68-4-100.87-.38-27.43.29-56.61.08-83.79,3.65C82.26,4.73,48.46-1.76,18.08,9.13Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--shape) 0 0/100% 100% no-repeat;
    mask: var(--shape) 0 0/100% 100% no-repeat;
}

.collabactor-featured-card__logo {
    display: flex;
    height: 186px;
    flex: 0 0 186px;
    align-items: center;
    justify-content: center;
    padding: 25px 48px;
}

.collabactor-featured-card__logo img {
    width: auto;
    max-width: 100%;
    max-height: 92px;
    object-fit: contain;
}

.collabactor-featured-card__cover {
    display: flex;
    height: 183px;
    flex: 0 0 183px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #394F69;
}

.collabactor-featured-card__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collabactor-featured-card__cover span {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 8px;
}

.collabactor-featured-card .play-info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 38px 28px 20px;
    text-align: center;
}

.collabactor-featured-card .play-info h2 {
    margin: 0 0 6px;
    color: #394F69;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.collabactor-featured-card .play-info p {
    font-size: 16px;
    line-height: 1.6;
}

.collabactor-featured-card .play-info .collabactor-featured-card__type {
    margin: 4px 0 0;
    color: #394F69;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

.collabactor-featured-card .play-info .tags {
    margin-top: auto;
    padding-top: 14px;
}

.collabactor-featured__cta {
    margin-top: 53px;
    text-align: center;
}

.collabactor-featured__more {
    display: inline-block;
    color: #394F69;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
}

.collabactor-featured__more:hover,
.collabactor-featured__more:focus-visible {
    text-decoration: underline;
    color: #394F69;
}

.collabactor-showcase {
    padding: 55px 0 0;
}

.collabactor-section-heading {
    text-align: center;
}

.collabactor-section-heading h2 {
    line-height: 1.25;
}

.collabactor-section-heading p {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.4;
}

.collabactor-showcase__grid {
    display: grid;
    max-width: 1200px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 50px 52px;
    margin: 57px auto 0;
}

.collabactor-showcase__grid .logo-box {
    height: 180px;
    padding: 32px 28px;
}

.collabactor-showcase__grid .logo-box,
.collabactor-directory__grid .logo-box {
    position: relative;
    isolation: isolate;
    background: transparent;
    /* purana background/border/radius hata do */
    border: 0;
    border-radius: 0;
}

.collabactor-showcase__grid a.logo-box,
.collabactor-directory__grid a.logo-box {
    text-decoration: none;
    transition: transform 0.28s cubic-bezier(0.2, 0, 0.2, 1);
}

.collabactor-showcase__grid a.logo-box:hover,
.collabactor-showcase__grid a.logo-box:focus-visible,
.collabactor-directory__grid a.logo-box:hover,
.collabactor-directory__grid a.logo-box:focus-visible {
    transform: translateY(-4px) scale(1.02);
}

.collabactor-featured-card__logo>span,
.collabactor-showcase__grid .logo-box>span,
.collabactor-directory__grid .logo-box>span {
    color: #394F69;
    font-weight: 600;
    text-align: center;
    overflow-wrap: anywhere;
}

.collabactor-showcase__grid .logo-box::before,
.collabactor-directory__grid .logo-box::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: #ebedf0;
    --shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 261.15 180.83' preserveAspectRatio='none'%3E%3Cpath d='M257.08,8.87l-.22-.64a10.6,10.6,0,0,0-1.31-2.84l-.83-1.17A6.34,6.34,0,0,0,253.1,2.8L251,1.4a6.24,6.24,0,0,0-1.84-.82l-1.84-.4-.85,0-4.56,0L240.29,0H225l-1.74,0-1,.09-1,.14-.73.1-1,.14-.87.12-1,.14-1,.11-2,.12-3.54.08-1.14.07-1.28.1-1.27.14-.87.11-1,.13-1.13.14-1,.12-.87.12-.85.12-.71.12-.71.13-.71.13-.71.12-.71.13-.71.13-.7.13-.58.11-.71.13-.7.14-.58.11-.57.12-.7.13-.71.14-.58.1-.71.13-.71.13-.71.12-.71.13-.7.13-.71.12-.72.12L186,5l-.84.15-.72.12-.82.12-.88.12-1,.14-.86.11-1.27.14L178.54,6,177,6.14l-1.7.12-3.4.09L170,6.43l-1.56.08-1.41.1-.87.06-1,.08-1.27.1-.72.06-1.27.1-2.85.14-1.56.07-.85.08-1,.09-1.27.13-.85.08-1,.08-1.43.08-1.85.08L148,7.91h-9.22l-2-.14-1.29-.11-1.13-.11L129.83,7l-1.13-.12-1.85-.13-1.42-.1L124,6.5l-1.42-.11-1.28-.12L120,6.15,118.47,6l-1.42-.13-1.7-.12-1.85-.12-1.42-.08-1.56-.11L109,5.33l-1.41-.13-1.14-.13-.87-.1-1.26-.14-1.42-.13-1.28-.12-1.42-.12-1.56-.14L97.31,4.2l-1.13-.12L95,4l-1.13-.14-2.56-.38-.72-.09-1.41-.13L87.8,3.08,86.5,3,85,2.79,83.7,2.62l-3.29-.46L79,2l-1.43-.12-1-.12-1-.14-.72-.11L74,1.39l-.72-.11-4-.56L66.93.63,62.81.6l-2-.06L58.55.43l-1-.09L55.14.18H47L45.63.31l-.58.06L43.91.52l-1,.12-5,0L37,.78,35.81.9H29.29L28,.77h-8.8L18.5.68a22.89,22.89,0,0,0-4,0L13,.81l-.55.1-2.28.53-.69.13-.75.11a5.39,5.39,0,0,0-2,1l-.93.6A6.5,6.5,0,0,0,4.31,4.67l-.54.67C2.08,7.43,1.85,8.85,1.1,11.13L.34,13.46.22,14l-.13.65a7.12,7.12,0,0,0-.09,1v8.89a15.66,15.66,0,0,0,.11,2L.26,27.6l.19,1.88.23,1.8.49,2.45.11.52.13.53.16.6.15.5.14.5.14.5.14.51.13.49.14.63.16.74.13.64.13.63.14.63.16.75.14.62.14.63.15.62.13.51.15.62.15.62.47,1.88.17.71.13.53.15.63.13.5.16.62.1.38.19,1,.74,4.32a34.75,34.75,0,0,1,.23,4.34l.07,1.64c.16,3.36.14,6.65,0,10L6.4,73.2l-.13.88a1.55,1.55,0,0,0,.13.63l.22.34-.75.07a1.36,1.36,0,0,0-.69.58L5,76.1l-.18.46-.17.66c-.07.25.76,8.39.76,8.39l0,1.5-.14,2-.14,1.75L5,92.63l-.13,1.62-.12,1.63-.07,1-.1,1.49-.1,1.75-.1,1.76-.1,1.37-.13,1.52L4,105.9l-.15,1-.14,1-.14.88-.15.86-.14.76-.14.76-.13.75-.16.86-.14.76-.14.76-.14.75-.13.75-.14.76-.16.86-.14.77-.14.74-.14.75-.14.76-.14.75-.15.88L1,123l-.15,1-.12.87-.08.64-.09.74-.14,1-.14,1-.1.87-.1,1.26L0,132.6v8.88l.1,2.26.18,3,.12,1.38.08,4.38.13,2.64.15,2,.13,1.38.15,1.5.14,1.38.15,1.25.14,1.13.15,1.14.13.72.15.76.14.63.12.52.26,1,.66,1.93.9,2A5,5,0,0,0,5.32,174l1.58,1.38,1.21,1.05a12.39,12.39,0,0,0,5.54,2l2.59.05.84.1h9.37l1.13-.08,1.27-.1.75,0,1-.12H37.4l1.11.15,1.15.12,1.14.12,1.42.13,1,.09H62.79l1.72.09.85.07,1.42.11,1.85.14,1.56.12,1.42.12,1.56.13,1.42.13,1.56.12,2,.12,1.28.1h9.64l.58-.09,1.12-.09.72-.05,1.7-.11,5.24-.1,2.44-.07,1.12-.08,1.15-.08.56-.06.87-.12.85-.11,1-.14.87-.12.85-.12,1-.13,1-.13,1-.13.87-.12.86-.12,1-.14.73-.1,1-.14.86-.13.84-.13.73-.11.85-.13.84-.13.73-.11.85-.13.84-.13.73-.12.84-.13.72-.12,1-.15.6-.1.84-.13.72-.12,1-.14.85-.12,1-.12,1.15-.13,1.26-.12,2.29-.13,2.12-.08,1.56-.07,3.41-.1,2.84-.08,1.85-.08,2.27-.09,3.7-.12h10.35l3.13.13,2.42.09,3.4.08,2.85.08,2,.13,1.42.12,1.14.12,1.12.13,1,.13.86.12,1,.13.72.11,1,.15.72.1.85.13.86.12,1.12.15.87.11,1.27.13,1.43.12,1.56.13,1.29.1.71.08.79.1.75.1.74.11.27,0,.26,0,.73.12.72.12.84.14.48.08.64.11.72.1,1,.13,1.14.13,1,.13.72.08.72.1,1.13.14.72.11.72.12.71.12.84.14.71.12.85.14.7.1.85.08,1.28.12,1.43.13,1.12.12,1,.14.72.1,1.29.15,1.11.08h2.74l.84.12h6.34l.73-.12.74-.09.75-.1.78-.1.58-.07.29,0,.37-.05.48,0,.62-.07.67-.08.32,0,.24,0,.61-.11,1.61-.34,4.14-1.12,1.18-.32.24-.05.19,0,.26-.05.34-.07.23,0,.27-.05.23,0,.28-.05.3,0,1.48-.45,2.31-1,1.36-.69,1.38-.8a2.79,2.79,0,0,0,.81-.87l.62-1.11.61-1.23.09-.23.08-.24.12-.38.19-.87.14-.63.11-.5.18-1.13.07-.39.11-.53.16-.73.06-.24.11-.5.12-.52,0-.23.1-.63.06-.4,0-.23,0-.23.07-.52.16-1.11.12-1.39.05-.56.12-7.16.14-1.54.11-1,.05-.54.11-1.35.08-.74,0-3.37.09-.55,0-2.22.08-.76.07-5,.05-.68.11-1.43.07-.41.06-1.33.1-.41,0-4.51.1-.64.06-3.84.08-.42v-6.38l-.07-.62-.1-2.13-.08-.64v-8.88l-.1-.52-.08-1.12-.06-.49-.11-1-.06-.55,0-1.38-.11-.52v-11l-.14-.52v-6l-.06-.62-.07-.51,0-2.36-.12-.64V71.45l-.07-1.3-.06-.46,0-3-.09-.63-.08-2.12-.07-.63-.1-1.08-.08-.68-.07-.63-.12-1-.07-.64-.1-.87-.14-1.4-.1-1.11-.05-.52-.06-1.11,0-1.62.1-.52.08-1.29.08-.36,0-1.46.08-.53.09-1.08.07-.4.08-1.38.07-.62.08-.76.08-.63V41.79a2.32,2.32,0,0,1,.12-.42l0-5.13.12-.53,0-2.85V22.23l-.08-.19,0-.21,0-.65-.06-.22,0-.23-.09-.89-.09-.76-.08-.64-.11-.87L259,17l-.13-.64,0-.23Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--shape) 0 0/100% 100% no-repeat;
    mask: var(--shape) 0 0/100% 100% no-repeat;
}

.collabactor-showcase__grid .logo-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.28s ease;
}

.collabactor-showcase__grid a.logo-box:hover img,
.collabactor-showcase__grid a.logo-box:focus-visible img {
    transform: scale(1.05);
}

.collabactor-directory {
    padding: 92px 0 260px;
}

.collabactor-directory__grid {
    display: grid;
    max-width: 1200px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 30px 28px;
    margin: 52px auto 0;
}

.collabactor-directory__grid .logo-box {
    height: 120px;
    padding: 20px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.collabactor-directory__grid .logo-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 991px) {

    .collabactor-network-intro h1,
    .collabactor-section-heading h2 {
        font-size: 38px;
    }

    .collabactor-showcase__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px;
    }

    .collabactor-showcase__grid .logo-box {
        height: 150px;
        padding: 26px 20px;
    }

    .collabactor-directory {
        padding: 72px 0 150px;
    }

    .collabactor-directory__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .collabactor-network-intro {
        padding-top: 48px;
    }

    .collabactor-network-intro h1,
    .collabactor-section-heading h2 {
        font-size: 32px;
        line-height: 1.2;
    }

    .collabactor-network-intro .container>p,
    .collabactor-section-heading p {
        font-size: 15px;
        line-height: 1.5;
    }

    .collabactor-featured {
        padding: 38px 0 55px;
    }

    .collabactor-featured__track {
        gap: 18px;
    }

    .collabactor-featured .collabactor-featured-card {
        flex-basis: min(82vw, 360px);
        width: min(82vw, 360px);
    }

    .collabactor-featured-card .play-card-body {
        min-height: 0;
    }

    .collabactor-featured-card__logo {
        height: 150px;
        flex: 0 0 150px;
    }

    .collabactor-featured-card__cover {
        height: 160px;
        flex: 0 0 160px;
    }

    .collabactor-featured-card .play-info {
        padding: 28px 20px 24px;
    }

    .collabactor-featured__cta {
        margin-top: 34px;
    }

    .collabactor-featured__more {
        font-size: 17px;
    }

    .collabactor-showcase {
        padding-top: 38px;
    }

    .collabactor-showcase__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        margin-top: 28px;
    }

    .collabactor-showcase__grid .logo-box {
        height: 120px;
        padding: 20px 14px;
    }

    .collabactor-directory {
        padding: 64px 0 100px;
    }

    .collabactor-directory__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
        margin-top: 28px;
    }

    .collabactor-directory__grid .logo-box {
        height: 92px;
        padding: 14px 10px;
    }
}

@media (max-width: 420px) {
    .collabactor-directory__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Category resource listing page */
.category-list-page {
    color: #394F69;
}

.category-list-hero,
.about-us-hero {
    position: relative;
    display: block;
    width: 100%;
    height: 480px;
    margin-top: -30px;
    overflow: hidden;
    background: #101820;
}

.category-hero-slider,
.about-hero-slider {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 1;
}

.category-hero-slider .slick-list,
.category-hero-slider .slick-track,
.about-hero-slider .slick-list,
.about-hero-slider .slick-track {
    width: 100%;
    height: 100%;
}

.category-hero-slide,
.about-hero-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    outline: none;
}

.category-hero-slide a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none !important;
    outline: none;
}

.category-hero-slide a::after,
.about-hero-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(16, 24, 32, 0.05) 0%, rgba(16, 24, 32, 0.22) 100%);
    pointer-events: none;
    transition: background 0.3s ease;
}

.category-hero-slide a:hover::after {
    background: linear-gradient(180deg, rgba(16, 24, 32, 0.02) 0%, rgba(16, 24, 32, 0.15) 100%);
}

.category-hero-slide img,
.about-hero-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 6s ease;
}

.category-hero-slide.slick-active img,
.about-hero-slide.slick-active img {
    transform: scale(1.03);
}

.category-list-hero .masterclass-hero__label,
.category-list-hero .raisingideas-hero__logo {
    position: absolute;
    z-index: 4;
    pointer-events: none;
}

.category-list-hero::after,
.about-us-hero::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 30' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 9 C75 9 120 17 200 11 S315 8 390 13 S500 10 580 11 S720 16 820 15 S930 15 1020 15 S1160 19 1270 12 S1430 5 1540 8 S1690 18 1790 12 S1870 9 1920 11 V30 H0Z'/%3E%3C/svg%3E") no-repeat center bottom / 100% 100%;
    content: "";
    pointer-events: none;
    z-index: 3;
}

@media (max-width: 991px) {

    .category-list-hero,
    .about-us-hero {
        height: 380px;
    }
}

@media (max-width: 767px) {

    .category-list-hero,
    .about-us-hero {
        height: 280px;
    }
}

.category-list-hero p {
    margin: -20px 24px 0;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 8px;
    line-height: 1.7;
    text-align: center;
}

.category-list-container {
    max-width: 1200px;
    width: calc(100% - 48px);
    margin: 0 auto;
}

.category-list-heading {
    margin: 42px 0 36px;
    text-align: center;
}

.category-list-heading h1 {
    margin: 0 0 8px;
    color: #394F69;
    font-family: "hobeaux", sans-serif;
    font-size: 45px;
    font-weight: 500;
    line-height: 1.25;
}

.category-list-heading p {
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
}

.category-list-filters {
    position: relative;
    isolation: isolate;
    display: grid;
    min-height: 132px;
    align-content: center;
    gap: 12px;
    margin-bottom: 32px;
    padding: 18px 30px;
    border-radius: 0;
    /* purana 30px radius hata diya */
    background: transparent;
    /* background ab ::before se aayega */
}

.category-list-filters::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: #EBEDF0;
    --shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200.74 129.8' preserveAspectRatio='none'%3E%3Cpath d='M1200.74,82.06A389.87,389.87,0,0,0,1195.07,16c-.79-4.63-2.6-9.82-14.74-12.75-8.62-2.08-20.44-2.48-31.55-2.72-94.46-2-191.91,2.47-287.07,2.67C750.87,3.4,640.11.65,529.64.76,413.34.88,297,3.42,180.72,1.54,132.32.76,83-.63,36,2.88c-8.91.67-18.08,1.58-24.38,3.56C2.5,9.3,1.61,13.61,1.28,17.53A378.06,378.06,0,0,0,5.6,113.4c.75,4.31,2.07,9,11.91,12.19,11.32,3.67,30,4.16,46.85,4.2,63.71.18,127.11-2.45,190.77-3.28,53.35-.69,106.79-.11,160.16.47,106.49,1.16,214.35,3.47,320.78,2.18,70.56-.86,140.9-3.63,211.61-3.18,71.09.46,140.15,6.47,211.11,1.41,11.64-.83,23.72-2.07,31.23-4.82,8.56-3.12,9.31-7.46,9.61-11.48Q1200.72,96.57,1200.74,82.06Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--shape) 0 0/100% 100% no-repeat;
    mask: var(--shape) 0 0/100% 100% no-repeat;
}

.category-list-filter-row {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
}

.category-list-filter-label {
    flex: 0 0 220px;
    color: #394F69;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
}

.category-list-wonders {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.category-list-page .wonder-tag {
    position: relative;
    z-index: 0;
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    color: var(--wonder);
    font-family: "hobeaux", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    border: 0;
    white-space: nowrap;
    transition: color .18s ease, background-color .18s ease;
}



.category-list-page .wonder-tag svg,
.category-list-page .wonder-tag img {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    object-fit: contain;
}

.category-list-page .wonder-tag svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.category-list-page .wonder-tag[data-wonder="play"] svg {
    fill: currentColor;
    stroke: none;
}

.category-list-page .wonder-tag.is-active,
.category-list-page .wonder-tag.is-preview,
.category-list-page .wonder-tag:hover,
.category-list-page .wonder-tag:focus-visible {
    color: #FFFFFF;
    transform: none;
}

.category-list-page .wonder-tag.is-active img,
.category-list-page .wonder-tag.is-preview img,
.category-list-page .wonder-tag:hover img,
.category-list-page .wonder-tag:focus-visible img {
    filter: brightness(0) invert(1);
}

.category-list-page .wonder-tag:focus-visible,
.category-list-search:focus-visible {
    outline: 2px solid #394F69;
    outline-offset: 2px;
}

.category-list-filter-row--collabactor {
    justify-content: center;
}

.category-list-filter-row--collabactor .category-list-filter-label {
    flex: 0 0 auto;
}

.category-list-search {
    width: 360px;
    height: 34px;
    padding: 4px 14px;
    border: 1px solid #435875;
    border-radius: 18px;
    background: transparent;
    color: #394F69;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    line-height: 1.4;
}

.category-list-search::placeholder {
    color: #394F69;
    opacity: 1;
}

.category-list-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    column-gap: 50px;
    row-gap: 40px;
    padding-bottom: 245px;
}

.category-list-card {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.category-list-card[hidden] {
    display: none;
}

.category-list-card .play-card-body {
    height: 100%;
    background: transparent;
    box-shadow: none;
}

.category-list-card .category-list-card__image {
    aspect-ratio: 2 / 1;
    /* shape ka ratio, taaki stretch na ho */
    overflow: visible;
    /* overflow:hidden/border-radius hata do, mask hi clip karega */
    border-radius: 0;
    --shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 366.67 183.33' preserveAspectRatio='none'%3E%3Cpath d='M361,9l-.31-.65a9.73,9.73,0,0,0-1.85-2.88l-1.16-1.18a8.31,8.31,0,0,0-2.28-1.44l-3-1.43a10.76,10.76,0,0,0-2.59-.82L347.19.18l-1.2,0-6.4,0L337.39,0h-21.5l-2.43,0L312.1.13l-1.41.14-1,.11L308.3.51l-1.22.13L305.7.78l-1.37.11L301.51,1l-5,.08-1.6.08-1.8.1-1.78.14-1.22.11-1.38.13-1.59.14-1.4.13L284.55,2l-1.19.13-1,.13-1,.12-1,.13-1,.13-1,.13-1,.13-1,.13-.81.11-1,.13-1,.14-.81.12-.8.12-1,.13L270,4l-.81.11-1,.13-1,.13-1,.12-1,.13-1,.13-1,.13-1,.12-1,.12L260,5.22l-1,.12-1.17.13-1.22.12-1.38.14-1.21.11L252.27,6l-1.59.12-2.2.13-2.39.11-4.78.1-2.6.08-2.19.08-2,.1-1.22.07-1.4.08-1.77.1-1,.06-1.78.1-4,.14-2.19.07L220,7.4l-1.4.1-1.8.12-1.18.08-1.4.08-2,.09L209.6,8,207.8,8h-13l-2.78-.14-1.81-.11-1.59-.12L182.29,7l-1.59-.11-2.6-.13-2-.11-2-.1-2-.11-1.8-.12-1.8-.12-2.19-.14-2-.12L162,5.85l-2.59-.12-2-.09-2.19-.11L153,5.41l-2-.14-1.59-.13L148.17,5l-1.76-.14-2-.13-1.8-.12-2-.13-2.19-.14-1.8-.12L135,4.13,133.44,4l-1.58-.14-3.61-.39-1-.1-2-.13-2-.13L121.46,3l-2.17-.17-1.77-.17-4.62-.47-2-.15-2-.13-1.38-.11-1.38-.15-1-.11L104,1.41l-1-.11L97.28.73,94,.64l-5.78,0L85.39.55,82.21.44,80.78.34,77.42.19H66.05l-2,.11-.82.07-1.6.14L60.22.64,53.27.7,51.91.79,50.28.92,41.13.9,39.33.78H27L26,.69A43.14,43.14,0,0,0,20.4.7L18.19.82l-.77.1-3.2.54-1,.13-1,.12a8.85,8.85,0,0,0-2.88,1L8,3.36a8.09,8.09,0,0,0-2,1.38l-.75.67C2.92,7.53,2.6,9,1.55,11.28L.48,13.64l-.18.5-.18.67a4.89,4.89,0,0,0-.11,1v9a11.88,11.88,0,0,0,.15,2L.36,28l.27,1.9L1,31.71l.68,2.49.16.52.18.54.23.61.2.51.2.5.2.51.2.52.18.5.19.63.22.76.19.64.19.64.19.64.22.76.2.63.2.63.21.64.18.51.21.63.21.63.66,1.9.24.72.19.54L6.9,50l.18.5.23.63.13.39.28,1,1,4.38a25.77,25.77,0,0,1,.32,4.4l.1,1.66a85.93,85.93,0,0,1,0,10.15L9,74.22l-.18.88a1.14,1.14,0,0,0,.19.65l.31.34-1.06.08a1.75,1.75,0,0,0-1,.58l-.23.4-.26.47-.24.67c-.09.25,1.07,8.51,1.07,8.51l0,1.52-.21,2-.19,1.78L7,93.91l-.19,1.65-.17,1.65-.09,1-.14,1.51-.15,1.78-.14,1.78L6,104.7l-.18,1.54-.19,1.13-.2,1-.21,1-.19.88-.21.88-.2.77-.19.77-.19.76-.22.88-.19.76-.2.78-.2.76-.19.75-.2.77-.22.88-.19.77-.2.75-.2.77-.19.77-.19.76-.21.89-.2.89-.2,1-.17.88-.11.65L.8,128l-.2,1-.19,1-.14.88-.14,1.28L0,134.44v9l.14,2.29.26,3.06.16,1.39.12,4.45.18,2.66.22,2,.18,1.39.21,1.53.19,1.4.21,1.26.2,1.15.2,1.15.18.74.22.77.19.63.17.53.37,1,.92,2,1.27,2a6,6,0,0,0,1.84,1.61l2.22,1.4,1.7,1.07a22.31,22.31,0,0,0,7.77,2l3.65,0,1.17.1H37.14l1.59-.09,1.78-.1,1.06-.05,1.36-.12h9.58l1.56.15,1.62.13,1.59.11,2,.14,1.42.09H88.16l2.42.1,1.19.07,2,.11,2.59.14,2.19.13,2,.12,2.19.13,2,.13,2.19.12,2.8.12,1.8.1h13.54l.81-.09,1.57-.09,1,0,2.39-.11,7.35-.1,3.42-.08,1.59-.07,1.61-.09.78-.06,1.22-.11,1.2-.12,1.37-.14,1.22-.12,1.2-.12,1.37-.14,1.39-.13,1.39-.13,1.22-.12,1.21-.12,1.36-.14,1-.11,1.37-.14,1.21-.13,1.18-.13,1-.11,1.2-.14,1.17-.13,1-.11,1.19-.13,1.19-.14,1-.11,1.18-.14,1-.11,1.35-.16.84-.1,1.19-.14,1-.11,1.37-.15,1.19-.12,1.39-.12,1.61-.13,1.78-.12,3.2-.13,3-.09,2.19-.06,4.79-.11,4-.08,2.6-.08,3.19-.09,5.19-.13h14.53l4.4.13,3.39.09,4.78.08,4,.08,2.78.13,2,.13,1.6.12,1.57.13,1.4.13,1.22.12,1.38.14,1,.1,1.38.15,1,.11,1.2.13,1.21.12,1.57.15L266,179l1.79.14,2,.12,2.19.13,1.8.1,1,.08,1.12.1,1,.1,1,.11.37.05.37,0,1,.12,1,.12,1.18.15.67.08.91.1,1,.11,1.4.13,1.59.14,1.38.12,1,.09,1,.09,1.59.15,1,.11,1,.12,1,.12,1.19.15,1,.12,1.19.14,1,.1,1.19.08,1.79.13,2,.12,1.58.13,1.39.14,1,.1,1.81.15,1.56.09h3.84l1.19.12h8.91l1-.11,1-.1,1.06-.1,1.09-.1.82-.07.4,0,.53,0,.67,0,.87-.08.94-.07.45-.05.34,0,.85-.1,2.26-.36,5.82-1.12,1.66-.33.33-.06.27-.05.36,0,.48-.06.32,0,.38-.05.32,0,.4,0,.41-.06,2.08-.45,3.25-1,1.91-.7,1.93-.8a3.67,3.67,0,0,0,1.15-.89l.87-1.13.85-1.25.13-.23.11-.24.16-.39.27-.88.2-.64.16-.51.25-1.13.1-.4.15-.55.23-.73.07-.24.17-.51.16-.53.06-.23.14-.64.09-.41.05-.23,0-.23.1-.53.22-1.13.18-1.41.06-.56.17-7.26.2-1.56.15-1,.08-.54.15-1.37.12-.75,0-3.42.13-.55.07-2.26.12-.77.09-5.07.07-.68.16-1.46.1-.41.08-1.35.14-.42,0-4.57.13-.65.09-3.89.12-.43v-6.46l-.1-.64-.14-2.16-.11-.64v-9l-.14-.53-.12-1.13L366,102l-.15-1-.08-.55-.05-1.4-.16-.53V87.44l-.2-.53V80.83l-.09-.64-.09-.51-.06-2.4-.16-.65V72.44l-.1-1.32-.08-.46,0-3-.12-.63-.12-2.16-.09-.63-.15-1.1-.11-.68-.1-.65-.16-1-.11-.64-.14-.89-.19-1.42-.14-1.12-.07-.53L363.1,55l0-1.64.14-.53.11-1.31.12-.36,0-1.48.12-.54.12-1.09.1-.41.11-1.39.1-.64.11-.76.11-.65,0-1.86a2,2,0,0,1,.16-.43l0-5.2.16-.53,0-2.9,0-10.77-.11-.19-.06-.22,0-.65-.08-.23-.05-.23-.13-.9-.13-.78-.11-.65-.16-.87-.16-.62-.19-.65-.05-.24Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--shape) 0 0/100% 100% no-repeat;
    mask: var(--shape) 0 0/100% 100% no-repeat;
}


.category-list-card .category-list-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category-list-card .category-list-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.category-list-card .category-list-card__image>span {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 8px;
    transform: translate(-50%, -50%);
}

.category-list-page .category-list-card .play-card-body .play-info {
    padding: 22px 0 0;
    text-align: center;
}

.category-list-page .category-list-card .play-card-body .play-info h2 {
    margin: 0 0 2px;
    color: #394F69;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
}

.category-list-page .category-list-card .play-card-body .play-info h2 a {
    color: inherit;
    text-decoration: none;
}

.category-list-page .category-list-card .play-card-body .play-info h2 a:hover,
.category-list-page .category-list-card .play-card-body .play-info h2 a:focus-visible {
    text-decoration: underline;
}

.category-list-page .category-list-card .play-card-body .play-info p {
    margin: 0;
    color: #394F69;
    font-size: 16px;
    line-height: 1.4;
}

.category-list-page .category-list-card .play-card-body .play-info .tags {
    min-height: 25px;
    margin-top: 12px;
    gap: 6px;
}

.category-list-page .category-list-card .play-card-body .play-info .tags span {
    padding: 4px 8px;
    font-size: 15px;
}

.category-list-empty {
    margin: -220px 0 245px;
    color: #394F69;
    font-size: 18px;
    text-align: center;
}

@media (max-width: 1199px) {
    .category-list-filters {
        padding-right: 22px;
        padding-left: 22px;
    }

    .category-list-filter-label {
        flex-basis: 185px;
    }

    .category-list-wonders {
        justify-content: center;
        flex-wrap: wrap;
    }

    .category-list-page .wonder-tag {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .category-list-hero {
        height: 360px;
    }

    .category-list-hero p {
        font-size: 12px;
        letter-spacing: 5px;
    }

    .category-list-heading {
        margin: 34px 0 24px;
    }

    .category-list-heading h1 {
        font-size: 36px;
    }

    .category-list-heading p {
        font-size: 15px;
    }

    .category-list-heading p br {
        display: none;
    }

    .category-list-filters {
        gap: 14px;
        margin-bottom: 28px;
        padding: 18px;
        border-radius: 20px;
    }

    .category-list-filter-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .category-list-filter-label {
        flex-basis: auto;
        font-size: 14px;
    }

    .category-list-wonders {
        justify-content: flex-start;
        gap: 6px;
    }

    .category-list-page .wonder-tag {
        min-height: 30px;
        padding: 3px 7px;
        font-size: 15px;
    }

    .category-list-filter-row--collabactor {
        align-items: stretch;
    }

    .category-list-search {
        width: 100%;
    }

    .category-list-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px 18px;
        padding-bottom: 150px;
    }

    .category-list-page .category-list-card .play-card-body .play-info {
        padding-top: 16px;
    }

    .category-list-page .category-list-card .play-card-body .play-info h2 {
        font-size: 16px;
    }

    .category-list-page .category-list-card .play-card-body .play-info p {
        font-size: 13px;
    }

    .category-list-page .category-list-card .play-card-body .play-info .tags {
        flex-wrap: wrap;
    }

    .category-list-page .category-list-card .play-card-body .play-info .tags span {
        font-size: 13px;
    }

    .category-list-empty {
        margin: -130px 0 150px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .category-list-hero {
        height: 300px;
    }

    .category-list-container {
        width: calc(100% - 32px);
    }

    .category-list-heading h1 {
        font-size: 32px;
    }

    .category-list-grid {
        grid-template-columns: 1fr;
        row-gap: 30px;
        max-width: 367px;
        margin: 0 auto;
    }
}

/* Media page */
.media-content {
    padding-bottom: 556px;
}

.media-heading {
    margin: 42px 0 0;
    text-align: center;
}

.media-heading h1 {
    margin: 0 0 10px;
    color: #394F69;
    font-family: "hobeaux", sans-serif;
    font-size: 45px;
    font-weight: 500;
    line-height: 1.25;
}

.media-heading p {
    margin: 0;
    color: #394F69;
    font-size: 18px;
    line-height: 1.4;
}

.media-grid {
    max-width: 1200px;
    margin: 49px auto 0;
    column-gap: 50px;
    row-gap: 40px;
}

.media-card .resource-image {
    height: auto;
    aspect-ratio: 2 / 1;
    flex-shrink: 0;
    margin-bottom: 26px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background-color: #f3f4f6;
}

.media-card .resource-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-card .resource-image>span:not(.play-button) {
    font-size: 16px;
}

.media-card h2 {
    margin: 0 0 2px;
    color: #394F69;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.media-card>p.media-card__date {
    margin: 0;
    color: #394F69;
    font-size: 16px;
    line-height: 1.4;
}

.media-load-more {
    display: block;
    margin: 99px auto 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #394F69;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
}

.media-load-more:hover,
.media-load-more:focus-visible {
    text-decoration: underline;
}

.media-load-more:focus-visible {
    outline: 2px solid #394F69;
    outline-offset: 4px;
}

.media-load-more[hidden],
.media-card[hidden] {
    display: none;
}

@media (max-width: 991px) {
    .media-grid {
        column-gap: 28px;
        row-gap: 32px;
    }

    .media-card h2 {
        font-size: 18px;
    }

    .media-card>p.media-card__date {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .media-content {
        padding-bottom: 260px;
    }

    .media-heading {
        margin-top: 34px;
    }

    .media-heading h1 {
        font-size: 36px;
    }

    .media-heading p {
        font-size: 15px;
    }

    .media-heading p br {
        display: none;
    }

    .media-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px 18px;
        margin-top: 30px;
    }

    .media-card .resource-image {
        margin-bottom: 16px;
    }

    .media-card .resource-image>span:not(.play-button) {
        font-size: 12px;
        letter-spacing: 5px;
    }

    .media-card h2 {
        font-size: 16px;
        line-height: 1.35;
    }

    .media-card>p.media-card__date {
        font-size: 13px;
    }

    .media-load-more {
        margin-top: 48px;
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .media-heading h1 {
        font-size: 30px;
    }

    .media-grid {
        grid-template-columns: 1fr;
        row-gap: 30px;
        max-width: 367px;
    }
}

/* NDTV page */
.ndtv-page {
    color: #394F69;
}

.ndtv-hero {
    --ndtv-hero-height: 440px;
    position: relative;
    display: flex;
    width: 100%;
    height: var(--ndtv-hero-height);
    align-items: center;
    justify-content: center;
    margin-top: -30px;
    overflow: hidden;
    background: #101820;
}

.ndtv-hero__video-wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
}

.ndtv-hero__video {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    min-width: calc(var(--ndtv-hero-height) * 16 / 9);
    min-height: 100%;
    transform: translateX(-50%);
    border: 0;
    pointer-events: none;
}

.ndtv-hero__overlay {
    position: absolute;
    inset: 0;
    background: rgba(16, 24, 32, 0.45);
    z-index: 1;
    pointer-events: none;
}

.ndtv-hero::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 30' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 9 C75 9 120 17 200 11 S315 8 390 13 S500 10 580 11 S720 16 820 15 S930 15 1020 15 S1160 19 1270 12 S1430 5 1540 8 S1690 18 1790 12 S1870 9 1920 11 V30 H0Z'/%3E%3C/svg%3E") no-repeat center bottom / 100% 100%;
    content: "";
    pointer-events: none;
    z-index: 3;
}

.ndtv-hero__label {
    position: relative;
    z-index: 2;
    margin: -20px 24px 0;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 8px;
    line-height: 1.7;
    text-align: center;
}

.ndtv-hero__brand {
    position: absolute;
    bottom: 40px;
    left: 50%;
    display: flex;
    align-items: center;
    gap: 28px;
    transform: translateX(-50%);
    z-index: 2;
}

.ndtv-hero__bachpan-logo {
    width: 140px;
    height: auto;
    filter: brightness(0) invert(1);
}

.ndtv-hero__separator {
    color: #FFFFFF;
    font-size: 48.7px;
    font-weight: 300;
    line-height: 1;
}

.ndtv-hero__ndtv-logo {
    width: 140px;
    height: auto;
}

.ndtv-content {
    padding-bottom: 371px;
}

.ndtv-heading {
    margin: 42px 0 0;
    text-align: center;
}

.ndtv-heading h1 {
    margin: 0 0 10px;
    color: #394F69;
    font-family: "hobeaux", sans-serif;
    font-size: 45px;
    font-weight: 500;
    line-height: 1.25;
}

.ndtv-heading p {
    margin: 0;
    color: #394F69;
    font-size: 18px;
    line-height: 1.4;
}

.ndtv-grid {
    max-width: 1200px;
    margin: 44px auto 0;
    column-gap: 50px;
    row-gap: 43.5px;
}

.ndtv-card .resource-image {
    height: auto;
    aspect-ratio: 366.6 / 241;
    flex-shrink: 0;
    margin-bottom: 26px;
    position: relative;
    overflow: hidden;
}

.ndtv-card .resource-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.ndtv-card .resource-image .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 2;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));
}

.ndtv-card__play {
    position: relative;
    padding: 0;
    border: 0;
    cursor: pointer;
    transition: filter 180ms ease, transform 180ms ease;
}

.ndtv-card__play::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(16, 24, 32, 0.32);
    pointer-events: none;
    z-index: 1;
    transition: background-color 180ms ease;
}

.ndtv-card__play:hover::after {
    background: rgba(16, 24, 32, 0.2);
}

.ndtv-card__play:hover {
    filter: brightness(1.12);
    transform: translateY(-2px);
}

.ndtv-card__play:focus-visible {
    outline: 3px solid #F06A6C;
    outline-offset: 5px;
}

.ndtv-card .play-button {
    width: 94px;
    height: 94px;
    flex-shrink: 0;
}

.ndtv-card h2 {
    margin: 0 0 2px;
    color: #394F69;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.ndtv-card>p.ndtv-card__date {
    margin: 0;
    color: #394F69;
    font-size: 16px;
    line-height: 1.4;
}

.ndtv-load-more {
    display: block;
    margin: 72.5px auto 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #394F69;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
}

.ndtv-load-more:hover,
.ndtv-load-more:focus-visible {
    text-decoration: underline;
}

.ndtv-load-more:focus-visible {
    outline: 2px solid #394F69;
    outline-offset: 4px;
}

.ndtv-load-more[hidden],
.ndtv-card[hidden] {
    display: none;
}

.ndtv-video-modal {
    position: fixed;
    inset: 0;
    width: min(920px, calc(100% - 32px));
    max-width: none;
    max-height: calc(100% - 32px);
    margin: auto;
    padding: clamp(18px, 3vw, 32px);
    overflow: auto;
    border: 1px solid rgba(57, 79, 105, 0.12);
    border-radius: 20px;
    background: #FFFFFF;
    color: #394F69;
    box-shadow: 0 24px 80px rgba(20, 35, 53, 0.3);
}

.ndtv-video-modal:not([open]) {
    display: none;
}

.ndtv-video-modal::backdrop {
    background: rgba(25, 38, 53, 0.76);
    backdrop-filter: blur(5px);
}

.ndtv-video-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.ndtv-video-modal__header h2 {
    margin: 0;
    color: #394F69;
    font-family: "hobeaux", sans-serif;
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 500;
    line-height: 1.25;
}

.ndtv-video-modal__close {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    margin: -4px -4px 0 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #F3F5F7;
    color: #394F69;
    cursor: pointer;
    transition: background-color 160ms ease, color 160ms ease;
}

.ndtv-video-modal__close:hover {
    background: #F06A6C;
    color: #FFFFFF;
}

.ndtv-video-modal__close:focus-visible {
    outline: 2px solid #394F69;
    outline-offset: 3px;
}

.ndtv-video-modal__close svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2;
}

.ndtv-video-modal__frame {
    overflow: hidden;
    border-radius: 12px;
    background: #101820;
    aspect-ratio: 16 / 9;
}

.ndtv-video-modal__frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.ndtv-video-modal__note {
    margin: 14px 0 0;
    color: #718096;
    font-size: 13px;
    line-height: 1.4;
    text-align: right;
}

.ndtv-video-modal__ndtv-link {
    color: #394F69;
    text-decoration: underline;
    font-weight: 500;
    transition: color 0.2s ease;
}

.ndtv-video-modal__ndtv-link:hover {
    text-decoration: underline;
}

@media (max-width: 991px) {
    .ndtv-grid {
        column-gap: 28px;
        row-gap: 32px;
    }

    .ndtv-card h2 {
        font-size: 18px;
    }

    .ndtv-card>p.ndtv-card__date {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .ndtv-hero {
        --ndtv-hero-height: 320px;
    }

    .ndtv-hero__brand {
        bottom: 24px;
        gap: 18px;
    }

    .ndtv-hero__bachpan-logo,
    .ndtv-hero__ndtv-logo {
        width: min(30vw, 130px);
    }

    .ndtv-hero__separator {
        font-size: 34px;
    }

    .ndtv-content {
        padding-bottom: 220px;
    }

    .ndtv-heading {
        margin-top: 34px;
    }

    .ndtv-heading h1 {
        font-size: 36px;
    }

    .ndtv-heading p {
        font-size: 15px;
    }

    .ndtv-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px 18px;
        margin-top: 30px;
    }

    .ndtv-card .resource-image {
        margin-bottom: 16px;
    }

    .ndtv-card .play-button {
        width: 62px;
        height: 62px;
    }

    .ndtv-card h2 {
        font-size: 16px;
        line-height: 1.35;
    }

    .ndtv-card>p.ndtv-card__date {
        font-size: 13px;
    }

    .ndtv-load-more {
        margin-top: 42px;
        font-size: 18px;
    }

    .ndtv-video-modal {
        border-radius: 14px;
    }

    .ndtv-video-modal__header {
        margin-bottom: 14px;
    }

    .ndtv-video-modal__close {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }
}

@media (max-width: 480px) {
    .ndtv-hero {
        --ndtv-hero-height: 250px;
    }

    .ndtv-hero__brand {
        bottom: 18px;
        gap: 12px;
    }

    .ndtv-hero__bachpan-logo,
    .ndtv-hero__ndtv-logo {
        width: min(32vw, 100px);
    }

    .ndtv-hero__separator {
        font-size: 26px;
    }

    .ndtv-heading h1 {
        font-size: 30px;
    }

    .ndtv-grid {
        grid-template-columns: 1fr;
        row-gap: 30px;
        max-width: 367px;
    }
}

/* Newsletter archive page */
.newsletter-content {
    padding-bottom: 200px;
}

.newsletter-heading {
    max-width: 1200px;
    margin: 42px auto 0;
    text-align: center;
}

.newsletter-heading h1 {
    margin: 0 0 10px;
    color: #394F69;
    font-family: "hobeaux", sans-serif;
    font-size: 45px;
    font-weight: 500;
    line-height: 1.25;
}

.newsletter-heading p {
    margin: 0;
    color: #394F69;
    font-size: 18px;
    line-height: 1.4;
}

.newsletter-grid {
    max-width: 1200px;
    margin: 46px auto 0;
    column-gap: 50px;
    row-gap: 38px;
}

.newsletter-card .resource-image {
    height: auto;
    aspect-ratio: 2 / 1;
    flex-shrink: 0;
    margin-bottom: 22px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background-color: #f3f4f6;
}

.newsletter-card .resource-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsletter-card .resource-image>span:not(.play-button) {
    font-size: 16px;
}

.newsletter-card h2 {
    margin: 0 0 10px;
    color: #394F69;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.newsletter-card>p.newsletter-card__issue {
    margin: 0;
    color: #394F69;
    font-size: 16px;
    line-height: 1.4;
}

.newsletter-load-more {
    display: block;
    margin: 66px auto 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #394F69;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
}

.newsletter-load-more:hover,
.newsletter-load-more:focus-visible {
    text-decoration: underline;
}

.newsletter-load-more:focus-visible {
    outline: 2px solid #394F69;
    outline-offset: 4px;
}

.newsletter-load-more[hidden],
.newsletter-card[hidden] {
    display: none;
}

@media (max-width: 991px) {
    .newsletter-grid {
        column-gap: 28px;
        row-gap: 32px;
    }

    .newsletter-card h2 {
        font-size: 18px;
    }

    .newsletter-card>p.newsletter-card__issue {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .newsletter-content {
        padding-bottom: 260px;
    }

    .newsletter-heading {
        margin-top: 34px;
    }

    .newsletter-heading h1 {
        font-size: 36px;
    }

    .newsletter-heading p {
        font-size: 15px;
    }

    .newsletter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px 18px;
        margin-top: 30px;
    }

    .newsletter-card .resource-image {
        margin-bottom: 16px;
    }

    .newsletter-card h2 {
        margin-bottom: 6px;
    }

    .newsletter-card .resource-image>span:not(.play-button) {
        font-size: 12px;
        letter-spacing: 5px;
    }

    .newsletter-card h2 {
        font-size: 16px;
        line-height: 1.35;
    }

    .newsletter-card>p.newsletter-card__issue {
        font-size: 13px;
    }

    .newsletter-load-more {
        margin-top: 48px;
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .newsletter-heading h1 {
        font-size: 30px;
    }

    .newsletter-grid {
        grid-template-columns: 1fr;
        row-gap: 30px;
        max-width: 367px;
    }
}

/* Activity listing page */
.activities-list-page {
    color: #394F69;
}

.activities-list-hero {
    position: relative;
    height: 497px;
    margin-top: -30px;
    overflow: hidden;
    background: #394F69;
}

.activities-list-hero::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 30' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 9 C75 9 120 17 200 11 S315 8 390 13 S500 10 580 11 S720 16 820 15 S930 15 1020 15 S1160 19 1270 12 S1430 5 1540 8 S1690 18 1790 12 S1870 9 1920 11 V30 H0Z'/%3E%3C/svg%3E") no-repeat center bottom / 100% 100%;
    content: "";
    pointer-events: none;
}

.activities-list-hero__icons {
    position: absolute;
    top: 38%;
    left: 0;
    width: 100%;
    height: 110px;
}

.activities-list-hero__icons .slick-list {
    overflow: hidden;
}

.activities-list-hero__icons .slick-track {
    display: flex;
    align-items: center;
}

.activities-list-hero__icons .slick-slide {
    display: flex;
    height: 110px;
    align-items: center;
    justify-content: center;
}

.activities-list-hero__icons img,
.activities-list-hero__icons svg {
    display: block;
    width: 92px;
    height: 92px;
    object-fit: contain;
}

.activities-list-hero__icons svg,
.activities-list-butterfly {
    fill: none;
    stroke: #FFFFFF;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
}

.activities-list-container {
    max-width: 1200px;
}

.activities-list-heading {
    margin: 36px 0 48px;
    text-align: center;
}

.activities-list-heading h1 {
    margin: 0 0 8px;
    color: #394F69;
    font-family: "hobeaux", sans-serif;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.25;
}

.activities-list-heading p {
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
}

.activities-list-filters {
    min-height: 84px;
    margin-bottom: 46px;
    padding: 14px 30px;
}

.activities-list-filters .category-list-filter-label {
    flex-basis: 220px;
}

.activities-list-filters .category-list-wonders {
    flex: 1 1 auto;
}

.activities-list-page .wonder-tag {
    position: relative;
    z-index: 0;
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border: 0;
    background: transparent;
    color: var(--wonder);
    font-family: "hobeaux", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: color .18s ease, background-color .18s ease;
}

.activities-list-page .wonder-tag svg,
.activities-list-page .wonder-tag img {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    object-fit: contain;
}

.activities-list-page .wonder-tag svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.activities-list-page .wonder-tag[data-wonder="play"] svg {
    fill: currentColor;
    stroke: none;
}

.activities-list-page .wonder-tag.is-active,
.activities-list-page .wonder-tag:hover,
.activities-list-page .wonder-tag:focus-visible {
    color: #FFFFFF;
    transform: none;
}

.activities-list-page .wonder-tag.is-active img,
.activities-list-page .wonder-tag:hover img,
.activities-list-page .wonder-tag:focus-visible img {
    filter: brightness(0) invert(1);
}

.activities-list-page .wonder-tag:focus-visible {
    outline: 2px solid #394F69;
    outline-offset: 2px;
}

.activities-list-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
    column-gap: 50px;
    row-gap: 46px;
    padding-bottom: 230px;
}

.activities-list-grid .activity-card {
    min-width: 0;
    margin: 0;
    padding: 0;
}

.activities-list-grid .activity-card>a,
.stories-detail-page .activity-card>a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.activities-list-grid .activity-card>a:focus-visible,
.stories-detail-page .activity-card>a:focus-visible {
    outline: 2px solid #394F69;
    outline-offset: 4px;
}

.activities-list-grid .activity-card[hidden] {
    display: none;
}

.activities-list-grid .activity-art {
    width: 100%;
    height: 180px;
    margin-bottom: 16px;
}

.activities-list-grid .activity-art img,
.activities-list-butterfly {
    width: 112px;
    height: 132px;
}

.activities-list-grid .activity-card p {
    min-height: 48px;
    margin: 0;
    color: #394F69;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}

.activities-list-empty {
    margin: -200px 0 230px;
    color: #394F69;
    font-size: 18px;
    text-align: center;
}

@media (max-width: 1199px) {
    .activities-list-filters {
        padding-right: 22px;
        padding-left: 22px;
    }

    .activities-list-filters .category-list-filter-label {
        flex-basis: 185px;
    }

    .activities-list-filters .category-list-wonders {
        justify-content: center;
        flex-wrap: wrap;
    }

    .activities-list-page .wonder-tag {
        font-size: 16px;
    }

    .activities-list-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 28px;
    }
}

@media (max-width: 767px) {
    .activities-list-hero {
        height: 360px;
    }

    .activities-list-hero__icons {
        top: 34%;
        height: 70px;
    }

    .activities-list-hero__icons .slick-slide {
        height: 70px;
    }

    .activities-list-hero__icons img,
    .activities-list-hero__icons svg {
        width: 54px;
        height: 54px;
    }

    .activities-list-container {
        width: calc(100% - 36px);
    }

    .activities-list-heading {
        margin: 34px 0 28px;
    }

    .activities-list-heading h1 {
        font-size: 36px;
    }

    .activities-list-heading p {
        font-size: 15px;
    }

    .activities-list-heading p br {
        display: none;
    }

    .activities-list-filters {
        gap: 12px;
        margin-bottom: 30px;
        padding: 18px;
    }

    .activities-list-filters .category-list-filter-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .activities-list-filters .category-list-filter-label {
        flex-basis: auto;
        font-size: 14px;
    }

    .activities-list-filters .category-list-wonders {
        justify-content: flex-start;
        gap: 6px;
    }

    .activities-list-page .wonder-tag {
        min-height: 30px;
        padding: 3px 7px;
        font-size: 15px;
    }

    .activities-list-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px 18px;
        padding-bottom: 150px;
    }

    .activities-list-grid .activity-art {
        height: 150px;
        margin-bottom: 12px;
    }

    .activities-list-grid .activity-art img,
    .activities-list-butterfly {
        width: 68px;
        height: 68px;
    }

    .activities-list-grid .activity-card p {
        min-height: 42px;
        font-size: 15px;
    }

    .activities-list-empty {
        margin: -120px 0 150px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .activities-list-hero {
        height: 300px;
    }

    .activities-list-container {
        width: calc(100% - 32px);
    }

    .activities-list-heading h1 {
        font-size: 32px;
    }


}

/* Raising Ideas detail page */
.raisingideas-hero__play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96px;
    height: 96px;
    transform: translate(-50%, -50%);
}

.raisingideas-hero__play img {
    display: block;
    width: 100%;
    height: 100%;
}

.raisingideas-hero__logo {
    position: absolute;
    right: max(calc((100vw - 1235px) / 2), 24px);
    bottom: 30px;
    display: block;
}

.raisingideas-page .resource-detail {
    padding-top: 79px;
    padding-bottom: 500px;
}

.raisingideas-page .resource-detail__content>p {
    margin-bottom: 9px;
}

.raisingideas-page .resource-detail__share {
    margin-bottom: 40px;
}

.raisingideas-card__image {
    position: relative;
    aspect-ratio: 1.52;
}

.raisingideas-card__image>img {
    height: 100%;
    object-fit: fill;
}

.raisingideas-card__play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 72px;
    height: 72px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.raisingideas-card__play::after {
    position: absolute;
    top: 50%;
    left: 54%;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 22px solid #FFFFFF;
    content: "";
    transform: translate(-50%, -50%);
}

.raisingideas-card__image--placeholder>span {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 8px;
    transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
    .raisingideas-hero__play {
        width: 76px;
        height: 76px;
    }

    .raisingideas-hero__logo {
        right: 10px;
        bottom: 44px;
        width: 90px;
    }

    .raisingideas-page .resource-detail {
        padding: 36px 0 80px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .raisingideas-page .resource-detail {
        padding: 48px 0 120px;
    }
}

/* Kuku FM profile page */
.kuku-fm-hero {
    position: relative;
    display: flex;
    min-height: 410px;
    align-items: center;
    margin-top: -30px;
    padding: 54px 0 64px;
    background: #EBEDF0;
}

.kuku-fm-hero::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 30' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 9 C75 9 120 17 200 11 S315 8 390 13 S500 10 580 11 S720 16 820 15 S930 15 1020 15 S1160 19 1270 12 S1430 5 1540 8 S1690 18 1790 12 S1870 9 1920 11 V30 H0Z'/%3E%3C/svg%3E") no-repeat center bottom / 100% 100%;
    content: "";
    pointer-events: none;
}

.kuku-fm-hero__content {
    display: grid;
    max-width: 1224px;
    grid-template-columns: minmax(0, 378px) minmax(0, 1fr);
    align-items: center;
    gap: 42px;
}

.kuku-fm-hero__logo {
    display: grid;
    width: 100%;
    height: 275px;
    place-items: center;
    background: #FFFFFF;
    -webkit-mask: url("../images/playshape.png") center / 100% 100% no-repeat;
    mask: url("../images/playshape.png") center / 100% 100% no-repeat;
    transform: translateY(-6px);
}

.kuku-fm-hero__logo img {
    display: block;
    width: 230px;
    height: auto;
}

.kuku-fm-hero__copy {
    color: #394F69;
    text-align: center;
}

.kuku-fm-hero__copy h1 {
    margin: 0 0 10px;
    color: #394F69;
    font-family: "hobeaux", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}

.kuku-fm-hero__copy p {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.4;
}

.kuku-fm-hero__copy a {
    color: #394F69;
    font-size: 18px;
    font-weight: 700;
}

.kuku-fm-hero__copy a:hover,
.kuku-fm-hero__copy a:focus-visible {
    text-decoration: underline;
}

.kuku-fm-resources .resource-intro {
    max-width: 1020px;
}

.kuku-fm-resources>.container {
    max-width: 1224px;
}

.kuku-fm-resources.resource-featured {
    padding-top: 76px;
    padding-bottom: 0;
}

.kuku-fm-resources .resource-intro {
    margin-bottom: 44px;
}

.kuku-fm-resources--lower {
    padding-top: 58px;
    padding-bottom: 36px;
}

.kuku-fm-showcase {
    padding-bottom: 271px;
}

.kuku-fm-showcase .collabactor-showcase__grid {
    margin-top: 40px;
}

.kuku-fm-showcase .collabactor-section-heading h2 {
    margin: 0 0 8px;
    color: #394F69;
    font-family: "hobeaux", sans-serif;
    font-size: 45px;
    font-weight: 500;
    line-height: 1.2;
}

.kuku-fm-page .resource-card h2 {
    color: #394F69;
}

.kuku-fm-page .resource-card h3 a {
    color: inherit;
    text-decoration: none;
}

.kuku-fm-page .resource-card h3 a:hover,
.kuku-fm-page .resource-card h3 a:focus-visible {
    text-decoration: underline;
}

.kuku-fm-resources .resource-image {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kuku-fm-resources .resource-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kuku-fm-resources .resource-image .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 2;
}

.kuku-fm-resources .resource-image:hover .play-button,
.kuku-fm-resources .resource-card:hover .play-button {
    transform: translate(-50%, -50%) scale(1.08);
}

.kuku-fm-page .resource-card .text-link {
    color: #394F69;
}

.kuku-fm-showcase a.logo-box {
    text-decoration: none;
}

@media (max-width: 991px) {
    .kuku-fm-hero {
        min-height: 360px;
    }

    .kuku-fm-hero__content {
        grid-template-columns: minmax(0, 32%) minmax(0, 1fr);
        gap: 32px;
    }

    .kuku-fm-hero__logo {
        height: auto;
        aspect-ratio: 378 / 275;
    }

    .kuku-fm-hero__logo img {
        width: min(230px, 70%);
    }

    .kuku-fm-hero__copy p,
    .kuku-fm-hero__copy a {
        font-size: 16px;
    }

    .kuku-fm-showcase {
        padding-bottom: 150px;
    }
}

@media (max-width: 767px) {
    .kuku-fm-hero {
        min-height: 0;
        margin-top: -30px;
        padding: 64px 0 56px;
    }

    .kuku-fm-hero__content {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }

    .kuku-fm-hero__logo {
        width: min(100%, 365px);
        height: auto;
        margin: 0 auto;
        transform: none;
    }

    .kuku-fm-hero__logo img {
        width: 190px;
    }

    .kuku-fm-hero__copy h1 {
        font-size: 28px;
    }

    .kuku-fm-hero__copy p,
    .kuku-fm-hero__copy a {
        font-size: 15px;
    }

    .kuku-fm-resources.resource-featured,
    .kuku-fm-resources--lower {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .kuku-fm-showcase {
        padding: 32px 0 90px;
    }

    .kuku-fm-showcase .collabactor-section-heading h2 {
        font-size: 30px;
    }
}

/* Growing library page */
.growing-library-page .category-list-hero p {
    margin-bottom: 0;
}

.growing-library-heading {
    margin-bottom: 36px;
}

.growing-library-heading h1 {
    margin-bottom: 8px;
}

.growing-library-heading p {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.growing-library-filters {
    min-height: 132px;
    margin-bottom: 48px;
}

.growing-library-content {
    padding-bottom: 60px;
}

.growing-library-page .wonder-tag {
    font-family: "hobeaux", sans-serif;
    font-size: 18px;
    font-weight: 400;
}

.growing-library-grid {
    gap: 48px;
}

.growing-library-card[hidden] {
    display: none;
}

.growing-library-page .resource-card h2 {
    margin-bottom: 31px;
    color: #394F69;
}

.growing-library-page .resource-card h3 a {
    color: inherit;
    text-decoration: none;
}

.growing-library-page .resource-card h3 a:hover,
.growing-library-page .resource-card h3 a:focus-visible {
    text-decoration: underline;
}

.growing-library-page .resource-image {
    position: relative;
    overflow: hidden;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.growing-library-page .resource-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.growing-library-page .resource-image .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 2;
}

.growing-library-page .resource-image:hover .play-button,
.growing-library-page .resource-card:hover .play-button {
    transform: translate(-50%, -50%) scale(1.08);
}

.growing-library-page .resource-card .text-link {
    color: #394F69;
}

.growing-library-page .resource-card.is-featured .resource-image {
    height: 246px;
}

.growing-library-page .resource-image>span:not(.play-button) {
    font-size: 16px;
}

.growing-library-empty {
    margin: -20px 0 30px;
    color: #394F69;
    font-size: 18px;
    text-align: center;
}

.growing-library-activities {
    margin-top: 0;
    padding-top: 80px;
    padding-bottom: 52px;
    background: #EBEDF0 !important;
}

.growing-library-activities .activity-cards.slick-slider {
    margin-bottom: 26px;
}

.growing-library-activities .activity-art {
    height: 190px;
}



.growing-library-activities::after {
    bottom: -39px;
    height: 100px;
    background: url("../images/top-grey-shape.png") center / 100% 128px no-repeat;
    transform: scale(-1);
}

.growing-library-activities>.great-container>h2 {
    color: #394F69;
    margin-bottom: 26px;
}

.growing-library-activities>.text-link {
    color: #394F69;
}

.growing-library-lower {
    padding-top: 100px;
    padding-bottom: 184px;
}

@media (max-width: 1199px) {
    .growing-library-grid {
        gap: 28px;
    }

    .growing-library-filters .category-list-filter-label {
        flex-basis: 185px;
    }

    .growing-library-filters .category-list-wonders {
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 991px) {
    .growing-library-heading p br {
        display: none;
    }
}

@media (max-width: 767px) {
    .growing-library-heading {
        margin: 34px 0 24px;
    }

    .growing-library-heading h1 {
        font-size: 36px;
    }

    .growing-library-heading p {
        font-size: 15px;
    }

    .growing-library-filters {
        gap: 14px;
        margin-bottom: 36px;
        padding: 18px;
    }

    .growing-library-filters .category-list-filter-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .growing-library-filters .category-list-filter-label {
        flex-basis: auto;
        font-size: 14px;
    }

    .growing-library-filters .category-list-wonders {
        justify-content: flex-start;
        gap: 6px;
    }

    .growing-library-page .wonder-tag {
        min-height: 30px;
        padding: 3px 7px;
        font-size: 14px;
    }

    .growing-library-page .category-list-filter-row--collabactor {
        align-items: stretch;
    }

    .growing-library-page .category-list-search {
        width: 100%;
    }

    .growing-library-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 36px 18px;
    }

    .growing-library-page .resource-card h2 {
        font-size: 22px;
    }

    .growing-library-page .resource-card h3 {
        font-size: 16px;
    }

    .growing-library-page .resource-card>p {
        font-size: 13px;
    }

    .growing-library-page .resource-card .text-link {
        font-size: 15px;
    }

    .growing-library-page .resource-image {
        height: 150px;
    }

    .growing-library-page .resource-card.is-featured .resource-image {
        height: 185px;
    }

    .growing-library-activities {
        padding-top: 48px;
        padding-bottom: 45px;
    }

    .growing-library-activities .activity-cards.slick-slider {
        margin-bottom: 40px;
    }

    .growing-library-lower {
        padding-top: 48px;
        padding-bottom: 90px;
    }
}

@media (max-width: 480px) {
    .growing-library-page .category-list-container {
        width: calc(100% - 32px);
    }

    .growing-library-heading h1 {
        font-size: 30px;
    }

    .growing-library-grid {
        grid-template-columns: 1fr;
        gap: 38px;
        max-width: 380px;
        margin-right: auto;
        margin-left: auto;
    }
}

.terms-and-conditions-hero {
    position: relative;
    display: grid;
    height: 500px;
    margin-top: -30px;
    padding-bottom: 20px;
    place-items: center;
    overflow: hidden;
    background: #394F69;
}

.terms-and-conditions-hero::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 30' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 9 C75 9 120 17 200 11 S315 8 390 13 S500 10 580 11 S720 16 820 15 S930 15 1020 15 S1160 19 1270 12 S1430 5 1540 8 S1690 18 1790 12 S1870 9 1920 11 V30 H0Z'/%3E%3C/svg%3E") no-repeat center bottom / 100% 100%;
    content: "";
    pointer-events: none;
}

.terms-and-conditions-hero p {
    margin: 0;
    color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 8px;
    line-height: 1.7;
    text-align: center;
    text-transform: uppercase;
}

.terms-and-conditions-content {
    width: calc(100% - 48px);
    max-width: 1200px;
    margin: 38px auto 0;
    padding-bottom: 520px;
}

.terms-and-conditions-content h1 {
    margin: 0 0 42px;
    color: #394F69;
    font-family: "hobeaux", sans-serif;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
}

.terms-and-conditions-copy {
    color: #394F69;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
}

.terms-and-conditions-copy p {
    margin: 0 0 5px;
}

@media (max-width: 767px) {
    .terms-and-conditions-hero {
        height: 300px;
    }

    .terms-and-conditions-hero p {
        padding: 0 20px;
        font-size: 13px;
        letter-spacing: 5px;
    }

    .terms-and-conditions-content {
        width: calc(100% - 40px);
        margin-top: 30px;
        padding-bottom: 160px;
    }

    .terms-and-conditions-content h1 {
        margin-bottom: 22px;
        font-size: 34px;
    }

    .terms-and-conditions-copy {
        font-size: 15px;
        line-height: 1.55;
    }
}

@media (max-width: 480px) {
    .terms-and-conditions-content {
        width: calc(100% - 32px);
    }

    .terms-and-conditions-content h1 {
        font-size: 30px;
    }
}




.about-opportunity {
    margin-top: 58px;
}

.about-opportunity__layout {
    display: grid;
    min-height: 320px;
    grid-template-columns: minmax(0, 600px) minmax(0, 575px);
    align-items: center;
    gap: 25px;
}

.about-opportunity__copy {
    text-align: center;
}

.about-opportunity__copy h1,
.about-science h2 {
    color: #3B5B7B;
    font-family: "hobeaux", sans-serif;
    font-size: 33px;
    font-weight: 600;
    line-height: 1.2;
}

.about-opportunity__copy h1 {
    margin: 0 0 18px;
}

.about-opportunity__copy p {
    margin: 0;
    color: #394F69;
    font-size: 18px;
    line-height: 1.4;
}

.about-opportunity__copy p+p {
    margin-top: 5px;
}

.about-opportunity__art {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: fill;
}

.about-science {
    margin-top: 58px;
    padding-bottom: 36px;
    text-align: center;
}

.about-science h2 {
    margin: 0 0 28px;
}

.about-science__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.about-science__point h3 {
    margin: 0 0 5px;
    color: #394F69;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.7;
}

.about-science__point p {
    margin: 0;
    color: #394F69;
    font-size: 18px;
    line-height: 1.4;
}

.about-milestones {
    position: relative;
    padding: 90px 0 119px;
    background: #ECEEF0;
    text-align: center;
}

.about-milestones::before,
.about-milestones::after {
    position: absolute;
    right: 0;
    left: 0;
    height: 148px;
    background: url("../images/matters-shape-top.png") center top / 100% 148px no-repeat;
    content: "";
    pointer-events: none;
}

.about-milestones::before {
    top: -68px;
}

.about-milestones::after {
    bottom: -39px;
    height: 148px;
    transform: scale(-1);
}

.about-milestones__content {
    position: relative;
    z-index: 1;
}

.about-milestones__logo {
    display: block;
    width: 290px;
    height: auto;
    margin: 0 auto 38px;
}

.about-milestones__intro {
    color: #394F69;
    font-size: 18px;
    line-height: 1.4;
}

.about-milestones__intro p {
    margin: 0;
}

.about-milestones__intro p+p {
    margin-top: 8px;
}

.about-milestones__years {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 48px;
    margin-top: 32px;
}

.about-milestones__year h3 {
    margin: 0 0 20px;
    color: #394F69;
    font-family: "hobeaux", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
}

.about-milestones__year p {
    margin: 0;
    color: #394F69;
    font-size: 18px;
    line-height: 1.4;
}

.about-milestones__year p+p {
    margin-top: 8px;
}

.about-related.resource-featured {
    padding: 14px 0 135px;
    text-align: center;
}

.about-related h2 {
    margin: 0 0 15px;
    color: #394F69;
    font-family: "hobeaux", sans-serif;
    font-size: 45px;
    font-weight: 600;
    line-height: 1.25;
}

.about-related .resource-intro {
    margin-bottom: 52px;
    font-size: 18px;
}

.about-related .resource-grid {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    row-gap: 37px;
}

.about-related .resource-image {
    height: 183px;
    flex-shrink: 0;
    text-decoration: none;
}

.about-related .resource-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-related .resource-image>span:not(.play-button) {
    font-size: 16px;
}

.about-related .resource-card h3 {
    margin-bottom: 4px;
    color: #394F69;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
}

.about-related .resource-card h3 a {
    color: inherit;
    text-decoration: none;
}

.about-related .resource-card h3 a:hover,
.about-related .resource-card h3 a:focus-visible {
    text-decoration: underline;
}

.about-related .resource-card>p {
    margin-bottom: 0;
    font-size: 16px;
}

.about-related .resource-card .tags {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.about-related .resource-card .tags span {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: "hobeaux", sans-serif;
    border: 0;
    isolation: isolate;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 15px;
    line-height: 1;
    padding: 6px 10px 6px;
    border-radius: 5px;
}

.about-related .resource-card .tags span::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--c);
    --shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 30' preserveAspectRatio='none'%3E%3Cpath d='M77.5001 18.9489C77.5001 13.8622 77.3801 8.77553 77.1401 3.68886C77.1792 3.15526 77.1108 2.61924 76.9391 2.11252C76.7673 1.60581 76.4956 1.13871 76.1401 0.738864C75.5572 0.323166 74.856 0.105814 74.1401 0.118864C68.0401 -0.341136 61.7501 0.678864 55.6101 0.728864C48.4601 0.738864 41.3201 0.0988637 34.1901 0.128864C26.6801 0.128864 19.1901 0.738864 11.6601 0.308864C8.54013 0.128864 5.36013 -0.201136 2.32013 0.618864C1.7274 0.731446 1.18118 1.01673 0.750128 1.43886C0.236045 2.18839 -0.000863984 3.0936 0.0801282 3.99886C-0.0865385 11.3789 0.0067949 18.7589 0.360128 26.1389C0.305542 27.1342 0.575768 28.1204 1.13013 28.9489C1.53159 29.3174 2.00635 29.5969 2.52333 29.7693C3.04031 29.9416 3.58786 30.0028 4.13013 29.9489C8.25013 29.9489 12.3401 29.3789 16.4501 29.1889C19.8901 29.0289 23.3401 29.1889 26.7801 29.2989C33.6601 29.5589 40.6201 30.0989 47.4901 29.7989C52.0401 29.5989 56.5801 28.9589 61.1501 29.0689C65.7201 29.1789 70.1501 30.5589 74.7701 29.3889C75.5423 29.2533 76.2466 28.8624 76.7701 28.2789C77.2454 27.4807 77.4619 26.555 77.3901 25.6289C77.4801 23.3689 77.5001 21.1389 77.5001 18.9489Z'/%3E%3C/svg%3E");
    -webkit-mask: var(--shape) 0 0/100% 100% no-repeat;
    mask: var(--shape) 0 0/100% 100% no-repeat;
}

.about-related__more {
    display: inline-block;
    margin-top: 53px;
    color: #394F69;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.about-related__more:hover,
.about-related__more:focus-visible {
    color: #394F69;
    text-decoration: underline;
}

@media (max-width: 1199px) {
    .about-opportunity__layout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-opportunity__art {
        height: auto;
        aspect-ratio: 575 / 320;
    }

    .about-science__grid {
        gap: 20px;
    }

    .about-milestones__years {
        gap: 30px;
    }

    .about-desktop-break {
        display: none;
    }
}

@media (max-width: 991px) {

    .about-opportunity__copy h1,
    .about-science h2 {
        font-size: 30px;
    }

    .about-science__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 32px;
    }

    .about-milestones {
        padding: 75px 0 100px;
    }

    .about-related .resource-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
    }
}

@media (max-width: 767px) {
    .about-opportunity {
        margin-top: 34px;
    }

    .about-opportunity__layout {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .about-opportunity__copy h1,
    .about-science h2 {
        font-size: 28px;
    }

    .about-opportunity__copy p,
    .about-science__point p,
    .about-milestones__intro,
    .about-milestones__year p {
        font-size: 15px;
    }

    .about-opportunity__art {
        width: min(100%, 575px);
        margin: 0 auto;
    }

    .about-science {
        margin-top: 42px;
        padding-bottom: 40px;
    }

    .about-science h2 {
        margin-bottom: 24px;
    }

    .about-science__grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .about-science__point h3 {
        font-size: 17px;
    }

    .about-milestones {
        padding: 66px 0 80px;
    }

    .about-milestones__logo {
        width: min(290px, 72vw);
        margin-bottom: 26px;
    }

    .about-milestones__years {
        grid-template-columns: 1fr;
        gap: 32px;
        margin-top: 28px;
    }

    .about-related.resource-featured {
        padding: 54px 0 90px;
    }

    .about-related h2 {
        font-size: 36px;
    }

    .about-related .resource-intro {
        margin-bottom: 32px;
        font-size: 15px;
    }

    .about-related .resource-grid {
        grid-template-columns: 1fr;
        row-gap: 37px;
    }

    .about-related .resource-card h3 {
        font-size: 18px;
    }

    .about-related__more {
        margin-top: 34px;
        font-size: 17px;
    }
}



.terms-and-conditions-content a {
    color: #c36;
}

.terms-and-conditions-content ol {
    margin: 20px 0;
}

.terms-and-conditions-content li+li>strong {
    display: inline-block;
    margin-top: 20px;
}

.great-stories .stories-list .stori-card .stori-card-body {
    margin-bottom: 60px;
}

/* ==========================================================
   Site-Wide Card Link Hover Effects & Underline Removal
   ========================================================== */
/* Ensure all links within cards and card anchors never show an underline */
.resource-card a,
.play-card a,
.activity-card a,
.stori-card a,
.matter-card a,
[class*="-card"] a,
[class*="card-"] a,
[class*="card"] a,
a.play-card,
a.collabactor-featured-card,
a.activity-card,
a[class*="-card"],
a[class*="card-"],
a[class*="card"] {
    text-decoration: none !important;
}

.resource-card a:hover,
.resource-card a:focus-visible,
.play-card a:hover,
.play-card a:focus-visible,
.activity-card a:hover,
.activity-card a:focus-visible,
.stori-card a:hover,
.stori-card a:focus-visible,
.matter-card a:hover,
.matter-card a:focus-visible,
[class*="-card"] a:hover,
[class*="-card"] a:focus-visible,
[class*="card-"] a:hover,
[class*="card-"] a:focus-visible,
[class*="card"] a:hover,
[class*="card"] a:focus-visible,
a.play-card:hover,
a.collabactor-featured-card:hover,
a.activity-card:hover,
a[class*="-card"]:hover,
a[class*="card-"]:hover,
a[class*="card"]:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Card title & text link transitions */
.resource-card h2 a,
.resource-card h3 a,
.resource-card__title a,
.play-card .play-info h2 a,
.play-card .play-info h3 a,
.stori-card .stori-card-info h3 a,
.matter-card a {
    display: inline-block;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.resource-card h2 a:hover,
.resource-card h2 a:focus-visible,
.resource-card h3 a:hover,
.resource-card h3 a:focus-visible,
.resource-card__title a:hover,
.resource-card__title a:focus-visible,
.play-card .play-info h2 a:hover,
.play-card .play-info h2 a:focus-visible,
.play-card .play-info h3 a:hover,
.play-card .play-info h3 a:focus-visible,
.stori-card .stori-card-info h3 a:hover,
.stori-card .stori-card-info h3 a:focus-visible,
.matter-card a:hover,
.matter-card a:focus-visible {
    text-decoration: underline !important;
    text-underline-offset: 3px;
    opacity: 0.92;
    transform: translateY(-2px);
}

/* Activity card links */
.activity-card a {
    display: block;
    text-decoration: none !important;
}

.activity-card .activity-art {
    transition: transform 0.28s cubic-bezier(0.2, 0, 0.2, 1), box-shadow 0.28s ease;
}

.activity-card p {
    transition: opacity 0.25s ease;
}

.activity-card a:hover .activity-art,
.activity-card a:focus-visible .activity-art {
    transform: translateY(-5px) scale(1.02);
}

.activity-card a:hover p,
.activity-card a:focus-visible p {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

/* Card image link zoom & play button hover (preserve no-underline on images) */
.resource-card a.resource-image,
.play-card a.play-card-img,
.category-list-card__image,
.stori-card .stori-img a {
    display: block;
    overflow: hidden;
    text-decoration: none !important;
}

.resource-card a.resource-image:hover,
.play-card a.play-card-img:hover,
.category-list-card__image:hover,
.stori-card .stori-img a:hover {
    text-decoration: none !important;
}

.resource-card a.resource-image img,
.play-card a.play-card-img img,
.category-list-card__image img,
.stori-card .stori-img a img {
    transition: transform 0.35s ease;
}

.resource-card a.resource-image:hover img,
.resource-card a.resource-image:focus-visible img,
.play-card a.play-card-img:hover img,
.play-card a.play-card-img:focus-visible img,
.category-list-card__image:hover img,
.category-list-card__image:focus-visible img,
.stori-card .stori-img a:hover img,
.stori-card .stori-img a:focus-visible img {
    transform: scale(1.04);
}

/* Text links within cards (e.g. 'VIEW ALL...') */
.resource-card .text-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none !important;
    transition: transform 0.22s ease, opacity 0.22s ease;
}

.resource-card .text-link:hover,
.resource-card .text-link:focus-visible {
    text-decoration: underline !important;
    text-underline-offset: 3px;
    transform: translateX(4px);
    opacity: 0.9;
}

/* Full card links (e.g. featured collabactors) */
a.play-card.collabactor-featured-card {
    transition: transform 0.28s ease, box-shadow 0.28s ease;
}

a.play-card.collabactor-featured-card:hover {
    transform: translateY(-4px);
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

a.play-card.collabactor-featured-card:hover .play-info h2 {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation: none !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

.menu-resource-links:not(:first-of-type) {
    margin-top: 7px;
}

/* Category & Activities List Filter Error / Empty Message */
.category-list-error-message {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 900px;
    margin: 20px auto 35px;
    padding: 16px 22px;
    background-color: #FFF6E9;
    border: 1.5px solid #F5C28C;
    border-left: 6px solid #EE6C63;
    border-radius: 12px;
    color: #4C2618;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}

.category-list-error-message[hidden] {
    display: none !important;
}

.category-list-error-icon {
    font-size: 22px;
    line-height: 1;
    color: #EE6C63;
    flex-shrink: 0;
}

.category-list-error-text {
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
}

/* Ensure all non-header links preserve their color on hover and show underline (excluding buttons and tags) */
:root {
    --bs-link-hover-color: currentColor;
}

a:not(.site-header a):not(.btn):not([class*="btn"]):not([class*="button"]):not([class*="tag"]):not(.tags a):not(.resource-detail__download):not(.toran-button):not(.wonder-switch a):hover,
a:not(.site-header a):not(.btn):not([class*="btn"]):not([class*="button"]):not([class*="tag"]):not(.tags a):not(.resource-detail__download):not(.toran-button):not(.wonder-switch a):focus-visible {
    text-decoration: underline !important;
    text-underline-offset: 3px;
    text-decoration-skip-ink: auto;
}

a:not(.site-header a):not(.btn):not([class*="btn"]):not([class*="button"]):not([class*="tag"]):not(.tags a):not(.resource-detail__download):not(.toran-button):not(.wonder-switch a):hover h1,
a:not(.site-header a):not(.btn):not([class*="btn"]):not([class*="button"]):not([class*="tag"]):not(.tags a):not(.resource-detail__download):not(.toran-button):not(.wonder-switch a):hover h2,
a:not(.site-header a):not(.btn):not([class*="btn"]):not([class*="button"]):not([class*="tag"]):not(.tags a):not(.resource-detail__download):not(.toran-button):not(.wonder-switch a):hover h3,
a:not(.site-header a):not(.btn):not([class*="btn"]):not([class*="button"]):not([class*="tag"]):not(.tags a):not(.resource-detail__download):not(.toran-button):not(.wonder-switch a):hover h4,
a:not(.site-header a):not(.btn):not([class*="btn"]):not([class*="button"]):not([class*="tag"]):not(.tags a):not(.resource-detail__download):not(.toran-button):not(.wonder-switch a):hover h5,
a:not(.site-header a):not(.btn):not([class*="btn"]):not([class*="button"]):not([class*="tag"]):not(.tags a):not(.resource-detail__download):not(.toran-button):not(.wonder-switch a):hover h6,
a:not(.site-header a):not(.btn):not([class*="btn"]):not([class*="button"]):not([class*="tag"]):not(.tags a):not(.resource-detail__download):not(.toran-button):not(.wonder-switch a):hover p,
a:not(.site-header a):not(.btn):not([class*="btn"]):not([class*="button"]):not([class*="tag"]):not(.tags a):not(.resource-detail__download):not(.toran-button):not(.wonder-switch a):hover span:not(.play-button):not([class*="tag"]):not([class*="btn"]) {
    text-decoration: underline !important;
    text-underline-offset: 3px;
    text-decoration-skip-ink: auto;
}

/* Buttons, button-like links, and tags must NEVER show an underline on hover or focus */
button,
button:hover,
button:focus,
button:focus-visible,
.btn,
.btn:hover,
.btn:focus,
.btn:focus-visible,
[class*="btn"],
[class*="btn"]:hover,
[class*="btn"]:focus,
[class*="btn"]:focus-visible,
.button,
.button:hover,
.button:focus,
.button:focus-visible,
[class*="button"],
[class*="button"]:hover,
[class*="button"]:focus,
[class*="button"]:focus-visible,
.tag,
.tag:hover,
.tag:focus,
.tag:focus-visible,
[class*="tag"],
[class*="tag"]:hover,
[class*="tag"]:focus,
[class*="tag"]:focus-visible,
.tags,
.tags a,
.tags a:hover,
.tags a:focus,
.tags a:focus-visible,
.tags span,
.tags span:hover,
.tags span:focus,
.resource-detail__tags,
.resource-detail__tags a,
.resource-detail__tags a:hover,
.resource-detail__download,
.resource-detail__download:hover,
.toran-button,
.toran-button:hover,
.play-button,
.play-button:hover,
.wonder-switch a,
.wonder-switch a:hover,
.wonder-switch a:focus-visible,
.wonder-switch button,
.wonder-switch button:hover {
    text-decoration: none !important;
}

/* Ensure children/nested text inside buttons and tags never get an underline */
button *,
button:hover *,
[class*="btn"] *,
[class*="btn"]:hover *,
[class*="button"] *,
[class*="button"]:hover *,
[class*="tag"] *,
[class*="tag"]:hover *,
.tags a *,
.tags a:hover * {
    text-decoration: none !important;
}

/* Purely graphic / image links must not display text underlines */
a.play-card-img,
a.play-card-img:hover,
a.resource-image,
a.resource-image:hover,
.stori-card .stori-img a,
.stori-card .stori-img a:hover,
.category-list-card__image,
.category-list-card__image:hover,
a.brand-logo,
a.brand-logo:hover,
a.logo-box,
a.logo-box:hover {
    text-decoration: none !important;
}


.site-footer .footer-links a:hover {
    color: #FFD42A !important;
    text-decoration: underline;
}

.about-milestones__year ul li {
    text-align: left;
}

.about-milestones__year ul li:not(:last-of-type) {
    margin-bottom: 10px;
}

.raisingideas-hero__play {
    background: transparent;
    border: 0;
    outline: none;
}