:root {
  --primary: #09426A;
  --secondary: #0A4772;
  --overlay: #062E4A;
--accent: #C7A56A;
}





@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Light.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('../fonts/FoundersGrotesk-Semibold.woff2') format('woff2'),
        url('../fonts/FoundersGrotesk-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk X-Condensed';
    src: url('../fonts/FoundersGroteskXCond-SmBd.woff2') format('woff2'),
        url('../fonts/FoundersGroteskXCond-SmBd.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk X-Condensed';
    src: url('../fonts/FoundersGroteskXCond-Reg.woff2') format('woff2'),
        url('../fonts/FoundersGroteskXCond-Reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk X-Condensed';
    src: url('../fonts/FoundersGroteskXCond-Med.woff2') format('woff2'),
        url('../fonts/FoundersGroteskXCond-Med.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk X-Condensed';
    src: url('../fonts/FoundersGroteskXCond-Bold.woff2') format('woff2'),
        url('../fonts/FoundersGroteskXCond-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}










body, .fg, .page-id-59101 *{ font-family: 'Founders Grotesk' !important; font-weight:400;}
.fgx, .page-id-59101 .fgx{font-family: 'Founders Grotesk X-Condensed' !important;}


.container{margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.page-id-59101 .container {width:100% !important;}


.common_btn{display: flex; color: #ffffff;}
.common_btn .text{background-color: #4C1413; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 18px;  padding: 8px 22px 2px 22px; white-space: nowrap; }
.common_btn .icon{display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; background-color: #4C1413; border-radius: 50%; transform: translateX(-2px); transition: all ease 0.2s;}

.common_btn:hover .icon{transform: translateX(3px);}

.common_btn.yellow{color: #111111;}
.common_btn.yellow .text{background: linear-gradient(90deg, #F8F099 0%, #CBA956 100%);}
.common_btn.yellow .icon{background-color: #CBA956;}


.common_btn.black{color: #ffffff;}
.common_btn.black .text{background-color: #000000; }
.common_btn.black .icon{background-color: #000000;}


.arrow_link svg{transition: all ease 0.3s;}
.arrow_link:hover svg{transform: translateX(5px);}


.counter{font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";}

.fp-watermark{display: none !important;}

.graph_img img{animation: rotate-animation 10s infinite linear;}


.trigger span{height: 2px; display: block; background-color: #111111; width:20px}



.navigation ul{background-color: #4c1413d9; backdrop-filter: blur(10px);}
.navigation ul li a{display: block; font-size: 18px; color: #ffffff; text-decoration: none; display: block; padding: 10px 0; }
.promise_header.fixed_promise{background-color: #4c1413d9; backdrop-filter: blur(10px);}


.ticket_tabs{display: flex; flex-wrap: wrap; background-color: #343237; padding: 4px; gap: 1px; border-radius: 50px; justify-content: space-between; width:100%; max-width: 675px;}
.ticket_tabs button{cursor: pointer; color: #948686; text-transform: uppercase; font-size: 14px; text-align: center; padding: 14px 11px 8px 11px; border-radius: 50px;}

.ticket_tabs button.active{  background:#07030B; color:#ffffff;}





.donation_options{display: flex; flex-wrap: wrap; width:100%; gap:23px; justify-content: center;}
.donation_options .single_donation{width:100%; position: relative; }
.donation_options .single_donation input[type="radio"]{position: absolute; opacity:0;}
.donation_options .single_donation label{background-color: #343237; border-radius: 5px; overflow: hidden; display: flex; flex-direction: column; transition: all ease 0.3s; position: relative; min-height: 100%; cursor: pointer; }




.chart_single label{transition: all ease 0.3s;}


.donation_options .single_donation label:hover,
.donation_options .single_donation input:checked + label,
.chart_single label:hover,
.chart_single input:checked + label
{transform: translateY(-5px);}

.chart_single{position: relative;}
.chart_single input[type="radio"]{position: absolute; opacity: 0;}

.donation_options .single_donation label:after,
.chart_single label:after
{border:2px solid transparent; left:0; top:0; right:0; bottom: 0; transition: all ease 0.3s;  content: ''; position: absolute; border-radius: 5px;}

.donation_options .single_donation input:checked + label:after,
.chart_single input:checked + label:after
{ border-color: #8F7E7E;}

.donation_options .single_donation label .donation_type_top{padding: 50px 30px 20px 30px; display: flex; flex-direction: column; gap:20px; text-align: center; background-color: #1E1C20;}
.donation_options .single_donation label .donation_type_top h4{text-transform: uppercase; color: #F7E6CC;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 1; 
letter-spacing: 0.66px;}

.donation_options .single_donation label .donation_type_top h3{
font-family: 'Founders Grotesk X-Condensed';
font-size: 100px;
font-style: normal;
font-weight: 500;
line-height: 1; 
letter-spacing: 2px;
text-transform: uppercase; 
background: linear-gradient(90deg, #FAE9A4 0%, #CBA956 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    padding-top: 7px;
}

.donation_options .single_donation label .donation_type_bottom{padding: 30px;}
.donation_options .single_donation label .donation_type_bottom .groups{display: flex; flex-direction: column; gap:25px}
.donation_options .single_donation label .donation_type_bottom .groups .group{display: flex; flex-direction: column;}
.donation_options .single_donation label .donation_type_bottom .groups .group h5{font-family: 'Founders Grotesk X-Condensed'; font-size: 34px; letter-spacing: 1.5px; line-height: 1;}

.donation_options .single_donation label .donation_type_bottom .groups .group p{font-size: 16px;  line-height: 1.4;}


@keyframes rotate-animation {
	0% {
		transform: rotate(0deg);
  }
  50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@media all and (min-width:640px)
{
.ticket_tabs button{padding: 14px 25px 8px 25px; white-space: nowrap; font-size: 18px;}
}


@media all and (min-width:768px)
{
     
  .ticket_tabs button{padding: 16px 38px 10px 38px; font-size: 22px;} 
  
  .donation_options .single_donation{width:calc(33.33% - 35px); }
  .donation_options .single_donation label .donation_type_top {    padding: 40px 20px 10px 20px;}
  .donation_options .single_donation label .donation_type_top h4{font-size: 15px; line-height: 1.2;}
  .donation_options .single_donation label .donation_type_top h3{font-size: 54px;}
  .donation_options .single_donation label .donation_type_bottom{padding: 20px;}
  .donation_options .single_donation label .donation_type_bottom .groups .group h5{font-size: 28px;}  
  .donation_options .single_donation label .donation_type_bottom .groups .group p{font-size: 15px;}

}


@media all and (min-width:1024px)
{
    

   
}


@media all and (min-width:1280px)
{
    

.navigation ul{background-color: transparent; backdrop-filter: none;}    


.donation_options .single_donation label .donation_type_top h4{font-size: 18px;}
.donation_options .single_donation label .donation_type_top h3 {    font-size: 80px;    }
.donation_options .single_donation label .donation_type_top {     padding: 50px 30px 20px 30px;    }
.donation_options .single_donation label .donation_type_bottom{padding: 30px;}
.donation_options .single_donation label .donation_type_bottom .groups .group h5 { font-size: 34px;  }
    .donation_options .single_donation label .donation_type_bottom .groups .group p {  font-size: 16px; }


}

@media all and (min-width:1536px)
{
    .container{max-width: 1580px;}

    .donation_options .single_donation label .donation_type_top h4{font-size: 22px;}
    .donation_options .single_donation label .donation_type_top h3 {font-size: 100px; }
    .donation_options .single_donation label .donation_type_bottom .groups .group p{font-size: 18px;}
    .donation_options .single_donation label .donation_type_bottom{padding: 50px 60px;}
}