/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
 */
:root {
	/* 	all global font-sizes */
	--nywf-font-family: "Roboto", sans-serif;
	--content-r-gap15: 15%;
	--content-r-gap20: 20%;
	--content-r-gap25: 25%;
	--content-r-gap30: 30%;
	
   --clamp-80: 5rem;
	--clamp-72: 4.5rem;
	--clamp-64: 4rem;
	--clamp-60: 3.75rem;
	--clamp-56: 3.5rem;
	--clamp-48: 3rem;
	--clamp-40: 2.5rem;
	--clamp-36: 2.25rem;
	--clamp-32: 2rem;
	--clamp-24: 1.5rem;
	--clamp-28: 1.75rem;  
	--clamp-20: 1.25rem;  
	--clamp-16: 1rem;
	--clamp-18: 1.125rem;
	--clamp-14: 0.875rem;
	--clamp-12: 0.75rem;
	
	--clamp-1-3: clamp(0.0625rem, 0.0136rem + 0.2174vw, 0.1875rem);
	--clamp-64-128: clamp(4rem, 2.4348rem + 6.9565vw, 8rem);
	--clamp-60-120: clamp(3.5rem, 2.2826rem + 6.5217vw, 7.5rem); /* 404 page icon */
  --clamp-48-96: clamp(3rem, 1.8261rem + 5.2174vw, 6rem);
	 --clamp-280-720: clamp(17.5rem, 6.7391rem + 47.8261vw, 45rem); /* two-column nywf-imgh height */
	--clamp-96-192: clamp(6rem, 3.6522rem + 10.4348cqi, 12rem);
	--clamp-32-128: clamp(var(--clamp-32), -0.3478rem + 10.4348cqi, 8rem); /* section-padding */
  	--clamp-64-144: clamp(var(--clamp-64), -0.7391rem + 12.1739cqi, 9rem);
	--clamp-40-104: clamp(var(--clamp-40), 0.9348rem + 6.9565vi, 6.5rem);
  	--clamp-40-96: clamp(var(--clamp-40), 1.1304rem + 6.087cqi, 6rem);
	 --clamp-24-96: clamp(var(--clamp-24), -0.2609rem + 7.8261vw, 6rem);  /* two-column layout pading */
	--clamp-40-64: clamp(var(--clamp-40), 1.913rem + 2.6087cqi, var(--clamp-64));
  	--clamp-40-56: clamp(var(--clamp-40), 2.1087rem + 1.7391cqi, var(--clamp-56));
	--clamp-48-88: clamp(var(--clamp-48), 2.0217rem + 4.3478cqi, 5.5rem); /* L1 headings */
	--clamp-40-88: clamp(var(--clamp-40), 1.3261rem + 5.2174cqi, 5.5rem); /* countdown */
	--clamp-40-80: clamp(var(--clamp-40), 1.5217rem + 4.3478cqi, 5rem); /* Slider headings */
	--clamp-test-title: clamp(2.5vh, 4.4vh + 4.35vh, 5vh); /* Slider headings testing */

	--clamp-36-80: clamp(var(--clamp-36), 1.1739rem + 4.7826vi, 5rem);  /* timer section headings */
	--clamp-24-80: clamp(var(--clamp-24), 0.1304rem + 6.087vi, 5rem); /*nywf-card lg size */
	 --clamp-16-80: clamp(1rem, -0.5652rem + 6.9565vw, 5rem); /*logos-grid margin-top */
	--clamp-36-72: clamp(var(--clamp-36), 1.3696rem + 3.913cqi, var(--clamp-72)); /* L2 headings */
	--clamp-48-64: clamp(var(--clamp-48), 2.6087rem + 1.7391cqi, var(--clamp-64)); /* arrow */
	--clamp-32-56: clamp(var(--clamp-32), 1.413rem + 2.6087cqi, var(--clamp-56));
	--clamp-32-64: clamp(var(--clamp-32), 1.2174rem + 3.4783cqi, var(--clamp-64));
	--clamp-24-64: clamp(var(--clamp-24), 0.5217rem + 4.3478vi, var(--clamp-64));
	--clamp-16-64: clamp(var(--clamp-16), -0.1739rem + 5.2174vw, var(--clamp-64)); /*home page event card padding */
	--clamp-16-60: clamp(var(--clamp-16), -0.0761rem + 4.7826vi, var(--clamp-60)); /*nywf-card lg size */
	--clamp-24-60: clamp(var(--clamp-24), 0.6196rem + 3.913vi, var(--clamp-60)); /*nywf-card  py */
	 --clamp-48-60: clamp(var(--clamp-48), 2.7065rem + 1.3043vi, var(--clamp-60)); /*home page core areas card icon   */
	--clamp-40-60: clamp(var(--clamp-40), 2.0109rem + 2.1739vi, var(--clamp-60)); /*nywf-hc button mt */
	--clamp-8-40: clamp(0.5rem, -0.2826rem + 3.4783vw, 2.5rem); /*team cancel button */
    --clamp-16-40: clamp(var(--clamp-16), 0.413rem + 2.6087vi, var(--clamp-40)); /*nywf-card  px */
	--clamp-32-48: clamp(var(--clamp-32), 1.6087rem + 1.7391cqi, var(--clamp-48));
	--clamp-28-56: clamp(var(--clamp-28), 1.0652rem + 3.0435cqi, var(--clamp-56));
	--clamp-28-48: clamp(var(--clamp-28), 1.2609rem + 2.1739cqi, var(--clamp-48));
	--clamp-24-48: clamp(var(--clamp-24), 0.913rem + 2.6087vi, var(--clamp-48));
	--clamp-16-48: clamp(var(--clamp-16), 0.2174rem + 3.4783vw, var(--clamp-48)); /*the foundation page font-size */
	  --clamp-12-48: clamp(0.75rem, -0.1304rem + 3.913vw, var(--clamp-48));
	--clamp-24-40: clamp(var(--clamp-24), 1.1087rem + 1.7391cqi, var(--clamp-40));
	--clamp-32-40: clamp(var(--clamp-32), 1.8043rem + 0.8696cqi, var(--clamp-40));
	--clamp-20-32: clamp(var(--clamp-20), 0.9565rem + 1.3043vw, var(--clamp-32));
	--clamp-20-40: clamp(var(--clamp-20), 0.7609rem + 2.1739cqi, var(--clamp-40));
	--clamp-18-36: clamp(var(--clamp-18), 0.6848rem + 1.9565cqi, var(--clamp-36)); 
	--clamp-24-36: clamp(var(--clamp-24), 1.2065rem + 1.3043vi, var(--clamp-36)); /* homepage event wo-column */
	--clamp-24-32: clamp(var(--clamp-24), 1.3043rem + 0.8696cqi, var(--clamp-32));
	--clamp-18-32: clamp(var(--clamp-18), 0.7826rem + 1.5217vi, var(--clamp-32));  /* spotlight fraction */
	--clamp-16-32: clamp(var(--clamp-16), 0.6087rem + 1.7391cqi, var(--clamp-32));
	--clamp-16-24: clamp(var(--clamp-16), 0.8043rem + 0.8696cqi, var(--clamp-24)); /* body text */
/* 	 --clamp-body-test: clamp(2.4vh, 1.28vh + 1.87vh, 3.6vh); */
/* 	body text-test */
	--clamp-16-28: clamp(var(--clamp-16), 0.7065rem + 1.3043cqi, var(--clamp-28));
	--clamp-14-28: clamp(var(--clamp-14), 0.5326rem + 1.5217cqi, var(--clamp-28));
	--clamp-14-24: clamp(var(--clamp-14), 0.6304rem + 1.087cqi, var(--clamp-24));
	 --clamp-12-24: clamp(var(--clamp-12), 0.4565rem + 1.3043vi, var(--clamp-24));
	 --clamp-16-20: clamp(var(--clamp-16), 0.9022rem + 0.4348vw, var(--clamp-20));
	--clamp-12-20: clamp(var(--clamp-12), 0.5543rem + 0.8696cqi, var(--clamp-20)); /* subtitle font-size */
	--clamp-14-18: clamp(var(--clamp-14), 0.7772rem + 0.4348cqi, var(--clamp-18)); /* button */
	--clamp-12-16: clamp(var(--clamp-12), 0.6522rem + 0.4348cqi, var(--clamp-16));
	--clamp-12-18: clamp(var(--clamp-12), 0.6033rem + 0.6522cqi, var(--clamp-18)); /* button */
	--clamp-8-16: clamp(0.5rem, 0.3043rem + 0.8696vw, 1rem); /* subtitle margin-bottom */
	
	/* 	global color  */
	--nywf-white: #FFFFFF;
	--nywf-gray: #F5F5F5;
	--nywf-lightgray: #00000029;
	--nywf-junglegreen: #1E9B98;
	--nywf-red: #F9423A;
	--nywf-eaglegreen: #075762;
	--nywf-black: #000000;
	--nywf-junebud: #B3D344;
	--nywf-charcoal: #333333;
	--nywf-spanishgray: #999999;
	--nywf-darksliver: #707070;
	--nywf-blue: #001A72;
	--nywf-yellow: #e4c020;
	--nywf-darkyellow: #E4C020;
	--nywf-romance: #F8F4EC;
	--nywf-4b4b4b:#4b4b4b;
}

/* global color class */
.nywf-black { color: var(--nywf-black); } 
.nywf-bg-black { color: var(--nywf-white); background-color: var(--nywf-black); } 

.nywf-blue { color: var(--nywf-blue); } 
.nywf-bg-blue { color: var(--nywf-white); background-color: var(--nywf-blue); } 

.nywf-darksliver { color: var(--nywf-darksliver); } 
.nywf-bg-darksliver { background-color: var(--nywf-darksliver); } 

.nywf-charcoal { color: var(--nywf-charcoal); } 
.nywf-bg-charcoal { background-color: var(--nywf-charcoal); }

.nywf-junebud { color: var(--nywf-junebud); } 
.nywf-bg-junebud { color: var(--nywf-white); background-color: var(--nywf-junebud); } 

.nywf-spanishgray { color: var(--nywf-spanishgray); } 
.nywf-bg-spanishgray { background-color: var(--nywf-spanishgray); } 

.nywf-white { color: var(--nywf-white); } 
.nywf-bg-white { background-color: var(--nywf-white); } 

.nywf-lightgray { color: var(--nywf-lightgray); } 
.nywf-bg-lightgray { background-color: var(--nywf-lightgray); } 

.nywf-gray { color: var(--nywf-gray); } 
.nywf-bg-gray { background-color: var(--nywf-gray); } 

.nywf-romance { color: var(--nywf-romance); } 
.nywf-bg-romance { background-color: var(--nywf-romance); } 

.nywf-eaglegreen { color: var(--nywf-eaglegreen); } 
.nywf-bg-eaglegreen { color: var(--nywf-white); background-color: var(--nywf-eaglegreen); } 

.nywf-junglegreen { color: var(--nywf-junglegreen); } 
.nywf-bg-junglegreen { color: var(--nywf-white); background-color: var(--nywf-junglegreen); } 

.nywf-red { color: var(--nywf-red); } 
.nywf-bg-red { background-color: var(--nywf-red); color: var(--nywf-red); } 

.nywf-darkyellow { color: var(--nywf-darkyellow); }
.nywf-bg-darkyellow { background-color: var(--nywf-darkyellow); color: var(--nywf-white); } 
.nywf-yellow{color:var(--nywf-yellow);}
.nywf-bg-yellow { background-color: var(--nywf-yellow); color: var(--nywf-white); }

.nywf-4b4b4b {color:var(--nywf-4b4b4b);}
.nywf-bg-4b4b4b { background-color: var(--nywf-4b4b4b); color: var(--nywf-white); } 
/* ends */


/* global font-size */
.nywf-fs-88 :is(h1,h2,h3,h4,h5,h6,p,div,span,a,li) { font-size: var(--clamp-40-88); } 
.nywf-fs-80 :is(h1, h2, h3, h4, h5, h6, p, div, span, a, li) { font-size: var(--clamp-40-80); } 
.nywf-fs-72 :is(h1, h2, h3, h4, h5, h6, p, div, span, a, li) { font-size: var(--clamp-36-72); } 
.nywf-fs-48 :is(h1, h2, h3, h4, h5, h6, p, div, span, a, li) { font-size: var(--clamp-28-48); } 
.nywf-fs-40 :is(h1, h2, h3, h4, h5, h6, p, div, span, a, li) { font-size: var(--clamp-24-40); } 
.nywf-fs-32 :is(h1, h2, h3, h4, h5, h6, p, div, span, a, li) { font-size: var(--clamp-20-32); } 
.nywf-fs-30 :is(h1, h2, h3, h4, h5, h6, p, div, span, a, li) { font-size: var(--clamp-18-30); } 
.nywf-fs-24 :is(h1, h2, h3, h4, h5, h6, p, div, span, a, li) { font-size: var(--clamp-16-24); } 
.nywf-fs-14-24 :is(h1, h2, h3, h4, h5, h6, p, div, span, a, li) { font-size: var(--clamp-14-24); } 
.nywf-fs-20 :is(h1, h2, h3, h4, h5, h6, p, div, span, a, li) { font-size: var(--nywf-fs-20); } 
.nywf-fs-16 :is(h1, h2, h3, h4, h5, h6, p, div, span, a, li) { font-size: var(--nywf-fs-16); } 
.nywf-fs-14 :is(h1, h2, h3, h4, h5, h6, p, div, span, a, li) { font-size: var(--nywf-fs-14); } 
.nywf-fs-12-18 :is(h1, h2, h3, h4, h5, h6, p, div, span, a, li) { font-size: var(--clamp-12-18); }

.nywf-fw-900 { font-weight: 900; } 
.nywf-fw-bold { font-weight: bold; } 
.nywf-fw-normal { font-weight: normal; } 

.nywf-lh-90 { line-height: 90%; } 
.nywf-tw-60 { width: 60%; } 
.nywf-tw-70 { width: 70%; } 

 
.uppercase { text-transform: uppercase !important; } 
.lowercase { text-transform: lowercase !important; } 
.capitalize { text-transform: capitalize !important; } 
.normalcase { text-transform: none !important; } 
.text-decoration-none { text-decoration: none !important; } 
.underline { text-decoration: underline !important; } 
.m-0 {margin:0 0 0 0 !important;}
.mt-0 {margin-top:0 !important;}
.mb-0 {margin-bottom:0 !important;}
.ml-0 {margin-left:0 !important;}
.mr-0 {margin-right:0 !important;}
.p-0 {padding:0 0 0 0 !important;}
.pt-0 {padding-top:0 !important;}
.pb-0 {padding-bottom:0 !important;}
.pl-0 {padding-left:0 !important;}
.pr-0 {padding-right:0 !important;}