/* ============================================
   GLOBAL FONT FACES
   Each weight is registered under a separate
   family name so the weight is explicit at the
   call-site (e.g. font-family: 'SF Pro Display Medium').
   ============================================ */

@font-face {
    font-family: 'SF Pro Display Regular';
    src: url('../../fonts/new-fonts/SFProDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display Medium';
    src: url('../../fonts/new-fonts/SFProDisplay-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display Bold';
    src: url('../../fonts/new-fonts/SFProDisplay-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nebulica Regular';
    src: url('../../fonts/new-fonts/Nebulica-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MetropolitanParliament Regular';
    src: url('../../fonts/new-fonts/MetropolitanParliament-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MetropolitanParliament Bold';
    src: url('../../fonts/new-fonts/MetropolitanParliament-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MetropolitanParliament Italic';
    src: url('../../fonts/new-fonts/MetropolitanParliament-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MetropolitanParliament BoldItalic';
    src: url('../../fonts/new-fonts/MetropolitanParliament-BoldItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Body font default */
body {
    font-family: 'SF Pro Display Regular', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}


/* NOTE: the Bootstrap grid scaffold (.container/.row/.col-*/.Section)
   lived here as a duplicate of css/grid.css, which is already loaded
   globally on every page — so it has been removed. Only the 2026
   font-faces (above) and the footer/header overrides (below) remain. */


/*Footer css starts*/
/* .topFooter {background-image: url(/wp-content/uploads/2024/04/lines.svg);padding: 60px 0;position: relative;background-size: contain;} */
/* ul.socialLinks {
    display: flex;
    gap: 20px;
    max-width: 142px;
    flex-flow: wrap;
} */

ul.socialLinks li a {
    margin-bottom: 0;
}
.topFooter::after {
    content: "";
    background: #131313;
    position: absolute;
    top: 57px;
    left: 0;
    width: 100%;
    height: calc(100% - 114px);
    z-index: 0;
}

.topFooter .container {
    position: relative;
    z-index: 1;
    padding-top: 30px;
    padding-bottom: 30px;
}

.gradientStrip {
    width: 100%;
    padding: 4px 0;
    background: transparent linear-gradient(90deg, #E5FFD8 0%, #6F37ED 100%) 0% 0% no-repeat padding-box;
}
.btmFooter p {
    font-size: 14px;
    font-weight: 200;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}
.btmFooter p img {
    max-height: 20px;
}
.footerlinks {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.topFooter h3 {
    color: #D3D3D3;
    font-weight: 500;
	    margin-top: 0;
}

.topFooter li a {
    color: #9F9F9F;
    text-decoration: none;
    margin-bottom: 15px;
    display: flex;
}

.topFooter li:hover a{
	color: #18F040;
}

.topFooter ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
	
.btmFooter p a {
    display: inline-flex;
}
	
/*Header css start*/
header#masthead {
    position: fixed;
    top: 0;
	left: 0;
    width: 100%;
    z-index: 99;
    padding: 25px 0;
	transition: all .5s ease;
}
/* header#masthead.addAnimation{
	    transform: translateY(-100%);
} */
header#masthead.stickyHeader {
/*     position: sticky !important; */
/*     top: 0; */
    width: 100%;
    text-align: center;
    margin: 0 auto;
/*     left: 0; */
    transition: all .5s ease;
    background: #0101016b;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 12px 0;
/*     border-bottom: 1px solid #dcdcdc5c; */
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
/* 	    transform: translateY(0%); */
}

.home header#masthead:not(.stickyHeader, .menu-open) {	@media(max-width: 767px){
	.ctaWrapper{
		opacity: 0;
	}
	}
/* .site-branding {
    display: none;
	} */
}

header#masthead.stickyHeader .site-branding {
    display: block;
}

.logoMenuWrapper {
    display: flex;
    align-items: center;
    gap: 50px;
	justify-content: space-between;
    width: 100%;
}

ul#primary-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}
ul#primary-menu a {text-decoration: none;color: #C3C3C3;padding-right: 20px;}

button.menu-toggle {
    display: none;
}
ul#primary-menu li {
    position: relative;
	    padding: 8px 0px;
	
	&:hover:not(.menu-item-has-children){
		a{
			color: #18F040;
		}
	}
	
	&.menu-item-has-children{
		@media(min-width: 992px){
		&:before{
			content: "";
			top: 15px;
			left: 0;
			width: 105px;
			height: 32px;
			will-change: transform;
			transition-property: transform;
			position: absolute;
			z-index: 0;
			opacity: 0;
			visibility: hidden;
			border-image: initial;
			border-right: 0px;
			border-bottom: 0px;
			background: transparent;
			z-index: 1;
		}
		}
		ul.sub-menu{
			@media(min-width: 992px){
		     box-shadow: rgba(0,0,0,.25) 0 3px 11px 0!important;
      border: 1px solid #C5C5C7;
    position: absolute;
    padding: 0;
    width: 245px;
    opacity: 0;
			border-radius: 12px;
    list-style: none;
    visibility: hidden;
    overflow: hidden;
    top: 40px;
    transform: translateY(-10px);
    transition: transform .4s ease-out, opacity .1s ease-out;
    display: flex;
    flex-direction: column;
    padding: 15px;
			    background: #131313;
			li{
				    margin: 0 0 5px;
				    padding: 0px;
				text-align: left;
				&:last-child{
					margin: 0 0;
				}
				&:hover{
					a{
						color: #18F040;
					}
				}
				a{
					
				}
				&::after{
						display: none;
					}
			}
			}
		}
	}
	
	&:hover{
		ul.sub-menu{
		    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    visibility: visible;
		}
		
	&.menu-item-has-children{
		&:before{
		   	opacity: 1;
			    visibility: visible;

		}
		}
	}
	
}

ul#primary-menu li::after {content: "";width: 1px;height: 80%;position: absolute;top: 10%;right: 0;background: #C3C3C3;}

ul#primary-menu li:last-child::after {
    height: 0;
    width: 0;
}

ul#primary-menu li:last-child a {
    padding-right: 0;
}
header#masthead.stickyHeader .site-branding a.custom-logo-link img {
    max-width: 100px !important;
}
header#masthead.withLogo {
	.row{
		.col-12{
			.site-branding{
				img{
					width: 145px;
					max-width: 145px;
					height: auto;
	
				}
                                    @media (max-width: 767px) {
                                        img {
                                            width: 120px !important;
                                            max-width: 120px;
                                        }
                                    }
			}
			display: flex;
			align-items: center;
			justify-content: space-between;
			
			.ctaWrapper{
				.ctaBtn{
					    min-width: 130px;
    font-size: 15px;
    line-height: 19px;
    height: 50px;
    padding: 20px 30px;
					@media(max-width: 767px){
						    min-width: auto;
    font-size: 14px;
    line-height: 16px;
    height: 45px;
    padding: 10px 20px;
						img{
							    max-width: 11px;
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 992px) {
    .site-footer .topFooter .footer-video-bg {
        top: 0 !important;
        height: 110vh !important;
        margin-top: -180px;
    }
nav#site-navigation {
    display: none;
}
.topFooter .container {
    padding: 0 15px;
}

.footerlinks {
    flex-flow: column;
    gap: 20px;
    margin-top: 30px;
}

 .topFooter ul {
    display: flex;
    flex-flow: wrap;
    gap: 15px;
    max-width: initial;
	flex-direction: column !important;
} 
.site-footer ul.socialLinks{
	flex-direction: row !important;
}
.topFooter h3 {
    margin-bottom: 10px;
}

.topFooter li a {
    margin-bottom: 0;
}
.topFooter {
	padding: 60px 0 30px;	
}
.btmFooter p img {
    max-height: 15px;
}
.faqWrapper::after {
    content: "";
    background: url('/wp-content/uploads/2024/05/Group-65.svg');
    width: 140px;
    height: 140px;
    position: absolute;
    top: -128px;
    left: -65px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9;
}

.faqWrapper {
    position: relative;
}

.faqWrapper::before {
    content: "";
    background: url(/wp-content/uploads/2024/05/Group-65.svg);
    width: 100px;
    height: 100px;
    position: absolute;
    top: -80px;
    right: -47px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9;
    transform: rotate(45deg);
}
.btmFooter p {
	font-size: 12px;	
}
		.mobileAccordion {
    display: flex;
    flex-direction: column;
	width: 100%;
	background: #0000005e 0% 0% no-repeat padding-box;
	border-radius: 9px;
	opacity: 1;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	padding: 10px;
}
	.mobileAccordion h3{
		flex-basis: 100%;
		margin-bottom: 0px;
		position: relative;
		&:before {
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2024/05/arrowDown.svg);
    width: 16px;
    height: 8px;
    background-size: contain;
    right: 0px;
			top: 7px;
    transition: all ease .5s;
			background-repeat: no-repeat;
}
		&.active:before{
			    transform: rotate(180deg);
		}
	}	
.mobileAccordion > div{
		display: none;
	margin-top: 10px;
}

}

@media only screen and (max-width: 992px) and (min-width: 767px)  { 
 
.footerlinks {
    margin-top: 0px;
}
		
}

@media(max-width: 992px){
    .h2026-footer .footerlinks div {
        width: 100%;
    }
.h2026-footer .footerlinks div.mobileAccordion.support {
    margin-top: 20px;
}
.h2026-footer .h2026-footer__social h3 {
    margin-bottom: 12px;
}
    .h2026-footer .h2026-footer__social {
        order: -1;
        text-align: center;
        margin-bottom: 228px;
                gap: 12px !important;
    }

    .h2026-footer .h2026-footer__social h3 {
        text-align: center;
    }

    .h2026-footer .h2026-footer__social ul.socialLinks {
        justify-content: center;
    }
.h2026-footer .footerlinks {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0;
    }

	    .headerCTA {
            display: inline-block;
    padding: 12px 20px;
    background: #ffffff;
    color: #000000;
    font-family: 'SF Pro Display Regular', sans-serif;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 999px;
    border: 0;
    cursor: pointer;
	margin-right: 10px;
    }
	ul#primary-menu{
		flex-direction: column;
		padding: 0px 16px;
		gap:10px;
	}
	ul#primary-menu li:last-child a{
		display: none !important;
	}
	ul#primary-menu li::after{
		display: none;
	}
	.menuHam {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
	
.hamburger .line{
     width: 30px;
    height: 2px;
    background-color: #ffffff;
    display: block;
    margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

/* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-11px) rotate(-45deg);
  -ms-transform: translateY(-11px) rotate(-45deg);
  -o-transform: translateY(-11px) rotate(-45deg);
  transform: translateY(-11px) rotate(-45deg);
}

	/* open menu */
	header#masthead{
&.menu-open{
background: #000;
 width: 100%;
height: 100vh;
ul#primary-menu :not(li.menu-item-has-children) a{
 width: 100%;
display: flex;
}
}
.ctaAndMenuWrapper {
    display: flex;
    gap: 20px;
}
.ctaWrapper{
.ctaBtn{
font-size: 12px !important;
    padding: 6px 20px !important;
    height: 45px  !important;
img{
                            max-width: 9px !important;
}
}
}
		.container{
	nav#site-navigation{
		    display: flex !important;
		opacity: 0;
		visibility: hidden;
		 position: absolute;
               top: 83px;
            left: 0;
          width: 100%;
		
.menu-menu-1-container{
			    flex-basis: 100%;
			ul#primary-menu {
    flex-direction: column;
    gap: 0px;
    flex-basis: 100%;

li{
                                text-align: left;
                                padding-left: 15px;
font-size: 17px;
line-height: 26px;
border-bottom: 1px solid #7070709e;
&::after{
display:none;
}

&.menu-item-has-children{
    position: relative;
&:before {
                                        content: '';
                                    position: absolute;
                                    width: 18px;
                                    height: 10px;
                                    background-image: url(/wp-content/uploads/2024/05/arrowDown.svg);
                                    background-size: contain;
                                    top: 15px;
                                    right: 20px;
                                    background-repeat: no-repeat;
transition: all ease .5s;
            transform: rotate(0deg);
}
&.is-active-sub-menu{
padding-bottom: 0px;
&:before {
            transform: rotate(180deg);
}
}
ul.sub-menu{
display:none;
    margin: 0px;
    list-style: none;
padding: 0;
                                    left: -15px;
                                    width: calc(100% + 15px);
                                    position: relative;
li{
&:first-child{
padding-top: 8px;
                                            border-top: 1px solid #7070709e;
                                            margin-top: 8px;
}
&:last-child{
border: none;
}
}
}
}

}
}
			
		}

	&.is-open {
		opacity: 1;
		visibility: visible;
		    transform: translateX(0%);
		
}
			}
		}
	}

}


/* ============================================
   FOOTER REDESIGN (global)
   Overrides the older dark-grey topFooter look.
   Logic / markup in footer.php is unchanged.
   ============================================ */
.site-footer {
    position: relative;
    color: #ffffff;
}

/* Full-bleed video background — replaces the old grey #131313 block */
.site-footer .topFooter {
    position: relative;
    overflow: hidden;
    background-image: none;
    background-color: #0a0a2e;
    padding: 80px 0 450px;
}

/* The bg video sits behind the content */
.site-footer .topFooter .footer-video-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    pointer-events: none;
}

/* Remove the old dark overlay rectangle */
.site-footer .topFooter::after {
    content: none;
}

.site-footer .topFooter .container {
    position: relative;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 0;
}

/* Column headings */
.site-footer .topFooter h3 {
    color: #ffffff;
    font-family: 'SF Pro Display Bold', sans-serif;
    font-size: 18px;
    margin: 0 0 18px;
}

/* Column links */
.site-footer .topFooter li a {
    color: rgba(255, 255, 255, 0.85);
    font-family: 'SF Pro Display Regular', sans-serif;
    font-size: 15px;
    text-decoration: none;
    margin-bottom: 12px;
    display: flex;
    transition: color 0.2s ease;
}

.site-footer .topFooter li:hover a {
    color: #18F040;
}

/* Social icons — circular filled badges */
.site-footer ul.socialLinks {
    display: flex;
    gap: 12px;
    max-width: none;
    flex-wrap: wrap;
}

.site-footer ul.socialLinks li {
    margin: 0;
}

.site-footer ul.socialLinks li a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    transition: background 0.2s ease, transform 0.2s ease;
}

/* .site-footer ul.socialLinks li a:hover,
.site-footer ul.socialLinks li a:focus {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
} */

/* .site-footer ul.socialLinks li a img {
    max-width: 16px;
    max-height: 16px;
    filter: brightness(0) invert(1);
} */

/* Bottom copyright bar — sits on top of bg image, transparent */
.btmFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0101016b;
    padding: 12px 0;
}

.site-footer .btmFooter p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.site-footer .btmFooter p img {
    max-height: 20px;
    filter: brightness(0) invert(1);
}

/* Mobile */
@media (max-width: 992px) {
    .site-footer .topFooter {
        padding: 60px 0 80px;
    }

    .site-footer .topFooter h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .site-footer .topFooter li a {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .site-footer ul.socialLinks li a {
        width: 34px;
        height: 34px;
    }
}

/* ============================================
   HEADER MENU REDESIGN (global)
   Logic / markup unchanged. Pure visual update.
   ============================================ */

/* Desktop only: turn the nav into a rounded pill */
@media (min-width: 993px) {
        .site-branding img.custom-logo {
        height: auto;
        max-width: 148px !important;
    }
    header#masthead .main-navigation {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 999px;
        padding: 20px 0px 18px 28px;
        display: flex;
        align-items: center;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    /* Menu list inside the pill */
    header#masthead ul#primary-menu {
        gap: 0;
        align-items: center;
    }

    /* Menu links — uppercase, white, generous tracking */
    header#masthead ul#primary-menu a {
        color: #ffffff;
        font-family: 'SF Pro Display Medium', sans-serif;
        font-size: 13px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        padding: 10px 40px;
        transition: color 0.2s ease;
    }

    header#masthead ul#primary-menu li {
        padding: 0;
    }

    header#masthead ul#primary-menu li:hover a {
        color: #18F040;
    }

    /* Remove the old vertical separator lines between items */
    header#masthead ul#primary-menu li::after {
        content: none;
        display: none;
    }

    /* Last item = Register Now → white pill button */
    header#masthead ul#primary-menu li:last-child {
        padding: 0;
        margin-left: 8px;
    }

    header#masthead ul#primary-menu li:last-child a {
        background: #ffffff;
        color: #000000;
        font-family: 'SF Pro Display Regular', sans-serif;
        border-radius: 999px;
        padding: 20px 40px;
        letter-spacing: 1.5px;
        margin: 0;
        line-height: 1;
        transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
		font-size: 18px;

    }

    header#masthead ul#primary-menu li:last-child:hover a {
        color: #000000;
        transform: translateY(-1px);
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
    }

    /* Tighten the sticky variant to match */
    header#masthead.stickyHeader .main-navigation {
        background: none;
    }
	.support{
		padding-top: 20px;
	}
	.headerCTA{
		display: none;
	}
}