:root {
    --blue: #0874CC;
    --dark-blue:#033473;
    --cyan: #2ec0d6;
    --light-cyan: #DFF9FB;
    --pink: #FFB5D5;
    --lime: #DDF99C;
    --orange: #F5A623;
    --white: #FFFFFF;
    --black: #000000;
	--gray: #E1E7EA;
    --text: #073D87;
    --border-light: #FFFFFF78;
}
@font-face {
    font-family: 'Technica';
    src: url('../fonts/Technica-Black.woff2') format('woff2'),
         url('../fonts/Technica-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

a,
a:hover {
  text-decoration: none;
  color: inherit;
}
a:focus {
    border: none !important;
    outline: none !important;
}
body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

strong {
  font-weight: 700;
}
.pm-supporters-slider .pm-supporter-item a {
    display: block;
    height: 100%;
}.info--content button.real-story-read-toggle:focus {
    box-shadow: none;
}
html,
body {
  scroll-behavior: smooth;
}
h1,
.heading-h1,
h2,
.heading-h2,
h3,
.heading-h3,
h4,
.heading-h4,
h5,
.heading-h5,
h6,
.heading-h6 {
 font-family: 'Technica'!important;
  font-weight: 500;
}

/* Play Matters - Ultra Thin Scrollbar */

html {
    scrollbar-width: thin;
    scrollbar-color: #0066CE transparent;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 2px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: transparent;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: #0066CE;
    border-radius: 10px;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
    background: #FF3F98;
}

h2 {
    font-size: 45px;
	line-height: normal;
    text-transform: capitalize;
	margin-bottom: 15px !important;
}
.site-header {
    background: var(--white);
}
.site-title-wrap {
    max-width:15%;
}
.top-navigation-right {
    max-width: 85%;
    width: 85%;
}

/* theme btn css start here */


.theme-btn a { padding: 18px 35px !important; border: 1px solid #0066CE !important; border-radius: 100px; background: var(--blue)!important; color: var(--white)!important; font-size: 17px !important; font-weight: 600; line-height: 1.3 !important; text-align: center !important; text-decoration: none !important; overflow: hidden; isolation: isolate; transition: color .4s ease, border-color .4s ease, transform .35s ease, box-shadow .35s ease; letter-spacing: 1px; margin-top: 20px; text-transform: capitalize;}

.theme-btn a::before {content:""; position:absolute; inset:0; z-index:-1; background:#FF3F98; border-radius:inherit; transform:translateY(105%); transition:transform .45s cubic-bezier(.22,1,.36,1);}

.theme-btn a:hover,
.theme-btn a:focus-visible {color:#FFFFFF; border-color:#ff3f98; transform:translateY(-3px); box-shadow:0 8px 20px rgba(255,63,152,.22);}

.theme-btn a:hover::before,
.theme-btn a:focus-visible::before {transform:translateY(0);}

.theme-btn a:focus-visible {outline:2px solid #FF3F98; outline-offset:5px;}


/* theme btn css end here */
.site-header::before {
    background: var(--blue);
 width: max(16vw, calc((100vw - 1360px) / 2 + 220px));
    left: 0;
    position: absolute;
    height: 115%;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.site-title-wrap img {
    height: auto;
}
.site-identity {
    padding: 15px 0;
    display: flex;
    align-items: center;
}
.main-navigation ul li a {
    color: var(--dark-blue);
}
.main-navigation ul .join-button a {
    background: var(--blue);
    color: #fff;
    padding: 7px 30px;
    border-radius: 25px;
}
@media (max-width: 1000px) {
.mobile-navigation.toggle-active button.menu-toggle.button-toggle {
    color: #fff;
}
    .drawer {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%;
        height: 100vh;
        background: var(--dark-blue);
        z-index: 99999;
        overflow-y: auto;
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
        transition:
            transform 0.4s ease,
            opacity 0.4s ease,
            visibility 0s linear 0.4s;
    }

    .drawer .menu-item-has-children .toggle-sub {
        background: transparent;
    }

    .drawer .drawer-navigation ul li {
        border-bottom: 1px solid var(--border-light);
    }

    .drawer .drawer-navigation ul li a {
        color: var(--white);
        opacity: 1;
    }

    .mobile-navigation.toggle-active + .drawer-wrap .drawer {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        transition:
            transform 0.4s ease,
            opacity 0.4s ease,
            visibility 0s linear 0s;
    }

    .btn-and-toggle {
        display: none;
    }

    .mobile-navigation {
        background-color: transparent !important;
        position: absolute;
        right: 20px;
        width: max-content;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
        z-index: 999999;
    }

    .mobile-navigation button {
        font-size: 30px;
        color: var(--dark-blue);
    }
}
/** banner css**/
.banner-heading {
    font-size: clamp(48px, 7vw, 100px);
    line-height: 1;
	text-shadow: 1px 1px 2px #000;
}
.site-container{
	width: 100%;
    max-width: 1400px;
    margin: 0 auto !important;
    padding: 0px 20px;
}
.vc_section { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important;}
.text-white{color:#fff!important;}

/** footer **/
.site-footer {background:var(--dark-blue);padding-top: 40px;color: var(--white);}
.footer-widgets {margin-bottom:0;}
.footer-widgets .footer-column {padding-top:0;width: 66%;}
.footer-widgets section + section{margin-top: 15px;}
.site-footer .wp-block-heading {margin-bottom: 0px!important;font-size: 28px;}
.site-footer {
    background-image: url('/wp-content/uploads/2026/09/flowers.png.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 44% auto;
}
.footer-widgets + .footer-bottom {
    border-top: solid 1px rgba(255, 255, 255, 0.3);
    width: 66%;
    padding-top: 20px;
}
.footer-bottom-list {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-bottom-list li {
    margin: 0;
    padding: 0;
}

.footer-logo img {
    width: 150px;
    height: auto;
    display: block;
}

.footer-copyright {
    color: #fff;
}

.footer-contact {
    padding-left: 30px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.7);
}
.footer-contact a {
    color: #fff!important;
    text-decoration:none;
	border-bottom:0px!important;
}
.footer-contact a:hover {
    text-decoration: underline;
}
.footer-tagline {
    display: inline-block;
    width: 100%;
}
@media (max-width: 767px) {
    .footer-bottom-list {
        flex-wrap: wrap;
        gap: 20px;
    }

    .footer-contact {
        padding-left: 20px !important;
    }
}


/*============ header css start here ==================*/

.site-header .main-navigation {display:flex; align-items:center; justify-content:flex-end; width:100%;}
.site-header .main-navigation .menu {display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap: 30px; margin:0; padding:0; list-style:none;}
.site-header .main-navigation .menu>li {position:relative; margin:0; padding:0; list-style:none;}
.site-header .main-navigation .menu>li>a { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 12px 0; color: #092E70; font-size: clamp(14px, 1.15vw, 17px); font-weight: 600; line-height: 1.4; text-decoration: none; white-space: nowrap; transition: color 0.3s ease; margin: 0; text-transform: capitalize; }
.site-header .main-navigation .menu>li:not(.join-button)>a::before {content:""; position:absolute; left:50%; bottom:5px;
width:0; height:4px; border-radius:10px; background:#FF3F98; transform:translateX(-50%); transition:width 0.35s ease,
background 0.35s ease;}
.site-header .main-navigation .menu>li:not(.join-button):nth-child(3n+2)>a::before {background:#A4D536;}
.site-header .main-navigation .menu>li:not(.join-button):nth-child(3n)>a::before {background:#FFAC29;}
.site-header .main-navigation .menu>li:not(.join-button):hover>a, .site-header .main-navigation
.menu>li:not(.join-button)>a:focus-visible {color:#0066CE;}
.site-header .main-navigation .menu>li:not(.join-button):hover>a::before, .site-header .main-navigation
.menu>li:not(.join-button)>a:focus-visible::before, .site-header .main-navigation
.menu>li.current-menu-item:not(.join-button)>a::before, .site-header .main-navigation
.menu>li.current-menu-ancestor:not(.join-button)>a::before {width:100%;}
.site-header .main-navigation .menu>li.join-button {margin-left:clamp(10px, 2vw, 35px);}
.site-header .main-navigation .menu>li.join-button>a {position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:58px; padding:14px clamp(22px, 3vw, 44px); border:2px solid #0066CE; border-radius:100px; background:#0066CE; color:#FFFFFF; font-size:16px; font-weight:600; line-height:1.3; text-align:center; overflow:hidden; isolation:isolate; transition:color 0.4s ease, border-color 0.4s ease, transform 0.35s ease, box-shadow 0.35s ease;}
.site-header .main-navigation .menu>li.join-button>a::before {content:""; position:absolute; inset:0; background:#FF3F98; border-radius:inherit; transform:translateY(105%); transition:transform 0.45s cubic-bezier(0.22, 1, 0.36, 1); z-index:-1;}
.site-header .main-navigation .menu>li.join-button:hover>a, .site-header .main-navigation .menu>li.join-button>a:focus-visible {color:#FFFFFF; border-color:#FF3F98; transform:translateY(-3px); box-shadow:0 8px 20px rgba(255, 63, 152, 0.22);}
.site-header .main-navigation .menu>li.join-button:hover>a::before, .site-header .main-navigation .menu>li.join-button>a:focus-visible::before {transform:translateY(0);}
.site-header .main-navigation .menu>li.current-menu-item:not(.join-button)>a, .site-header .main-navigation .menu>li.current-menu-ancestor:not(.join-button)>a {color:#0066CE;}
.site-header .main-navigation .menu>li>a:focus-visible {outline:2px solid #FF3F98; outline-offset:5px;}

@media (prefers-reduced-motion: reduce) {
.site-header .main-navigation .menu>li>a, .site-header .main-navigation .menu>li>a::before, .site-header .main-navigation .menu>li>a::after {transition:none;}
}
.main-navigation .sub-menu, .main-navigation .children {width: 225px; background: var(--dark-blue) !important;}
.site-header .sub-menu::before {border-bottom: 8px solid #073775 !important;}
.main-navigation li ul li:hover {background: rgb(0 102 206) !important;}
/*============ header css end here ====================*/


/*=========== banner start here =======================*/
.hero-banner-wrap {padding: 50px 0 !important;}
.banner-subtext{font-size:24px;max-width:600px;}
.video-poster-img.video-wrapper { border-radius: 20px;overflow: hidden;}
.pm-vimeo-trigger {position:relative !important; width:100% !important; aspect-ratio:16/11 !important; padding:0 !important; margin:0 !important; overflow:hidden !important; border-radius:22px !important; cursor:pointer; isolation:isolate;}
.pm-vimeo-trigger iframe {position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; border:0 !important; pointer-events:none !important;}
.pm-vimeo-preview {display:none !important;}

.pm-vimeo-shade {position:absolute; inset:0; z-index:2; background:rgba(0,20,50,.12); pointer-events:none; transition:background .4s ease;}
.pm-vimeo-trigger:hover .pm-vimeo-shade {background:rgba(0,20,50,.25);}

.pm-vimeo-play {position:absolute; top:50%; left:50%; z-index:5; display:flex; align-items:center; justify-content:center; width:86px; height:86px; padding:0; border:3px solid #fff; border-radius:50%; background:#ff3998; color:#fff; cursor:pointer; transform:translate(-50%,-50%); box-shadow:0 8px 30px rgba(0,0,0,.2); transition:background .3s ease, box-shadow .3s ease;}
.pm-play-triangle {width:0; height:0; margin-left:6px; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:22px solid #fff;}

.pm-vimeo-play::before,
.pm-vimeo-play::after {content:""; position:absolute; inset:-3px; z-index:-1; border:2px solid #ff3998; border-radius:50%; background:rgba(255,57,152,.28); pointer-events:none; animation:pmVideoPulse 2s ease-out infinite;}
.pm-vimeo-play::after {animation-delay:1s;}
.heading-shape-img {
    top: -20px;
    width: 80px;
    height: auto;
    object-fit: contain;
    right: 0px;
    margin: 0;
    position: absolute;
}
@keyframes pmVideoPulse {
    0% {transform:scale(1); opacity:.85;}
    100% {transform:scale(2.2); opacity:0;}
}

.pm-vimeo-trigger:hover .pm-vimeo-play {background:#0066ce; box-shadow:0 8px 35px rgba(0,102,206,.35);}
.pm-vimeo-trigger:hover .pm-vimeo-play::before,
.pm-vimeo-trigger:hover .pm-vimeo-play::after {border-color:#0066ce; background:rgba(0,102,206,.2);}

.pm-vimeo-popup {position:fixed !important; inset:0 !important; z-index:9999999 !important; display:flex; align-items:center; justify-content:center; width:100%; height:100dvh; padding:65px 20px; box-sizing:border-box; background:rgba(5,12,35,.94); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); animation:pmPopupFade .3s ease;}

@keyframes pmPopupFade {
    from {opacity:0;}
    to {opacity:1;}
}

.pm-vimeo-dialog {position:relative; width:100%; max-width:1100px; max-height:calc(100dvh - 130px); aspect-ratio:16/9; margin:auto; border-radius:16px; overflow:hidden; background:#000; box-shadow:0 20px 70px rgba(0,0,0,.45);}
.pm-vimeo-dialog iframe {display:block; width:100% !important; height:100% !important; border:0 !important;}

.pm-vimeo-close {position:absolute; top:20px; right:25px; z-index:10; display:flex; align-items:center; justify-content:center; width:48px; height:48px; padding:0; border:2px solid #fff; border-radius:50%; background:#ff3998; color:#fff; font-size:30px; line-height:1; cursor:pointer; transition:background .3s ease, transform .3s ease;}
.pm-vimeo-close:hover {background:#0066ce; transform:rotate(90deg);}

.pm-vimeo-play:focus-visible,
.pm-vimeo-close:focus-visible {outline:3px solid #c9ff39; outline-offset:5px;}

html.pm-vimeo-open,
body.pm-vimeo-open {overflow:hidden !important; overscroll-behavior:none;}
.hero-heaaing-row>.vc_column-inner>.wpb_wrapper {
    display: flex;
    padding-right: 60px;
}

/* ============New video css start here============== */

.about-section.about-wrapper::after {display: none;}

/* Universal Video */

.wpb_video_wrapper.pm-video-trigger {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/11 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    cursor: pointer;
    isolation: isolate;
}

.pm-video-trigger > iframe,
.pm-video-trigger > video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
}

.pm-video-preview {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block !important;
    transition: transform .5s ease;
}

.pm-video-trigger:hover .pm-video-preview {
    transform: scale(1.05);
}

.pm-video-shade {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: rgba(0,20,50,.15);
    pointer-events: none;
}

.pm-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    padding: 0;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #FF3998;
    color: #fff;
    cursor: pointer;
    transform: translate(-50%,-50%);
    box-shadow: 0 8px 30px rgba(0,0,0,.2);
    transition: background .3s ease;
}

.pm-play-triangle {
    width: 0;
    height: 0;
    margin-left: 6px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 22px solid #fff;
}

.pm-video-play::before,
.pm-video-play::after {
    content: "";
    position: absolute;
    inset: -3px;
    z-index: -1;
    border: 2px solid #FF3998;
    border-radius: 50%;
    background: rgba(255,57,152,.28);
    pointer-events: none;
    animation: pmVideoPulse 2s ease-out infinite;
}

.pm-video-play::after {
    animation-delay: 1s;
}

@keyframes pmVideoPulse {
    0% {transform:scale(1);opacity:.85;}
    100% {transform:scale(2.2);opacity:0;}
}

.pm-video-trigger:hover .pm-video-play {
    background: #0066CE;
}

.pm-video-trigger:hover .pm-video-play::before,
.pm-video-trigger:hover .pm-video-play::after {
    border-color: #0066CE;
    background: rgba(0,102,206,.2);
}

/* Popup */

.pm-video-popup {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999999 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    padding: 65px 20px;
    box-sizing: border-box;
    background: rgba(5,12,35,.94);
    backdrop-filter: blur(8px);
}

.pm-video-dialog {
    position: relative;
    width: 100%;
    max-width: 1100px;
    aspect-ratio: 16/9;
    max-height: calc(100dvh - 130px);
    overflow: hidden;
    border-radius: 16px;
    background: #000;
}

.pm-video-dialog iframe,
.pm-video-dialog video {
    display: block;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

.pm-video-close {
    position: absolute;
    top: 20px;
    right: 25px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #FF3998;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
    transition: background .3s ease,transform .3s ease;
}

.pm-video-close:hover {
    background: #0066CE;
    transform: rotate(90deg);
}

.pm-video-close:focus-visible,
.pm-video-play:focus-visible {
    /* outline: 3px solid #C9FF39; */
    outline-offset: 5px;
}

html.pm-video-open,
body.pm-video-open {
    overflow: hidden !important;
    overscroll-behavior: none;
}

.wpb_video_wrapper.pm-video-trigger {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.pm-video-trigger > iframe,
.pm-video-trigger > video {
    visibility: hidden !important;
    opacity: 0 !important;
}

.pm-video-trigger .pm-video-preview {
    display: none !important;
}


@media(max-width:767px) {

    .pm-video-play {
        width: 65px;
        height: 65px;
    }

    .pm-play-triangle {
        border-top-width: 11px;
        border-bottom-width: 11px;
        border-left-width: 17px;
    }

    .pm-video-popup {
        padding: 60px 12px;
    }

    .pm-video-dialog {
        border-radius: 10px;
    }

    .pm-video-close {
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
        font-size: 26px;
    }
}

@media(prefers-reduced-motion:reduce) {
    .pm-video-play::before,
    .pm-video-play::after {
        animation: none;
    }

    .pm-video-preview {
        transition: none;
    }
}




/* ============New video css end here================ */

.hero-banner-wrap {position:relative; isolation:isolate;}
.hero-banner-wrap::after {content:""; position:absolute; top:0; right:0; width:700px; height:100%; background-image:url('/wp-content/uploads/2026/10/Bright-Abstract-Corner-Accents-1.png'); background-repeat:no-repeat; background-position:right center; background-size:contain; z-index:5; pointer-events:none !important;}
.hero-banner-wrap .banner-video {position:relative; z-index:2;}
.hero-banner-wrap .pm-vimeo-trigger {position:relative; z-index:2; cursor:pointer;}
.hero-banner-wrap .pm-vimeo-play {z-index:10; pointer-events:auto;}
.hero-banner-wrap .banner-video .vc_column-inner {padding-right: 0;}
/*=========== banner end here =========================*/

/*=========== quick links sec start here ===============*/
.quick-navigation-links {
    padding: 10px 0 !important;
}
.quick-links-box {
    padding: 30px 30px !important;
	position:relative; 
	cursor:pointer;
}
.quick-links-box::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 50px;
    background: #ebecee;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.quick-links-box:last-of-type::after {
    display: none;
}
.quick-links-box h2 a::after {content:""; position:absolute; inset:0; z-index:10;}
.quick-links-box h2 a{transition: all ease-in-out 300ms;}
.quick-navigation-links h2 {
    font-size: 25px;
    color: #032966;
    position: relative;
	margin-bottom: 0px !important;
}
.quick-links-box .wpb_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: max-content;
	margin: 0 auto;
}
.quick-links-box .wpb_wrapper img{
	width: 60px;
    height: 60px;
}
.quick-links-box:nth-child(1):hover h2 a {color:#f72c95;}
.quick-links-box:nth-child(2):hover h2 a {color: #36c3d6;}
.quick-links-box:nth-child(3):hover h2 a {color: #ff8c1c;}

/*============= quick links sec end here =====================*/

/*============ play strategy sec start here ===================*/

.play-strategy-wrap {position:relative; min-height:460px; padding:0 !important; overflow:hidden; isolation:isolate; background:#C9F7F9;}
.play-strategy-wrap::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, #00000000 0%, transparent 38%, rgb(195 247 249 / 87%) 44%, rgb(201 248 250) 50%, #c9f7f9 57%, #d8fbfc 75%, #bdf3f6 100%); pointer-events: none; }
.play-strategy-wrap>.vc_row {position:relative; display:flex; align-items:center; min-height:460px;}
.play-strategy-wrap>.vc_row>.wpb_column:first-child {position:absolute; top:0; bottom:0; left:calc((100vw - 100%) / -2); width:calc(58% + (100vw - 100%) / 2); height:100%; z-index:0; padding:0 !important;}
.play-strategy-wrap>.vc_row>.wpb_column:first-child>.vc_column-inner, .play-strategy-wrap>.vc_row>.wpb_column:first-child>.vc_column-inner>.wpb_wrapper, .play-strategy-wrap>.vc_row>.wpb_column:first-child .wpb_single_image, .play-strategy-wrap>.vc_row>.wpb_column:first-child .vc_figure, .play-strategy-wrap>.vc_row>.wpb_column:first-child .vc_single_image-wrapper {display:block; width:100%; height:100%; padding:0 !important; margin:0 !important;}
.play-strategy-wrap>.vc_row>.wpb_column:first-child img {display:block; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; object-position:center;}
.play-strategy-wrap>.vc_row>.wpb_column:last-child {position:relative; z-index:2; width:55%; margin-left:auto; float:none; padding:40px 0;}
.play-strategy-wrap h2 {margin:0 0 0px !important; color:var(--dark-blue); font-size:clamp(48px, 5.5vw, 100px); font-weight:800; line-height:1.05; letter-spacing:-2px;}
.play-strategy-wrap .para p {color: var(--dark-blue);font-size: 32px; font-weight; 500;}
.play-strategy-wrap .buttons-group {margin-bottom:18px !important;}
.play-strategy-wrap .buttons-group .wpb_wrapper {display:flex; align-items:center; flex-wrap:wrap; gap:20px; justify-content: end;}
.play-strategy-wrap .buttons-group .vc_btn3-container {margin:0 !important;}
.play-strategy-wrap .buttons-group+.wpb_text_column {margin:0 !important;}
.play-strategy-wrap .buttons-group+.wpb_text_column p {margin:0 0 0 20px; color:var(--dark-blue); font-size:15px; font-weight:500; line-height:1.5;}
.play-strategy-wrap>.vc_row>.wpb_column:last-child .vc_column-inner {padding: 0 !important;}
@media (max-width: 1400px) {
.play-strategy-wrap h2 {font-size:clamp(48px, 5vw, 76px);}
.play-strategy-wrap .para p {font-size:clamp(20px, 2vw, 28px);}
.play-strategy-wrap .buttons-group .wpb_wrapper {gap:10px;}
}

@media (max-width: 991px) {
.play-strategy-wrap, .play-strategy-wrap>.vc_row {min-height:380px;}
.play-strategy-wrap>.vc_row>.wpb_column:first-child {width:calc(60% + (100vw - 100%) / 2);}
.play-strategy-wrap>.vc_row>.wpb_column:last-child {width:52%; padding:30px 0;}
.play-strategy-wrap h2 {font-size:clamp(40px, 5vw, 54px); letter-spacing:-1px;}
.play-strategy-wrap .para p {font-size:20px;}

}

@media (max-width: 767px) {
.play-strategy-wrap {min-height:0;}
.play-strategy-wrap::after {background:linear-gradient(180deg, transparent 0%, transparent 26%, rgba(201, 247, 249, .4) 36%, #C9F7F9 48%, #D8FBFC 100%);}
.play-strategy-wrap>.vc_row {display:flex; flex-direction:column; min-height:0;}
.play-strategy-wrap>.vc_row>.wpb_column:first-child {position:relative; top:auto; bottom:auto; left:calc((100vw - 100%) / -2); width:100vw; height:300px; flex:none;}
.play-strategy-wrap>.vc_row>.wpb_column:first-child img {object-position:center;}
.play-strategy-wrap>.vc_row>.wpb_column:last-child {width:100%; margin:0; padding:25px 0 40px;}
.play-strategy-wrap h2 {font-size:clamp(42px, 10vw, 62px); letter-spacing:-1px;}
.play-strategy-wrap .para p {font-size:clamp(19px, 5vw, 25px);}
.play-strategy-wrap .buttons-group .wpb_wrapper {gap:12px;}
.play-strategy-wrap .buttons-group+.wpb_text_column p {font-size:14px;}
}

/*============ play strategy sec end here ===================*/

/*=========== Voices sec start here =========================*/

.your-voice-wrapper {position:relative; width:100%; padding:40px 0; overflow:hidden; z-index: 2;}
.your-voice-wrapper .voice-row::before {
    content: '';
    position: absolute;
    left: -14px;
    background: url('/wp-content/uploads/2026/10/Pink-Burst-Accent-Rays-1.png');
    z-index: -1;
    width: 130px;
    height: 130px;
    top: 60px;
    background-size: contain;
    background-repeat: no-repeat;
} 	
.your-voice-wrapper .voice-row::after {
    content: '';
    position: absolute;
    right: 0px;
    background: url('/wp-content/uploads/2026/10/Neon-Lime-Burst-Rays-4.png');
    z-index: -1;
    width: 90px; 
    height: 90px;
    top: 100px;
    background-size: contain;
    background-repeat: no-repeat;
}
.your-voice-wrapper h2 {
    margin: 0 0 20px 0 !important;
    color: var(--dark-blue);
    font-size: clamp(36px,4vw,55px);
    font-weight: 800;
    text-align: center;
}
.pm-voice-item {width:100%; padding:5px 0;}

.pm-voice-bubble {position:relative; display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:700/450; background-size:100% 100%; background-position:center; background-repeat:no-repeat;}

.pm-voices-slider .pm-voice-item.pink .pm-voice-bubble {background-image:url('/wp-content/uploads/2026/10/Lime-Green-Cloud-Speech-Bubble.webp');}
.pm-voices-slider .pm-voice-item.blue .pm-voice-bubble {background-image:url('/wp-content/uploads/2026/10/Soft-Pink-Cloud-Speech-Bubble.webp');}
.pm-voices-slider .pm-voice-item.green .pm-voice-bubble {background-image:url('/wp-content/uploads/2026/10/Pastel-Blue-Cloud-Speech-Bubble.webp');}


.pm-voice-content {
    position: relative;
    z-index: 2;
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.pm-voice-content h3 {
    margin: 0 0 15px;
    color: var(--dark-blue);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-transform: capitalize;
}
.pm-voice-content p {
    margin: 0;
    color: var(--dark-blue);
    font-size: clamp(12px,1vw,15px);
    font-weight: 500;
    line-height: 1.4;
}
.pm-voices-slider .owl-stage {display:flex; align-items:center;}

.pm-voices-slider .owl-item {flex:none;}

.pm-voices-footer {
    display: flex !important;
    justify-content: center;
}

.pm-voices-footer a {gap:20px;}


/*=========== Voices sec end here =========================*/



.logos-wrapper {width:100%; padding:40px 0; background:#EAFBFC;}
.logos-wrapper h2 {
    color: var(--dark-blue);
    margin-bottom: 25px !important;
}
.pm-supporters-layout {display:flex; align-items:center; gap:18px; width:100%;}
.pm-supporters-slider {flex:1; min-width:0;}
.pm-supporter-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    padding: 5px 5px;
    background: var(--white);
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #03347317;
}
.pm-supporter-item img {display:block; width:auto !important; max-width:100%; height:100%; max-height:100%; object-fit:contain;}
.pm-supporters .owl-stage {display:flex; align-items:stretch;}
.pm-supporters .owl-item {display:flex; align-items:stretch;}
.pm-supporters .owl-item .pm-supporter-item {width:100%;}
.pm-supporters .owl-nav,.pm-supporters .owl-dots {display:none;}

.pm-supporter-prev,.pm-supporter-next,.pm-supporter-toggle {display:flex; align-items:center; justify-content:center; flex:0 0 52px; width:52px; height:52px; padding:0; border:0; border-radius:50%; background:var(--white); color:var(--dark-blue); font-size:23px; cursor:pointer; transition:background .3s ease,color .3s ease,transform .3s ease;}
.pm-supporter-prev:hover,.pm-supporter-next:hover,.pm-supporter-toggle:hover {background: var(--blue); color: var(--white);}
.pm-supporter-prev:focus-visible,.pm-supporter-next:focus-visible,.pm-supporter-toggle:focus-visible {outline: none; outline-offset:unset;}
.pm-supporters-layout button:focus {
    background: var(--blue);
}


/*====== about page start here ==========*/

.inner-banner {
    padding: 40px 0 !important;
	position: relative;
	z-index: 2;
}

.inner-banner::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 700px;
    height: 100%;
    background-image: url('/wp-content/uploads/2026/10/Bright-Abstract-Corner-Accents-1.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    z-index: 1;
    pointer-events: none !important;
}
.banner-inner-heading {
    font-size: clamp(36px, 5vw, 65px) !important;
    line-height: 1.1 !important;
	text-shadow: 1px 1px 2px #000;
	text-transform: capitalize;
}
.inner-banner p {
    color: var(--white) !important;
	/* text-shadow: 1px 1px 2px #000; */
}

/* WPBakery - Right Side Inner Banner Image */
.inner-banner-right-img .inner-banner-img,
.inner-banner-right-img .inner-banner-img .vc_single_image-wrapper {
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 15px !important;
}

.inner-banner-right-img .inner-banner-img img {
    display: block;
    width: 100% !important;
    aspect-ratio: 4 / 2;
    height: auto;
    object-fit: cover;
    object-position: center;
}
.inner-banner-right-img .inner-banner-img figure.wpb_wrapper.vc_figure {
    width: 100%;
}

/* =========bubble effect css start here ========*/


/* =====================================
   PLAY MATTERS - BUBBLE ANIMATION
   Fix for WPBakery hero-banner-wrap
   ===================================== */

/* Main banner section */
.play-bubble-effect {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

/* Bubble layer sits over the section background */
.play-bubble-effect > .play-bubble-layer {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* IMPORTANT: don't place the entire row above the bubble layer */
.play-bubble-effect > .vc_row {
    position: relative !important;
    z-index: auto !important;
}

/* Keep banner columns and their content above bubbles */
.play-bubble-effect .banner-content,
.play-bubble-effect .banner-video {
    position: relative !important;
    z-index: 2 !important;
}

/* Bubble appearance */
.play-bubble-effect .play-bubble {
    position: absolute !important;
    display: block !important;
    bottom: -35px !important;
    left: var(--bubble-left, 20%);
    width: var(--bubble-size, 20px);
    height: var(--bubble-size, 20px);

    border-radius: 50% !important;
    background: var(--bubble-color, #65E8FF) !important;
    border: 2px solid rgba(255, 255, 255, 0.85) !important;
    box-shadow: inset 2px 2px 5px rgba(255,255,255,.7);

    opacity: 0;
    pointer-events: none !important;
    will-change: transform, opacity;

    animation: playBubbleRise
        var(--bubble-duration, 8s)
        linear
        var(--bubble-delay, 0s)
        infinite !important;
}

/* Float from bottom to top */
@keyframes playBubbleRise {
    0% {
        transform: translate3d(0, 0, 0) scale(.6);
        opacity: 0;
    }

    12% {
        opacity: .85;
    }

    40% {
        transform: translate3d(18px, -40vh, 0) scale(1);
        opacity: .75;
    }

    70% {
        transform: translate3d(-12px, -75vh, 0) scale(.9);
        opacity: .55;
    }

    100% {
        transform: translate3d(10px, -110vh, 0) scale(.7);
        opacity: 0;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .play-bubble-effect .play-bubble {
        border-width: 1px !important;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .play-bubble-effect .play-bubble {
        animation: none !important;
        display: none !important;
    }
}

/*========= bubble effect css end here ==========*/


/*========= about sec start here ================*/
section{overflow: hidden;}

.section-spacing{
	padding: 50px 0px !important;
}
.about-wrapper {
    position: relative;
    z-index: 2;
    background: #EAFBFC;
}
.about-wrapper::before {
    content: '';
    position: absolute;
    left: 80px;
    background: url('/wp-content/uploads/2026/10/Pink-Burst-Accent-Rays-1.png');
    z-index: -1;
    width: 100px;
    height: 100px;
    bottom: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}/*
.about-wrapper::after {
    content: '';
    position: absolute;
    right: 80px;
    background: url('/wp-content/uploads/2026/10/Neon-Lime-Burst-Rays-4.png');
    z-index: -1;
    width: 80px;
    height: 80px;
    top: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}*/
.about-wrapper .about-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.heading-wrap .heading-shape-img.heading-shape {
    right: 0 !important;
    top: -64px;
}
.about-wrapper .about-row .left-area {
    width: calc(50% - 20px);
}

.about-wrapper .about-row .right-area {
    width: calc(50% - 20px);
}
.about-wrapper .left-area {
    position: relative;
    padding: 20px;
    isolation: isolate;
}

.about-wrapper .left-area>.vc_column-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 45%;
    background: #22C4D6;
    border-radius: 45px 15px 100px 15px;
    transform: rotate(-7deg);
    z-index: -1;
}

.about-wrapper .left-area>.vc_column-inner::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 48%;
    height: 42%;
    background: #FF3F98;
    border-radius: 100px 20px 45px 20px;
    transform: rotate(7deg);
    z-index: -1;
}

.about-wrapper .left-area .vc_column-inner {
    padding: 0 !important;
}

.about-wrapper .left-area .about-img {
    position: relative;
    margin: 0 !important;
    border-radius: 28px 90px 28px 90px;
    overflow: hidden;
    background: #EAFBFC;
    box-shadow: 0 18px 40px rgba(7, 52, 119, 0.12);
}

.about-wrapper .left-area .about-img .vc_figure,
.about-wrapper .left-area .about-img .vc_single_image-wrapper {
    display: block;
    width: 100%;
    margin: 0;
}

.about-wrapper .left-area .about-img img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 4;
    object-fit: cover;
    object-position: center;
    transition: transform 0.6s ease;
}

.about-wrapper .left-area .about-img:hover img {
    transform: scale(1.05);
}

@media (max-width: 991px) {
    .about-wrapper .left-area {
        padding: 15px;
    }

    .about-wrapper .left-area .about-img {
        border-radius: 20px 65px 20px 65px;
    }

    .about-wrapper .left-area .about-img img {
        aspect-ratio: 4 / 5;
    }
}

@media (max-width: 767px) {
    .about-wrapper .left-area {
        padding: 15px;
        margin-bottom: 25px;
    }

    .about-wrapper .left-area .about-img {
        border-radius: 20px 55px 20px 55px;
    }

    .about-wrapper .left-area .about-img img {
        aspect-ratio: 4 / 4.5;
    }

    .about-wrapper .left-area::before {
        width: 40%;
        height: 35%;
    }

    .about-wrapper .left-area::after {
        width: 42%;
        height: 35%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-wrapper .left-area .about-img img {
        transition: none;
    }
}
.about-wrapper h2 {
    color: var(--dark-blue);
}

.about-wrapper h3 {
    color: var(--blue);
    font-size: 20px;
    line-height: normal;
    margin: 10px 0;
}
.about-wrapper p {
    color: var(--black);
}




/*========= our value sec start here ============*/

.our-value-wrapper.about-wrapper {
    background: var(--blue);
}

.our-value-wrapper.about-wrapper h2 {
    color: var(--white);
}

.our-value-wrapper.about-wrapper p {
    color: var(--white);
}
/*========= our value sec start here ============*/

/* whate we do sec start here */

.what-we-do-wrapper {
    background: #EAFBFC;
    position: relative;
    z-index: 2;
}
.what-we-do-wrapper h2{
	color: var(--dark-blue);
}
.what-we-do-wrapper .icon {
    width: 80px;
    height: 90px;
    margin-bottom: 20px;
    /* background: #f42b92; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px 10px 30px 10px;
}

.what-we-do-wrapper .icon img {
    width: 50px;
    height: auto;
    object-fit: contain;
}
.what-we-do-wrapper .cust-row {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.what-we-do-wrapper .cust-row > * {flex: 0 0 calc((100% - 60px) / 4);
    max-width: calc((100% - 60px) / 4);}

.what-we-do-box {
    background: var(--white);
    border-radius: 8px;
    overflow: hidden;
    padding: 20px 10px !important;
    border: 1px solid #2f6fb75e;
    box-shadow: 0 3px 0px var(--blue);
    transition: all ease-in-out 300ms;
    width: 100%;
    width: calc(25% - 20px) !important;
    position: relative !important;
    z-index: 2;
}
.what-we-do-box:hover {
    box-shadow: 0 5px 0 #f42b92;
    transform: translateY(-5px);
}
.shap-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 180px;
    background-size: cover;
    z-index: -1;
    margin: 0;
    opacity: 0.6;
	margin: 0;
	margin-bottom: 0;
}
.what-we-do-box p {
    font-size: 18px;
    color: var(--black);
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize;
}
/*============== common hover effect css start here =================*/

.border-draw-hover {position:relative; z-index:1;}
.border-draw-hover::before {content:""; position:absolute; top:0; left:0; width:0; height:0; border-top:2px solid transparent; border-right:2px solid transparent; pointer-events:none; z-index:10;}
.border-draw-hover::after {content:""; position:absolute; right:0; bottom:0; width:0; height:0; border-bottom:2px solid transparent; border-left:2px solid transparent; pointer-events:none; z-index:10;}
.border-draw-hover:hover::before {animation:borderDrawTopRight 0.7s linear forwards;}
.border-draw-hover:hover::after {animation:borderDrawBottomLeft 0.7s linear 0.7s forwards;}

@keyframes borderDrawTopRight {
0% {width:0; height:0; border-top-color:var(--blue); border-right-color:transparent;}
50% {width:100%; height:0; border-top-color:var(--blue); border-right-color:transparent;}
51% {border-right-color:var(--blue);}
100% {width:100%; height:100%; border-top-color:var(--blue); border-right-color:var(--blue);}
}

@keyframes borderDrawBottomLeft {
0% {width:0; height:0; border-bottom-color:var(--blue); border-left-color:transparent;}
50% {width:100%; height:0; border-bottom-color:var(--blue); border-left-color:transparent;}
51% {border-left-color:var(--blue);}
100% {width:100%; height:100%; border-bottom-color:var(--blue); border-left-color:var(--blue);}
}
.about-wrapper p {margin-bottom: 15px;}
.about-wrapper p:last-child {margin-bottom: 0;}
/*============== common hover effect css end here =================*/

/* whate we do sec end here */


/* play matters page start here */
.Blue-green-bg {
    background: #20bed2;
}

.pink-bg {
    background: #ee3d94;
}

.blue-bg {
    background: #0874cc;
}

.green-bg {
    background: #bfea43;
}
.play-matters-wrapper.about-wrapper {
    background: var(--blue);
}

.play-matters-wrapper.about-wrapper h2 {
    color: var(--white);
    margin-bottom: 15px;
}

.play-matters-wrapper.about-wrapper p {
    color: var(--white);
}

.play-matters-wrapper.about-wrapper a {
    color: var(--white);
    text-decoration: underline;
}

.play-matters-wrapper.about-wrapper a:hover {
    text-decoration: underline;
    color: var(--pink);
}
.lines-bg{
	position: relative;
	z-index: 2;
}
.lines-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('/wp-content/uploads/2026/10/visit-overlay-img.webp');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    opacity: 0.08;
    z-index: -1;
    display: block !important;
}
.advocacy-wrapper.about-wrapper.our-value-wrapper {
    position: relative;
    z-index: 2;
    background: #EAFBFC;
}

.advocacy-wrapper.about-wrapper.our-value-wrapper h2 {
    color: var(--dark-blue);
}

.advocacy-wrapper.about-wrapper.our-value-wrapper p {
    color: var(--dark);
}
/* play matters page end here */
/*========= about sec end here ==================*/

/*========= Report Page start here =============*/

/* report-and-publications sec start here */
.report-and-publications{
	position: relative;
    z-index: 2;
    background: #EAFBFC;
}
.pdf-info-row .pdf-box {
    width: calc(25% - 20px) !important;
    overflow: hidden;
    display: block;
    border-radius: 8px !important;
    background: var(--white);
    padding: 0px 0px 20px 0px !important;
    position: relative;
	box-shadow: 0 3px 0px var(--blue);
    transition: all ease-in-out 300ms;
}
.pdf-info-row .pdf-box:hover {
    box-shadow: 0 5px 0 #f42b92;
    transform: translateY(-5px);
}
.pdf-info-row .pdf-box .vc_column-inner {
    padding: 0 !important;
}

.pdf-info-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.pdf-info-row::before, .pdf-info-row::after {
    display: none !important;
}

.report-and-publications h2 {
    color: var(--dark-blue) !important;
}

.pdf-box .wpb_single_image {width:100%; margin:0 !important;}
.pdf-box .wpb_single_image .vc_figure,
.pdf-box .wpb_single_image .vc_single_image-wrapper {display:block; width:100%;}
.pdf-box .wpb_single_image img {display:block;width:100% !important;height:auto !important;aspect-ratio: 500 / 235;object-fit:cover;object-position:center;border-radius: 8px 8px 0 0;}

.report-and-publications h3 {
    text-align: center;
    font-size: 20px;
    color: var(--dark-blue);
    margin: 20px 10px 5px 10px !important;
}
.report-and-publications .theme-btn {
    display: flex;
    justify-content: center;
}
.report-and-publications .theme-btn a {
    padding: 14px 45px 14px 35px !important;
}
.report-and-publications p, .events-wrapper p {
    color: var(--black);
}
.events-wrapper.about-wrapper {
    background: #fbafcf2e;
    position: relative;
    z-index: 2;
}
.events-wrapper.about-wrapper .left-area .about-img img {
    aspect-ratio: 4 / 3;
}
.international-day-wrapper.events-wrapper.about-wrapper {
    background: #eafbfc;
}
.international-day-wrapper.events-wrapper.about-wrapper::after {
    left: 50px;
    right: unset;
    top: unset;
    bottom: 50px;
}
/* .play-matters-wrap.events-wrapper.about-wrapper .left-area .about-img img { */
    /* aspect-ratio: 4 / 4; */
/* } */
.play-matters-wrap.events-wrapper.about-wrapper .bottom_info p {
    font-size: 14px;
}
/* report-and-publications sec end here */



/*========= gallery sec start here =============*/

/* ===== Play Matters Gallery ===== */
.gallery-wrapper {
  position: relative;
  background-color: #FFFBF2;
  background-image: radial-gradient(#F6C768 1.5px, transparent 1.5px);
  background-size: 22px 22px;
}
.gallery-wrapper h2{
	color: var(--dark-blue);
}
.gallery-images .wpb_image_grid_ul {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  height: auto !important;         
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.gallery-images .wpb_image_grid_ul > li.isotope-item {
  position: static !important;     
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: hidden;
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10);
  background: #f3f3f3;
  transition: transform .35s ease, box-shadow .35s ease;
}

.gallery-images .wpb_image_grid_ul > li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.gallery-images .wpb_image_grid_ul > li img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  transition: transform .5s ease;
}

.gallery-images .wpb_image_grid_ul > li:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}
.gallery-images .wpb_image_grid_ul > li:hover img {
  transform: scale(1.06);
}

.gallery-images .wpb_image_grid_ul > li a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.25), transparent 50%);
  opacity: 0;
  transition: opacity .35s ease;
  pointer-events: none;
}
.gallery-images .wpb_image_grid_ul > li:hover a::after {
  opacity: 1;
}

.gallery-images .wpb_image_grid_ul > li:first-child {
  grid-column: span 2;
  grid-row: span 2;
}
.gallery-images .wpb_image_grid_ul > li:first-child img {
  aspect-ratio: 3 / 2;
  height: 100% !important;
}

/* ===== Tablet ===== */
@media (max-width: 991px) {
  .gallery-images .wpb_image_grid_ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

/* ===== Mobile ===== */
@media (max-width: 575px) {
  .gallery-images .wpb_image_grid_ul {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .gallery-images .wpb_image_grid_ul > li:first-child {
    grid-column: auto;
    grid-row: auto;
  }
  .gallery-images .wpb_image_grid_ul > li {
    border-radius: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gallery-images .wpb_image_grid_ul > li,
  .gallery-images .wpb_image_grid_ul > li img {
    transition: none;
  }
}

/*========= gallery sec start here =============*/

/* =====common css start here========= */
.common-cta-wrap {
    background: var(--blue);
    position: relative;
    z-index: 0;
}
.common-cta-wrap .theme-btn a {
    border: 1px solid var(--white) !important;
}

.common-cta-wrap h2, .common-cta-wrap p {
    color: var(--white);
}
/* =====common css end here=========== */


/*========= Report Page start here =============*/


/*========= where we have come from page start here ===============*/

/* journey sec start here */
.journey-wrapper h2{
	color: var(--dark-blue);
}
.journey-row {
    margin: 0 0 20px !important;
    background: #e1e7ea1c;
    border-radius: 8px;
    overflow: hidden;
    padding: 20px 20px 20px 20px !important;
    border: 1px solid #2f6fb75e;
    box-shadow: 0 3px 0px var(--blue);
    transition: all ease-in-out 300ms;
    width: 100%;
    position: relative !important;
    z-index: 2;
}

.journey-row:hover {
    box-shadow: 0 5px 0 #f42b92;
    transform: translateY(-5px);
}

.journey-row > .wpb_column,
.journey-row > .wpb_column > .vc_column-inner {
    padding: 0 !important;
}

.journey-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.journey-row .wpb_single_image.img {
    flex: 0 0 155px;
    width: 165px !important;
    margin: 0 !important;
    min-width: 155px;
}

.journey-row .img .vc_figure,
.journey-row .img .vc_single_image-wrapper {
    display: block;
    width: 100%;
}

.journey-row .img img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

.journey-row .wpb_text_column {
    flex: 1;
    min-width: 0;
    margin: 0 !important;
}

.journey-row .wpb_text_column h2 {
    position: relative;
    margin: 0 0 18px !important;
    color: #073477;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2;
}

.journey-row .wpb_text_column h2::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 55px;
    height: 4px;
    background: #75CCF4;
    border-radius: 10px;
}

.journey-row .wpb_text_column p {
    margin: 0 !important;
    color: var(--black);
    font-size: 16px;
}
.journey-row a {
    box-shadow: none !important;
    text-decoration: none !important;
    color: var(--blue) !important;
    transition: all ease-in-out 300ms;
}

.journey-row a:hover {
    color: #fb4c9c !important;
}
/* journey sec start here */

/*========= where we have come from page end here =================*/

/* ============Contact page start here================================ */

/*=========== contact box css start here============= */
.contact-us-wrapper {
    background: linear-gradient(90deg, #f5f4ec 0%, #eef0e9 20%, #e825280f 40%, #e825280f 60%, #e8252821 80%, #e825281a 100% 100%);
    position: relative;
    z-index: 2;
}

.contact-row .contact-left {
    width: calc(40% - 20px);
}

.contact-row .contact-right {
    width: calc(60% - 20px);
    max-width: 100%;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    padding: 30px;
    background: var(--white);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.contact-row .contact-right .coi-membership-form {
    width: 100%;
    max-width: 100% !important;
    padding: 0;
    box-shadow: unset;
    border-radius: 0;
    background: transparent;
    margin: unset;
}

.contact-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.wpcf7 form.invalid .wpcf7-response-output {
    border-color: #dc3545 !important;
    color: #dc3545 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #198754 !important;
    color: #198754 !important;
}

.contact-info-box {
    margin: 0 !important;
}

.contact-info-box .vc_message_box {
    position: relative;
    display: flex;
    align-items: center;
    min-height: auto;
    margin: 0 !important;
    padding: 12px 20px 12px 85px !important;
    background: var(--white) !important;
    border: 1px solid #e5ddd0 !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
    color: var(--black) !important;
    margin-bottom: 10px !important;
    transition: all ease-in-out 300ms !important;
}

.contact-info-box .vc_message_box:hover {
    border: 1px solid rgb(3 52 115 / 29%) !important;
    box-shadow: 0 5px 0px 0px rgb(182 196 214) !important;
}

.contact-info-box .vc_message_box:last-child {
    margin-bottom: 0 !important;
}

.contact-info-box .vc_message_box br {
    display: none;
}

.contact-info-box .vc_message_box a {
    box-shadow: none;
}

.contact-info-box .vc_message_box a:hover {
    color: var(--dark-blue) !important;
    box-shadow: none;
}

.contact-info-box .vc_message_box:hover .vc_message_box-icon {
    background-color: var(--dark-blue) !important;
}

.contact-info-box .vc_message_box:hover i {
    color: var(--white) !important;
}

.contact-info-box .vc_message_box-icon {
    position: absolute !important;
    top: 50% !important;
    left: 15px !important;
    min-width: 50px !important;
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: var(--blue) !important;
    border-radius: 50% !important;
    color: var(--white) !important;
    transform: translateY(-50%) !important;
    transition: all ease-in-out 300ms;
}

.contact-info-box .vc_message_box-icon i {
    position: static !important;
    transform: none !important;
    color: var(--white) !important;
    font-size: 20px !important;
    transition: all ease-in-out 300ms;
}

.contact-info-box .vc_message_box p {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--black) !important;
    font-size: 16px;
    line-height: 1.6;
}

.contact-info-box .vc_message_box p strong {
    display: block;
    margin-bottom: 3px;
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.contact-info-box .vc_message_box a {
    color: var(--black) !important;
    text-decoration: none !important;
}

.plan-your-visit.discover-sec {
    background: var(--white);
}

.Italy-info.contact-us-wrapper .contact-row .contact-right {
    background: transparent;
    box-shadow: none;
    padding-top: 0;
}

.team-img {
    border-radius: 8px;
    overflow: hidden;
    margin: 0;
}

/*============= contact form start here ============*/
.wpcf7-not-valid-tip {
    font-size: 13px !important;
    margin-top: 5px;
}

.contact-us-wrapper h2 {
    color: var(--dark-blue);
}

.contact-us-wrapper h2 {
    margin-bottom: 10px;
}

.contact-form-info br {
    display: none;
}

.contact-form-info .coi-form-section {
    margin-bottom: 20px;
}

.contact-form-info .coi-section-heading {
    margin-bottom: 20px;
}

.contact-form-info .coi-section-heading h3 {
    margin: 0;
    color: var(--black);
    font-size: 25px;
    text-transform: capitalize;
    font-weight: 700;
}

.contact-form-info .coi-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
}

.contact-form-info .coi-full {
    grid-column: 1 / -1;
}

.contact-form-info .coi-field p,
.contact-form-info .coi-question p,
.contact-form-info .coi-choice-row p,
.contact-form-info .coi-interest-grid p,
.contact-form-info .coi-contact-preference p {
    margin: 0;
}

.contact-form-info label {
    display: block;
    margin: 8px 0;
    color: var(--black);
    font-size: 16px;
    font-weight: 600;
	text-transform: capitalize;
}

.contact-form-info label>span {
    color: var(--black);
}

.contact-form-info input[type="text"],
.contact-form-info input[type="email"],
.contact-form-info input[type="tel"],
.contact-form-info select {
    width: 100%;
    height: 52px !important;
}

.contact-form-info textarea {
    height: 125px;
    resize: vertical;
}

.contact-form-info input:focus,
.contact-form-info select:focus,
.contact-form-info textarea:focus {
    border-color: var(--black) !important;
    outline: none;
}

.contact-form-info .coi-question,
.contact-form-info .coi-contact-preference {
    margin-bottom: 22px;
}

.contact-form-info .coi-choice-row .wpcf7-radio {
    display: flex;
    gap: 25px;
    justify-content: start;
    flex-wrap: wrap;
}

.contact-form-info .coi-choice-row label {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: var(--black);
    cursor: pointer;
}

.contact-form-info .coi-interests-heading {
    margin: 10px 0;
}

.contact-form-info .coi-interest-grid .wpcf7-checkbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 25px;
}

.contact-form-info .coi-interest-grid label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--black);
    cursor: pointer;
}

.contact-form-info .coi-contact-preference {
    margin-top: 25px;
}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
    min-width: 20px;
}

input[type="radio"] {
    margin: 0;
    width: 20px;
    height: 20px;
    min-width: 20px;
}


/* Common Submit Button */

.common-submit-btn {
    display: inline-block;
    width: auto;
    margin-top: 20px;
}

.common-submit-btn > p {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0 !important;
    background: var(--blue) !important;
    border: 1px solid #0066CE !important;
    border-radius: 100px !important;
    overflow: hidden;
    isolation: isolate;
    transition: border-color .4s ease, transform .35s ease, box-shadow .35s ease;
}

.common-submit-btn > p::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #FF3F98;
    border-radius: inherit;
    transform: translateY(105%);
    transition: transform .45s cubic-bezier(.22,1,.36,1);
    pointer-events: none;
}

.common-submit-btn input[type="submit"] {
    position: relative;
    z-index: 1;
    width: auto;
    margin: 0 !important;
    padding: 18px 35px !important;
    background: transparent !important;
    color: var(--white) !important;
    border: 0 !important;
    border-radius: 100px !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 1px;
    text-align: center;
    text-transform: capitalize;
    cursor: pointer;
}

.common-submit-btn > p:hover,
.common-submit-btn > p:focus-within {
    border-color: #FF3F98 !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(255,63,152,.22);
}

.common-submit-btn > p:hover::before,
.common-submit-btn > p:focus-within::before {
    transform: translateY(0);
}

.common-submit-btn input[type="submit"]:focus-visible {
    outline: 2px solid #FF3F98;
    outline-offset: -4px;
}

.common-submit-btn > p > br,
.common-submit-btn > p > i {
    display: none !important;
}

.common-submit-btn .wpcf7-spinner {
    position: absolute !important;
    top: 50%;
    right: 5px;
    z-index: 5;
    margin: 0 !important;
    transform: translateY(-50%);
}

/* custom btn css start here */

.custom-btn {position:relative; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:50px; padding:12px 30px; background:#0066CE; color:#fff !important; border:2px solid #0066CE; border-radius:50px; font-size:16px; font-weight:600; line-height:1.4; text-align:center; text-decoration:none !important; cursor:pointer; overflow:hidden; isolation:isolate; box-sizing:border-box; transition:color .4s ease, border-color .4s ease, background-color .4s ease;}
.custom-btn::before {content:""; position:absolute; inset:0; z-index:-1; background:#FF3F98; transform:translateY(101%); transition:transform .4s ease; border-radius:inherit;}
.custom-btn:hover::before {transform:translateY(0);}
.custom-btn:hover {color:#fff !important; border-color:#FF3F98;}
.custom-btn:focus-visible {outline:2px solid #FF3F98; outline-offset:3px;}
.custom-btn:active {transform:scale(.98);}
input[type="submit"].custom-btn {background:#0066CE; transition:background-color .4s ease, border-color .4s ease;}
input[type="submit"].custom-btn:hover {background:#FF3F98;}
.load-more-btn.custom-btn {display: flex;justify-content: center;width: max-content;align-items: center;margin: 20px auto 0;}
@media (max-width: 575px) {
.custom-btn {min-height:46px; padding:10px 24px; font-size:15px;}
}

@media (prefers-reduced-motion: reduce) {
.custom-btn, .custom-btn::before {transition:none;}
}

/* custom btn css end here */



/*============= contact form end here ==============*/
@media (max-width: 767px) {
	.common-submit-btn input[type="submit"]{font-size: 16px !important;}
    .contact-info-box .vc_message_box {
        min-height: 100px;
        padding: 20px 20px 20px 80px !important;
    }

    .contact-info-box .vc_message_box-icon {
        left: 18px !important;
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
    }

    .contact-info-box .vc_message_box-icon i {
        font-size: 18px !important;
    }

    .contact-info-box .vc_message_box p {
        font-size: 14px;
    }

    .contact-info-box .vc_message_box p strong {
        font-size: 17px;
    }

    .coi-visit-submit {
        margin-top: 0;
    }

    .contact-form-info .coi-form-grid,
    .contact-form-info .coi-interest-grid .wpcf7-checkbox {
        grid-template-columns: 1fr;
    }

    .contact-form-info .coi-full {
        grid-column: auto;
    }

    .common-submit-btn {
        display: block;
        width: 100%;
    }

    .common-submit-btn>p {
        display: flex;
        width: 100%;
    }

    .common-submit-btn input[type="submit"] {
        width: 100%;
        min-width: 0;
    }


}

/*=========== contact box css end here=============== */

/*=========== faq sec start here ===========*/
.faq-wrapper {
    position: relative;
    z-index: 2;
    background: var(--gray);
}

.faq-inner {
    max-width: 1050px;
    margin: 0 auto !important;
}

.faq-inner .vc_toggle {
    position: relative !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid rgb(39 47 55 / 19%) !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 25px rgba(6, 38, 75, 0.06);
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.faq-inner .vc_toggle::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: #f42b92 !important;
    transform: scaleY(0);
    transform-origin: center;
    transition: transform 0.3s ease;
    z-index: 5;
}

.faq-inner .vc_toggle:hover::before,
.faq-inner .vc_toggle.vc_toggle_active::before {
    transform: scaleY(1);
}

.faq-inner .vc_toggle:hover {
    transform: translateY(-3px);
    border-color: rgb(232 37 40 / 20%) !important;
    box-shadow: 0 12px 30px rgba(6, 38, 75, 0.12);
}

.faq-inner .vc_toggle_title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 15px 80px 15px 28px !important;
    cursor: pointer !important;
    background: transparent !important;
    box-sizing: border-box !important;
}
.faq-inner .vc_toggle_title h4 {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--black) !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    transition: color 0.3s ease;
}

.faq-inner .vc_toggle:hover .vc_toggle_title h4,
.faq-inner .vc_toggle.vc_toggle_active .vc_toggle_title h4 {
    color: #f42b92 !important;
}

.faq-inner .vc_toggle_title .vc_toggle_icon {
    position: absolute !important;
    top: 50% !important;
    left: auto !important;
    right: 22px !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    background: hsl(359deg 81% 53% / 0%) !important;
    border: 1px solid rgb(39 47 55 / 26%) !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    transition: background 0.3s ease, border-color 0.3s ease !important;
}

.faq-inner .vc_toggle_title .vc_toggle_icon::before,
.faq-inner .vc_toggle_title .vc_toggle_icon::after {
    content: "" !important;
    position: absolute !important;
    background: var(--black) !important;
    border: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: background 0.25s ease, transform 0.25s ease !important;
}

.faq-inner .vc_toggle_title .vc_toggle_icon::before {
    width: 14px !important;
    height: 2px !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.faq-inner .vc_toggle_title .vc_toggle_icon::after {
    width: 2px !important;
    height: 14px !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.faq-inner .vc_toggle:hover.vc_toggle_title.vc_toggle_icon {
    background: var(--blue) !important;
    border-color: var(--blue) !important;
}

.faq-inner .vc_toggle:hover.vc_toggle_icon::before,
.faq-inner .vc_toggle:hover.vc_toggle_icon::after {
    background: #ffffff !important;
}

.faq-inner .vc_toggle.vc_toggle_active.vc_toggle_icon {
    background: #f42b92 !important;
    border-color: #f42b92 !important;
}

.faq-inner .vc_toggle.vc_toggle_active.vc_toggle_icon::before {
    background: #ffffff !important;
}

.faq-inner .vc_toggle.vc_toggle_active.vc_toggle_icon::after {
    background: #ffffff !important;
    transform: translate(-50%, -50%) scaleY(0) !important;
}

.faq-inner .vc_toggle.vc_toggle_active {
    background: linear-gradient(135deg, #ffffff 0%, #f2f7fc 100%) !important;
    border-color: rgba(47, 111, 183, 0.40) !important;
    box-shadow: 0 10px 30px rgba(6, 38, 75, 0.10);
}

.faq-inner .vc_toggle_content {
    position: relative !important;
    margin: 0 !important;
    padding: 0 28px 24px 28px !important;
    color: var(--black) !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}

.faq-inner .vc_toggle_content::before {
    content: "" !important;
    display: block !important;
    width: 45px !important;
    height: 2px !important;
    margin: 0 0 14px 0 !important;
    background: #f42b92 !important;
}

.faq-inner .vc_toggle_content p {
    margin: 0 !important;
    color: var(--black) !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}

.faq-inner .vc_toggle_content p {
    margin-bottom: 15px !important;
}

.faq-inner .vc_toggle_content p:last-child {
    margin-bottom: 0 !important;
}

.mt-20 {
    padding-top: 20px !important;
}

.faq-wrapper .wpb_single_image.wpb_content_element.vc_align_left.wpb_content_element.saperater-img {
    margin: 0 auto 15px !important;
}

.faq-wrapper .sub_heading {
    margin: 0 auto 15px !important;
}

.faq-wrapper h2 {
    text-align: center;
	color: var(--dark-blue);
}

.common-section-shape {
    position: relative;
    z-index: 2;
}

.common-section-shape::before {
  content: '';
    position: absolute;
    right: 80px;
    background: url('/wp-content/uploads/2026/10/Neon-Lime-Burst-Rays-4.png');
    z-index: -1;
    width: 80px;
    height: 80px;
    top: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

.enquiry-form-wrapper.contact-us-wrapper .saperater-img {
    width: 150px;
    margin: 0 0 15px 0;
}

@media (max-width: 991px) {
    .faq-inner {
        max-width: 100%;
    }

    .faq-inner .vc_toggle_title {
        padding: 18px 70px 18px 22px !important;
    }

    .faq-inner .vc_toggle_title h4 {
        font-size: 18px !important;
    }

    .faq-inner .vc_toggle_content {
        padding: 0 22px 22px 22px !important;
    }

    .faq-inner .vc_toggle_title .vc_toggle_icon {
        right: 18px !important;
        width: 35px !important;
        height: 35px !important;
    }
}

@media (max-width: 767px) {
    .faq-inner .vc_toggle {
        margin-bottom: 12px !important;
        border-radius: 9px !important;
    }

    .faq-inner .vc_toggle:hover {
        transform: none;
    }

    .faq-inner .vc_toggle_title {
        min-height: 65px !important;
        padding: 16px 60px 16px 18px !important;
    }

    .faq-inner .vc_toggle_title h4 {
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    .faq-inner .vc_toggle_title .vc_toggle_icon {
        right: 14px !important;
        width: 33px !important;
        height: 33px !important;
    }

    .faq-inner .vc_toggle_content {
        padding: 0 18px 20px 18px !important;
    }

    .faq-inner .vc_toggle_content p {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }
}

@media (max-width: 480px) {
    .faq-inner .vc_toggle_title {
        padding: 15px 55px 15px 15px !important;
    }

    .faq-inner .vc_toggle_title h4 {
        font-size: 15px !important;
    }

    .faq-inner .vc_toggle_title .vc_toggle_icon {
        right: 12px !important;
        width: 31px !important;
        height: 31px !important;
    }

    .faq-inner .vc_toggle_content {
        padding: 0 15px 18px 15px !important;
    }
}


/*=========== faq sec end here =============*/

/* ============Contact page end here================================== */

/*============ Resources page start here ============================*/
.educational-videos-wrap {
    background: linear-gradient(90deg, #f5f4ec 0%, #eef0e9 20%, #e825280f 40%, #e825280f 60%, #e8252821 80%, #e825281a 100% 100%);
    position: relative;
    z-index: 2;
}
.power-of-learning.advocacy-wrapper.about-wrapper.our-value-wrapper p {
    color: var(--black);
}

/* educational sec start here */
.educational-videos-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.educational-videos-row .content {
    padding: 25px 20px;
    text-align: center;
}
.educational-videos-row .content h3{
	color: var(--dark-blue);
	font-size: 20px;
	margin: 0;
}
.educational-videos-row .educational-video-box {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #2f6fb75e;
    box-shadow: 0 3px 0px var(--blue);
    transition: all ease-in-out 300ms;
    width: 100%;
    position: relative !important;
    z-index: 2;
}
.educational-videos-wrap h2 {
    color: var(--dark-blue);
}
.educational-videos-wrap p {
    color: var(--black);
}
.educational-videos-row .educational-video-box:hover {
    box-shadow: 0 5px 0 #f42b92;
    transform: translateY(-5px);
}

.educational-videos-row .educational-video-box .poster-img {
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
}

.educational-videos-row .educational-video-box .poster-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	transition: all ease-in-out 300ms;
}



.educational-videos-row .educational-video-box .poster-img {
    position: relative;
    overflow: hidden;
}

.educational-videos-row .educational-video-box .poster-img i {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 7;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background: #ff3998 !important;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    transform: translate(-50%, -50%);
    box-shadow: 0 8px 30px rgba(0,0,0,.2);
    transition: background .3s ease;
}

.educational-videos-row .educational-video-box .poster-img i::before {
    position: relative;
    z-index: 2;
    left: 3px;
}
.educational-videos-row .educational-video-box .poster-img i::after {
    content: "";
    position: absolute;
    inset: -3px;
    z-index: -1;
    border: 2px solid #ff3998;
    border-radius: 50%;
    background: rgba(255,57,152,.28);
    pointer-events: none;
    animation: educationalPulse 2s ease-out infinite;
}

.educational-videos-row .educational-video-box .poster-img::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 6;
    width: 80px;
    height: 80px;
    border: 2px solid #ff3998;
    border-radius: 50%;
    background: rgba(255,57,152,.15);
    pointer-events: none;
    transform: translate(-50%, -50%);
    animation: educationalPulseOuter 2s ease-out 1s infinite;
}

@keyframes educationalPulse {
    0% {transform: scale(1); opacity: .85;}
    100% {transform: scale(2.2); opacity: 0;}
}

@keyframes educationalPulseOuter {
    0% {transform: translate(-50%,-50%) scale(1); opacity: .85;}
    100% {transform: translate(-50%,-50%) scale(2.2); opacity: 0;}
}

.educational-videos-row .educational-video-box .poster-img:hover i {
    background: #0066CE !important;
}

.educational-videos-row .educational-video-box .poster-img:hover i::after,
.educational-videos-row .educational-video-box .poster-img:hover::after {
    border-color: #0066CE !important;
    background: rgba(0,102,206,.2) !important;
}

.educational-videos-row .educational-video-box .poster-img:hover i {
    background: #0066ce !important;
}

@media (max-width: 767px) {
    .educational-videos-row .educational-video-box .poster-img i,
    .educational-videos-row .educational-video-box .poster-img::after {
        width: 60px;
        height: 60px;
    }

    .educational-videos-row .educational-video-box .poster-img i {
        font-size: 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .educational-videos-row .educational-video-box .poster-img i::after,
    .educational-videos-row .educational-video-box .poster-img::after {
        animation: none;
    }
}

/* educational sec end here */
.educational-video-play::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #00000014;
}

.edu-video-popup {
    position: fixed;
    inset: 0;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 65px 20px;
    background: rgba(5,12,35,.94);
    backdrop-filter: blur(8px);
    box-sizing: border-box;
}

.edu-video-frame {
    width: 100%;
    max-width: 1100px;
    aspect-ratio: 16/9;
    max-height: calc(100dvh - 130px);
    background: #000;
    border-radius: 16px;
    overflow: hidden;
}

.edu-video-frame iframe,
.edu-video-frame video {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.edu-video-close {
    position: absolute;
    top: 20px;
    right: 25px;
    z-index: 10;
    width: 48px;
    height: 48px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #ff3998;
    color: #fff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edu-video-close:hover {
    background: #0066ce;
}

html.edu-video-open,
body.edu-video-open {
    overflow: hidden !important;
}

@media(max-width:767px) {
    .edu-video-popup {padding: 60px 12px;}
    .edu-video-frame {border-radius: 10px;}
    .edu-video-close {
        width: 40px;
        height: 40px;
        font-size: 26px;
        right: 15px;
        top: 15px;
    }
}

/*============ Resources page end here ============================*/


/*============ Your Voice on Play page start here =================*/


/* ========== Static Voices Grid Start ========== */


/* ========== Static Community Voices Section ========== */
.community-voices{
	position: relative;
    width: 100%;
    isolation: isolate;
	z-index: 2;
}
.community-voices::after {
    content: '';
    position: absolute;
    left: 80px;
	bottom: 80px;
    background: url('/wp-content/uploads/2026/10/Pink-Burst-Accent-Rays-1.png');
    z-index: -1;
    width: 100px;
    height: 100px;
    bottom: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}
.pm-static-voices-section {
    position: relative;
    width: 100%;
    isolation: isolate;
	z-index: 2;
}

.community-voices.-wrap h2 {
    color: var(--dark-blue);
}

.community-voices.-wrap p {
    color: var(--dark);
}

/* Grid Layout */

.pm-static-voices-section .pm-static-voices-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px 20px;
    width: 100%;
    align-items: stretch;
}

/* Speech Bubble Card */

.pm-static-voices-section .pm-static-voices-card {
    position: relative;
    width: 100%;
    min-width: 0;
    padding: 0 0 20px;
}

/* Bubble Shape */

.pm-static-voices-section .pm-static-voices-bubble {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 245px;
    height: 100%;
    box-sizing: border-box;
    padding: 70px 30px 35px;
    border-radius: 65px 60px 65px 55px / 55px 65px 60px 65px;
    background: #fbd5e8;
    background-image: none !important;
    isolation: isolate;
}

/* Speech Bubble Tail */

.pm-static-voices-section .pm-static-voices-bubble::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 12px;
    bottom: -17px;
    width: 48px;
    height: 46px;
    background: inherit;
    clip-path: polygon(45% 0, 100% 0, 0 100%, 20% 45%);
}

/* Quotation Mark */

.pm-static-voices-section .pm-static-voices-bubble::before {
    content: "“";
    position: absolute;
    top: 10px;
    left: 28px;
    z-index: 2;
    font-family: Georgia, serif;
    font-size: 94px;
    font-weight: 700;
    line-height: 1;
    color: #f45aaf;
}

/* Bubble Colors */

.pm-static-voices-section .pm-static-voices-card.pink .pm-static-voices-bubble {
    background: #fbd5e8;
}

.pm-static-voices-section .pm-static-voices-card.pink .pm-static-voices-bubble::before {
    color: #f45aaf;
}

.pm-static-voices-section .pm-static-voices-card.lime .pm-static-voices-bubble {
    background: #dff5ae;
}

.pm-static-voices-section .pm-static-voices-card.lime .pm-static-voices-bubble::before {
    color: #79c900;
}

.pm-static-voices-section .pm-static-voices-card.blue .pm-static-voices-bubble {
    background: #cff0ff;
}

.pm-static-voices-section .pm-static-voices-card.blue .pm-static-voices-bubble::before {
    color: #39b7ef;
}

/* Orange and Yellow Additional Colors */

.pm-static-voices-section .pm-static-voices-card.orange .pm-static-voices-bubble {
    background: #ffe4bb;
}

.pm-static-voices-section .pm-static-voices-card.orange .pm-static-voices-bubble::before {
    color: #ff9b25;
}

.pm-static-voices-section .pm-static-voices-card.yellow .pm-static-voices-bubble {
    background: #fff4ba;
}

.pm-static-voices-section .pm-static-voices-card.yellow .pm-static-voices-bubble::before {
    color: #ffd12f;
}

/* Bubble Tail Alternating Position */

.pm-static-voices-section .pm-static-voices-card:nth-child(2n) .pm-static-voices-bubble::after {
    left: auto;
    right: 12px;
    transform: scaleX(-1);
}

/* Card Content */

.pm-static-voices-section .pm-static-voices-content {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0px;
    box-sizing: border-box;
    text-align: left;
}

.pm-static-voices-section .pm-static-voices-content h3 {
    margin: 0 0 15px;
    color: var(--dark-blue, #073477);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: none;
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
}

.pm-static-voices-section .pm-static-voices-content p {
    margin: 0;
    color: var(--dark-blue, #073477);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
}

/* Optional Smooth Hover */

.pm-static-voices-section .pm-static-voices-bubble {
    transition: transform 0.4s ease;
}

.pm-static-voices-section .pm-static-voices-card:hover .pm-static-voices-bubble {
    transform: translateY(-5px);
}

/* ========== Tablet ========== */

@media (max-width: 991px) {

    .pm-static-voices-section .pm-static-voices-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 25px 20px;
    }

    .pm-static-voices-section .pm-static-voices-bubble {
        min-height: 230px;
        padding: 55px 25px 35px;
    }

    .pm-static-voices-section .pm-static-voices-content h3 {
        font-size: 16px;
    }
}

/* ========== Mobile ========== */

@media (max-width: 575px) {

    

    .pm-static-voices-section .pm-static-voices-card {
        max-width: 450px;
        margin: 0 auto;
    }

    .pm-static-voices-section .pm-static-voices-bubble {
        min-height: 215px;
        padding: 50px 30px 30px;
        border-radius: 55px;
    }

    .pm-static-voices-section .pm-static-voices-bubble::before {
        font-size: 78px;
        top: 14px;
        left: 25px;
    }

    .pm-static-voices-section .pm-static-voices-content h3 {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .pm-static-voices-section .pm-static-voices-content p {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pm-static-voices-section .pm-static-voices-bubble {
        transition: none;
    }
}

/* ========== Static Community Voices End ========== */

/* ========== Static Voices Grid End ========== */

/*============ Your Voice on Play page end here ===================*/

/*=========== join the movement start here =======================*/
.join-the-movement.about-wrapper .left-area .about-img img {
    aspect-ratio: 4 / 3;
}
.play-charter-download-wrapper {
    background: linear-gradient(90deg, #f5f4ec 0%, #eef0e9 20%, #e825280f 40%, #e825280f 60%, #e8252821 80%, #e825281a 100% 100%);
    position: relative;
    z-index: 2;
}
.play-charter-download-wrapper h2 {
    color: var(--dark-blue);
}

.play-charter-download-wrapper p {
    margin: 0 0 10px 0;
    color: var(--black);
}
.play-charter-download-wrapper .right-side {
    max-width: 100%;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    padding: 30px;
    background: var(--white);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/*=========== Endorsements Secured: here =========================*/
section.endorsements-voices {
    margin-top: 20px;
}
.voice-card {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 245px;
    height: 100%;
    box-sizing: border-box;
    padding: 55px 30px 35px;
    border-radius: 65px 60px 65px 55px / 55px 65px 60px 65px;
    background-image: none !important;
    isolation: isolate;
    flex-direction: column;
    background: #dff5ae;
}.quote-mark {
    z-index: 2;
    font-family: Georgia, serif;
    font-size: 94px;
    font-weight: 700;
    color: #f45aaf;
    height: 54px;
    line-height: 1 !important;
}

.voice-card p {
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: none;
    display: block;
    overflow: visible;
    color: #272c30 !important;
    -webkit-line-clamp: unset;
}.info--content button.real-story-read-toggle {
    position: absolute;
}.voice-card .real-story-content.active {
    overflow-y: scroll;
}
.bottom-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bottom-info img {
    width: 60px !important;
}
.voice-card .real-story-content {
    max-height: 175px;
    overflow: hidden;
    min-height: 175px;
    padding-bottom: inherit;
}
.voice-card .real-story-content.active {
  
    overflow-y:scroll;
}
.info--content {
    position: relative;
    padding-bottom: 40px;
}

/*=========== join the movement end here =========================*/

/*======================= media query start here ======================*/
@media (max-width: 1600px){
	/*.site-header::before {
		width: 20vw;
	}*/
}

@media (max-width: 1536px) {
   /* .site-header::before {
        width: 18vw;
    }*/
}

@media (max-width: 1440px) {
   /* .site-header::before {
        width: 17vw;
    }*/
	.play-strategy-wrap>.vc_row>.wpb_column:last-child { padding-right: 30px;}
}
@media (max-width: 767px) {
.hero-banner-wrap::after {width:70%;}
.pdf-box .wpb_single_image img {aspect-ratio:500 / 234;}
}
/*====================== media query end here ============================*/


@media (max-width: 1024px) {
.banner-heading {
    font-size: clamp(48px, 6vw, 100px);
 
}.pdf-info-row .pdf-box {
    width: calc(33% - 20px) !important;

}.what-we-do-wrapper h2, .community-voices.-wrap h2, .contact-us-wrapper h2, .common-cta-wrap h2, .report-and-publications h2, .gallery-wrapper h2, .educational-videos-wrap h2,.faq-wrapper h2 , .play-charter-download-wrapper h2, .play-charter-download-wrapper h2,.journey-wrapper h2 {font-size:clamp(36px, 3.6vw, 90px) !important;}
}
@media (max-width:1199px) {
.about-wrapper .about-row .left-area .vc_column-inner{
 
    max-height: 540px;
}.about-wrapper .about-row .left-area {
    display: flex;
    align-items: center !important;
    align-self: center;
}.common-section-shape::before {
   
    right: 10px;
 
    width: 50px;
    height: 50px;
    top: 40px;
  
}

}
@media (max-width:1000px) {
.site-title-wrap {max-width:140px;}
.site-header::before {width:180px;}
.custom-logo-link {position:relative; top:10px;}
.mobile-navigation.toggle-active + .drawer-wrap .drawer nav#drawer-navigation {padding-top:120px;}
.mobile-navigation button.menu-toggle.button-toggle:focus, .mobile-navigation button.menu-toggle.button-toggle:hover {color:var(--dark-blue) !important;}
.mobile-navigation.toggle-active button.menu-toggle.button-toggle:focus, .mobile-navigation.toggle-active button.menu-toggle.button-toggle:hover {color:#ffffff !important;}
.drawer .drawer-navigation .sub-menu li:first-child {border-top:1px solid var(--border-light);}
}

@media (max-width:991px) {
.inner-banner::after {background-position:bottom right; width:54%; height:100%;}
.hero-banner-wrap .banner-video, .inner-banner .inner-banner-right-img {padding-top:36px;}

.hero-banner-wrap::after, .inner-banner::after {background-position:bottom; width:65%; height:95%;}
.play-strategy-wrap > .vc_row > .wpb_column:last-child {text-align:center; padding:30px;}
.play-strategy-wrap > .vc_row > .wpb_column:last-child h2, .play-strategy-wrap > .vc_row > .wpb_column:last-child p {text-align:center !important;}
.play-strategy-wrap .buttons-group .wpb_wrapper {justify-content:center;}
.quick-links-row {display:flex; justify-content:center; flex-wrap:wrap;}
.quick-links-row:after, .quick-links-row:before {display:none;}
.quick-links-row .quick-links-box {width:auto; padding:15px !important;}
.quick-links-row .quick-links-box:nth-child(2)::after {display:none;}
.footer-bottom-list {gap:15px;}
.heading-wrap .heading-shape-img.heading-shape {right:-22px !important; top:0; width:50px;}
.what-we-do-wrapper .cust-row > * {
    flex: 0 0 calc((100% - 60px) / 2);
    max-width: calc((100% - 60px) / 2);
}
.about-wrapper h2 {font-size:clamp(40px, 4vw, 90px) !important;}
.heading-wrap > .vc_column-inner > .wpb_wrapper {
    display: flex;
}

.contact-us-wrapper  .contact-row:after, .contact-us-wrapper  .contact-row:before {
    display: none;
}

.contact-row .contact-left {
    width: calc(100% - 0px);
}

.contact-row .contact-right {
    width: calc(100% - 30px);
}

.contact-row .contact-left >.vc_column-inner {
}.pdf-info-row .pdf-box {
    width: calc(50% - 20px) !important;

}
}
@media (max-width:767px) {
.banner-subtext {font-size:18px; max-width:600px;}
.site-container {padding:0px 10px;}
.banner-heading {font-size:clamp(40px, 6vw, 100px);}
.quick-navigation-links h2 {font-size:22px;}
.your-voice-wrapper .voice-row::before {left:0px; z-index:-1; width:90px; height:90px; top:80px;}
.your-voice-wrapper .voice-row::after {right:15px; width:70px; height:70px; top:100px;}
.hero-banner-wrap .banner-video .vc_column-inner {padding-right:15px;}
.theme-btn a {padding:14px 35px !important; font-size:16px !important;}
.pm-voice-content h3 {font-size:15px; -webkit-line-clamp:3;}
.heading-shape-img {top:-10px; width:50px; right:18px;}
.mobile-navigation button {font-size:24px;}
.footer-widgets .footer-column {padding-top:0; width:100%;}
.footer-widgets {padding-top:0;}
.site-footer {padding-left:15px; padding-right:15px;}
.site-footer .wp-block-heading {text-align:center;}
.site-footer p.wp-block-paragraph {text-align:center;}
.footer-widgets + .footer-bottom {width:100%; padding-top:20px; text-align:center; padding-bottom:84px;}
.footer-bottom-list {justify-content:center;}
.footer-bottom-list li.footer-contact {padding:0 !important; border:none !important;}
.about-wrapper .about-row .left-area {width:calc(100% - 0px);}
.about-wrapper .about-row .left-area .vc_column-inner {max-height:max-content;}
.about-wrapper .about-row .right-area {width:calc(100% - 0px);}
.about-wrapper::before {display:none;}
.hero-heaaing-row h1 {font-size:clamp(40px, 6vw, 100px) !important;}
.heading-wrap .heading-shape-img.heading-shape {right:0px !important;}
.about-wrapper h2 {font-size:clamp(30px, 4vw, 90px) !important; padding-right:40px;}
.what-we-do-wrapper h2, .community-voices.-wrap h2, .contact-us-wrapper h2, .common-cta-wrap h2, .report-and-publications h2, .gallery-wrapper h2, .educational-videos-wrap h2,.faq-wrapper h2 , .play-charter-download-wrapper h2, .play-charter-download-wrapper h2,.journey-wrapper h2 {font-size:clamp(30px, 4vw, 90px) !important;}
.community-voices::after {display:none;}
.common-section-shape::before {top:0;}
 .contact-row .contact-right { padding: 30px 10px;  }
.international-day-wrapper.events-wrapper.about-wrapper .left-area { order: 1;}
.international-day-wrapper.events-wrapper.about-wrapper  .right-area {  order: 2;}
.educational-videos-row .educational-video-box .poster-img {  height: 170px;}
.educational-videos-row .content { padding: 20px 15px;}
.educational-videos-row .content h3 { font-size: 16px;}
.play-charter-download-wrapper .right-side {  padding: 30px 10px;}
.voice-card {
   
    padding: 24px 30px 20px;

}
}
  
@media (max-width:768px) {
.hero-banner-wrap::after, .inner-banner::after {background-position:bottom; width:55%; height:100%;}
}

@media (max-width:667px) {
.your-voice-wrapper .voice-row::before {width:60px; height:60px; top:70px;}
.your-voice-wrapper .voice-row::after {right:9px; width:46px; height:52px; top:80px;}
.pm-static-voices-section .pm-static-voices-grid {grid-template-columns:repeat(1, minmax(0, 1fr)); gap:25px 20px;}
.pm-static-voices-section .pm-static-voices-content {width:100%!important; max-width:100%!important; margin:0 auto!important; padding-left:0!important;}
.pm-static-voices-section .pm-static-voices-content {position:relative; z-index:3; width:100%; max-width:100%; margin:0 auto; padding-left:25px; box-sizing:border-box; text-align:left;}
    .heading-shape-img {
        top: -10px;
        width: 50px;
        right: 0px;
    }
.inner-banner .inner-banner-content .heading-shape-img {
    top: -34px;
}
.journey-row .wpb_single_image.img {
    flex: 0 0 100%;
    width: 100% !important;
    margin: 0 !important;
    min-width: 100%;
}.journey-row .img img {
    width: 150px !important;
}.journey-row .wpb_text_column h2 {
   
    font-size: 24px;
  
}
}

@media (max-width:575px) {
.quick-links-box {position:relative;}
.quick-links-row:after, .quick-links-row:before {display:none ;}
.quick-links-row .quick-links-box {width:100%; padding:15px !important; position:relative;}
.quick-links-box::after, .quick-links-row .quick-links-box:nth-child(2)::after {width:60px !important; display:block !important; height:3px; top:auto!important; transform:none!important; right:0!important; left:0!important; margin:auto!important; bottom:0;}
.quick-links-row .quick-links-box:last-child::after {display:none!important;}
.play-strategy-wrap h2, .logos-wrapper h2 , .your-voice-wrapper h2 {font-size:clamp(30px, 6vw, 100px);}
.quick-links-box .wpb_wrapper {gap:10px;}
.your-voice-wrapper .voice-row::before {width:70px; height:70px; top:70px;}
.your-voice-wrapper .voice-row::after {right:20px; width:55px; height:55px; top:70px;}
.pm-voice-content h3 {font-size:14px; -webkit-line-clamp:3;}
.pdf-info-row .pdf-box {    width: calc(100% - 20px) !important;}
.educational-videos-row {  grid-template-columns: repeat(1, 1fr);}
    .hero-heaaing-row h1 {
        font-size: clamp(36px, 6vw, 100px) !important;
    }
	.journey-row {
 
    padding: 20px 15px 20px 20px !important;
 
}
}

@media (max-width:480px) {
.what-we-do-wrapper .cust-row > * {flex:0 0 calc((100% - 20px) / 1); max-width:calc((100% - 20px) / 1);}
}