/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2e") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Jost-VariableFont_wght.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body{
    font-family: Jost,sans-serif!important;
    background-color: rgb(237, 243, 250);
    color:#16243f;
}
.main{background-color:rgb(237, 243, 250); color:#16243f;}

a{text-decoration:none;color:inherit;}
  ::selection{background:#1B63B6;color:#fff;}
  @keyframes aufade{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}	
	
.brand img {
	height: 80px;
    width:auto;
    object-fit: contain;
    display: block;
}

header {
	background-color: rgba(255, 255, 255, 0.82);
	border-bottom-color: rgb(220, 231, 243);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	backdrop-filter: blur(14px);
	top: 0px; 
	z-index: 9990; 
}
.site-header{
    background:rgba(255,255,255,.82);
    backdrop-filter:blur(14px);
}

/*CONTENT*/

.section-1240 {max-width: 1240px; margin: 0px auto; padding: 92px 36px 40px; background: rgb(237, 243, 250);}

/*HERO*/
	.hero {
		font-family: Jost,sans-serif!important;
		color: rgb(255, 255, 255);
	}

	  .hero-bg {
			background-image: linear-gradient(118deg,rgba(9,36,102,0.95) 0%,rgba(18,82,166,0.84) 55%,rgba(30,140,212,0.52) 100%), url("../img/background.webp");
			background-size: cover;
	  }
	  .hero-container {
		max-width: 1240px; 
		margin: 0px auto; 
		padding: 108px 36px 96px; 
		position: relative;
	  }
	  
	  .hero-flex {
		display: flex; flex-wrap: wrap; gap: 56px; align-items: flex-start;
	  }
	  
	  .hero h1 {
		font-size: clamp(40px, 5.8vw, 76px); 
		line-height: 1; 
		letter-spacing: -0.01em; 
		font-weight: 600; 
		margin: 0px 0px 32px; 
		max-width: 17ch; 
		text-wrap: balance;
		}
	
	.hero-message {
		font-family: Jost,sans-serif!important;
		max-width: 600px; 
		display: flex; 
		flex-direction: column; gap: 18px;
		margin: 0px; 
		font-size: 17px; 
		line-height: 1.72; 
		color: rgb(220, 231, 245); 
		font-weight: 300;
	}
	
	  .subheading{
		  font-family: Jost,sans-serif!important;
			font-size: 11px; 
			font-weight: 500; 
			letter-spacing: 0.16em; 
			text-transform: uppercase; 
			color: rgb(175, 198, 228); 
			margin-bottom: 8px;}
			
		.contact-txt {font-size: 15px; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 0.04em;}

/*BUTTONS*/

	.btn-action {
		background: rgb(247, 201, 75); 
		border-width: medium; 
		border-style: none; 
		border-color: currentcolor; 
		border-image: none; 
		cursor: pointer; 
		padding: 15px 30px; 
		border-radius: 999px; 
		font-family: Jost, sans-serif; 
		font-size: 15px; 
		font-weight: 600; 
		letter-spacing: 0.01em; 
		color: rgb(21, 35, 63); 
		box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 22px;
	}
	
	.btn-action:hover {filter: brightness(1.05);}
	
	.btn-involve {
		background: rgba(255, 255, 255, 0.12); 
		border: 1px solid rgba(255, 255, 255, 0.4); 
		cursor: pointer; 
		padding: 15px 30px; 
		border-radius: 999px; 
		font-family: Jost, sans-serif; 
		font-size: 15px; 
		font-weight: 500; 
		letter-spacing: 0.01em; 
		color: rgb(255, 255, 255);
	}
/*PANELS*/

	  .panel {
		font-family: Jost, sans-serif;
		flex: 1 1 0%; 
		min-width: 300px; 
		border-radius: 24px; 
		padding: 42px; 
		box-shadow: rgba(20, 60, 130, 0.04) 0px 4px 20px;
		}
	  .panel h3 {margin: 0px 0px 16px; font-size: 26px; font-weight: 600; letter-spacing: -0.01em;}
	  .panel-content {
		margin: 0px; 
		font-size: 16px; 
		line-height: 1.65; 
		color: rgb(86, 98, 122); 
		font-weight: 300;}
		
	  .panel-link {
		display: inline-flex; 
		align-items: center; 
		gap: 8px; 
		margin-top: 26px; 
		font-size: 14px; 
		font-weight: 600; 
		color: rgb(27, 99, 182); 
		white-space: nowrap;}
	  
	  .panel-white {
		background: rgb(255, 255, 255); 
		border: 1px solid rgb(220, 231, 243); 
	  }
	  .panel-blue {
		background: linear-gradient(140deg, rgb(14, 60, 140), rgb(33, 136, 210)); 
		color: rgb(255, 255, 255);
		box-shadow: rgba(20, 90, 180, 0.22) 0px 14px 34px;
		}
		
	.team-panel {
		background: rgb(255, 255, 255); 
		border: 1px solid rgb(220, 231, 243); 
		border-radius: 18px; 
		padding: 22px 26px;		
		}
	.team-name {
		font-size: clamp(20px, 2.3vw, 26px); 
		font-weight: 600; 
		letter-spacing: -0.01em; 
		line-height: 1.2; 
		color: rgb(22, 36, 63);
	}
		
	.scp4:hover {transition: border-color 0.18s, transform 0.18s; transform: translateY(-3px);}
	.scp2:hover {filter: brightness(1.05);}
	
	.bg-glass {
		background: rgba(255, 255, 255, 0.1); 
		backdrop-filter: blur(6px); 
		border: 1px solid rgba(255, 255, 255, 0.2); 
		border-radius: 22px; 
		padding: 30px 28px; 
		margin-top: 6px;
	}
	.sub-heading {
		font-family: Jost, sans-serif !important;
		font-size: 12px; 
		font-weight: 600; 
		letter-spacing: 0.16em; 
		text-transform: uppercase; 
		margin-bottom: 14px;
		color: rgb(27, 99, 182);}
		
	.line-blue {width: 28px; height: 2px; background: rgb(27, 99, 182); border-radius: 2px;}
	
	.line-yellow {width: 28px; height: 2px; background: rgb(247, 201, 75); border-radius: 2px;}
	
	.yellow {color:rgb(251, 233, 184);}
	
	.group-line {width: 28px; height: 3px; background: rgb(27, 99, 182); border-radius: 2px; margin-bottom: 14px;}
	
	.u-pill {
		font-size: 14px; 
		font-weight: 500; 
		border: 1px solid rgb(207, 224, 244); 
		border-radius: 999px; 
		padding: 9px 20px; 
		box-shadow: rgba(20, 60, 130, 0.05) 0px 2px 8px;}

	.pill-white {	
		color: rgb(22, 36, 63); 
		background: rgb(255, 255, 255); }

	.event .col-01 {
		flex: 1.1 1 0%; 
		min-width: 300px; 
		padding: 44px; 
		display: flex; 
		flex-direction: column;
		}
	.event .col-02 {
		flex: 1 1 0%; 
		min-width: 280px; 
		background: rgb(247, 250, 254); 
		border-left: 1px solid rgb(220, 231, 243); 
		padding: 20px 18px; 
		display: flex;
		flex-direction: column; 
		justify-content: center;
		}
	.event .wrapper {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px;}			
	.event h3.title {margin: 0px 0px 8px; font-size: clamp(24px, 2.7vw, 33px); line-height: 1.1; letter-spacing: -0.015em; font-weight: 600;}
	.event .sub-title {font-size: 17px; font-weight: 500; font-style: italic; color: rgb(27, 99, 182); margin-bottom: 16px;}
	.event .description {margin: 0px; font-size: 16px; line-height: 1.7; color: rgb(86, 98, 122); font-weight: 300;}
	.event img {width: 100%; height: 180px; object-fit: cover; border-radius: 12px; display: block;}
	.event-tag {
		display: inline-flex; 
		align-self: flex-start; 
		align-items: center; 
		gap: 9px; 
		letter-spacing: 0.02em;
		border-radius: 999px;
		margin-bottom: 20px;
		box-shadow:none;
		color: rgb(255, 255, 255);
		background: linear-gradient(135deg, rgb(14, 60, 140), rgb(33, 136, 210)); color: rgb(255, 255, 255); 
		/*padding: 7px 16px; */
		/*font-size: 13px; */
		}
	.event-pill {	
		color: rgb(51, 64, 90); 
		background: rgb(238, 244, 251);
		box-shadow: none;
		}	

	.dot {width: 7px; height: 7px; border-radius: 50%; background: rgb(247, 201, 75);}/*yellow dot*/

	.img-frame {
		width: 100%; 
		height: 220px; 
		object-fit: cover; 
		border-radius: 14px; 
		display: block;}

	.map-link {
		display: inline-flex; 
		align-items: center; 
		gap: 8px; 
		margin-top: 22px; 
		font-size: 14px;
		font-weight: 600; 
		color: rgb(27, 99, 182);
		border-bottom: 2px solid rgb(27, 99, 182);
		padding-bottom:2px;
		text-decoration:none;
	}
	ul.flex {
		list-style: none;
		margin: 0px;
		padding: 0px;}
	
	ul.flex li{
		display: flex; 
		gap: 14px; 
		align-items: baseline; 
		padding: 13px 0px; 
		/*border-top: 1px solid rgba(255, 255, 255, 0.14);*/
		font-size: 15px;
		line-height: 1.5;
		font-weight: 300;
		}
	
	li span.bullet-y {color: rgb(247, 201, 75)!important; font-size: 15px; line-height: 1;}
	li span.bullet-b {color: rgb(27, 99, 182)!important; font-size: 15px; line-height: 1;}
	
	li.y {color: rgb(227, 236, 247); border-top: 1px solid rgba(255, 255, 255, 0.14);}
	li.b {color: rgb(51, 64, 90); border-top: 1px solid rgba(231, 239, 249);}
	
.header-inner{
    height:96px;
}

.brand-logo{
    height:54px;
}

.brand-title{
    font-size:1.2rem;
    font-weight:700;
    color:#16243f;
}

/*.hero-section{
    padding-top:5rem;
    padding-bottom:5rem;
}

.hero-title{
    font-size:clamp(2.8rem,5vw,4.8rem);
    font-weight:800;
    line-height:1.05;
    margin-bottom:1.5rem;
}

.hero-text{
    font-size:1.2rem;
    color:#506070;
    max-width:640px;
}*/

.btn-primary{
    background:#1B5FB8;
    border-color:#1B5FB8;
}

.btn-primary:hover{
    background:#164f98;
    border-color:#164f98;
}

.btn-outline-primary{
    color:#1B5FB8;
    border-color:#1B5FB8;
}

.hero-image{
    max-width:100%;
    height:auto;
}

.section-padding{
    padding:6rem 0;
}

.section-title{
    font-size:2.5rem;
    font-weight:700;
    margin-bottom:1rem;
}

.section-description{
    max-width:760px;
    margin:0 auto;
    color:#66758a;
    font-size:1.1rem;
}

.feature-card{

    display:flex;
    flex-direction:column;

    height:100%;

    background:#fff;

    border-radius:22px;

    padding:2rem;

    transition:.25s;

    box-shadow:
        0 12px 40px rgba(0,0,0,.05);

}

.feature-card:hover{

    transform:translateY(-6px);

    box-shadow:
        0 20px 60px rgba(0,0,0,.12);

}

.feature-icon{

    width:72px;

    height:72px;

    object-fit:contain;

    margin-bottom:1.5rem;

}

.feature-title{

    font-size:1.4rem;

    font-weight:700;

    margin-bottom:.75rem;

}

.feature-text{

    color:#5f6f84;

    flex:1;

}

.surface{

    background:#fff;

    border-radius:20px;

    box-shadow:0 12px 40px rgba(0,0,0,.05);

    padding:2rem;

}

.timeline{

    position:relative;

    max-width:900px;

    margin:auto;

}

.timeline::before{

    content:"";

    position:absolute;

    left:22px;

    top:0;

    bottom:0;

    width:3px;

    background:#005BBB;

}

.timeline-item{

    display:flex;

    gap:2rem;

    position:relative;

    margin-bottom:3rem;

}

.timeline-dot{

    width:18px;

    height:18px;

    border-radius:50%;

    background:#005BBB;

    flex-shrink:0;

    margin-top:18px;

}

.quote-card{

    background:white;

    border-left:6px solid #005BBB;

    border-radius:16px;

    padding:2rem;

    box-shadow:0 12px 30px rgba(0,0,0,.05);

}

.cta-section{

    background:#005BBB;

    color:white;

    padding:5rem 0;

}

.gallery-image{

    width:100%;

    border-radius:18px;

    object-fit:cover;

}

.section-padding{
    padding:6rem 0;
}

.section-padding-sm{
    padding:4rem 0;
}

.section-padding-lg{
    padding:8rem 0;
}
.display-title{

    font-size:clamp(3rem,6vw,5rem);

    font-weight:800;

}

.section-title{

    font-size:clamp(2rem,4vw,3rem);

    font-weight:700;

}

.lead-text{

    font-size:1.25rem;

    color:#65748a;

}

.small-text{

    font-size:.95rem;

    color:#7d8795;

}

#navMenu ul {
	display: flex; 
	align-items: center; 
	gap: 4px; 
	flex: 1 1 0%; 
	justify-content: center;
	background-color: rgb(252, 253, 254);
}


.scp0 {
	background: transparent; 
	border-width: medium; 
	border-style: none; 
	border-color: currentcolor; 
	border-image: none; 
	cursor: pointer; 
	padding: 9px 16px; 
	border-radius: 999px;
	font-family:Jost,sans-serif;	
	font-size: 15px; 
	font-weight: 600; 
	letter-spacing: 0.005em; 
	color: rgb(60, 74, 99); 
	white-space: nowrap; 
	transition: background 0.18s, color 0.18s;
	line-height:	normal!important;
	}
	
.active	{
	background: rgba(27, 99, 182, 0.1);
	color:	#1B5FB8;
	}
	
.btn-donate {
	background: linear-gradient(135deg, rgb(14, 60, 140), rgb(33, 136, 210)); 
	border-width: medium; 
	border-style: none; 
	border-color: currentcolor; 
	border-image: none; 
	cursor: pointer; 
	padding: 10px 20px; 
	border-radius: 999px; 
	font-size: 14px; font-weight: 600; 
	letter-spacing: 0.01em; 
	color: rgb(255, 255, 255); 
	box-shadow: rgba(20, 90, 180, 0.28) 0px 6px 16px;
}

.tr-link {
	background: transparent; 
	border-width: medium; 
	border-style: none; 
	border-color: currentcolor; 
	border-image: none; 
	cursor: pointer; 
	padding: 6px 13px; 
	border-radius: 999px;
	font-family: Jost, sans-serif;	
	font-size: 13px; 
	font-weight: 600; 
	letter-spacing: 0.04em; 
	color: rgb(90, 102, 121);
}

.tr-active {
	background: linear-gradient(135deg, rgb(14, 60, 140), rgb(33, 136, 210));   
	color: rgb(255, 255, 255);
}
/* not used */
.heading-display {
	max-width: 1240px; 
	margin: 0px auto; 
	padding: 0px 36px; 
	height: 96px; 
	display: flex; 
	align-items: center; 
	justify-content: space-between; 
	gap: 24px;

}



/*footer*/

.footer {background: linear-gradient(135deg, rgb(11, 46, 115), rgb(21, 35, 63)); color: rgb(255, 255, 255);}
.footer-container {
	max-width: 1240px; 
	margin: 0px auto; 
	padding: 80px 36px 44px;
	}
.footer-content {display: flex; flex-wrap: wrap; gap: 48px; justify-content: space-between; align-items: flex-start;}
.scp7 {
		background: none; 
		border-width: medium; 
		border-style: none; 
		border-color: currentcolor; 
		border-image: none; 
		cursor: pointer; 
		padding: 0px;
		font-family: Jost, sans-serif; 
		font-size: 11px; 
		font-weight: 500; 
		letter-spacing: 0.16em; 
		text-transform: uppercase; 
		color: rgb(143, 166, 200); 
		margin-bottom: 14px; 
		display: flex; align-items: center; gap: 5px;
}

.scp8 {
		font-size: 18px; 
		font-weight: 500; 
		color: rgb(255, 255, 255); 
		border-bottom: 2px solid rgb(247, 201, 75); 
		padding-bottom: 3px;}
		
.scp9 {
	font-size: 13px; 
	color: rgb(143, 166, 200); 
	font-weight: 300;
	margin-top: 48px; 
	padding-top: 24px; 
	border-top: 1px solid rgba(255, 255, 255, 0.14); 
	display: flex; 
	flex-wrap: wrap; 
	gap: 16px; 
	justify-content: space-between; 
	align-items: center;}