body { background: #ffffff; padding:0px; margin:0px; font-size:18px; color:#000000; line-height:26px; font-family: 'FoundersGrotesk-Regular';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none; outline:none; }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:20px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
strong { font-weight: normal;}
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:1180px; margin:auto; padding:0px;}

.div-center { display: flex; flex-wrap:wrap; align-items:center; align-content:center; }

/* ================= Site Header ================= */
.site-header { background:#ffffff; padding:10px 0; position:relative; z-index:9; float: left; width:100%; }
.header-inner { display:flex; align-items:center; }

.site-logo { flex:1 0 auto; }
.site-logo a { display:block; line-height:0; }
.site-logo img { display:block; width:280px; height:auto; float: left; }

.main-nav { flex:0 1 auto; }
.main-nav ul { display:flex; align-items:center; flex-wrap:wrap; column-gap:34px; padding:0px; margin:0px; }
.main-nav ul li a { transition: all 0.4s ease; display:inline-block; font-family:'FoundersGrotesk-Light'; font-size:18px; line-height:1; color:#000000; white-space:nowrap; letter-spacing: 0.6px; }
.main-nav ul li a:hover, .main-nav ul li a:focus { color:#EA5001; }
.main-nav ul li a.active { font-family:'FoundersGrotesk-Bold'; }

.header-search { position:relative; flex:0 0 auto; margin-left:36px; }
.header-search-btn { transition: all 0.4s ease; width:40px; height:40px; border-radius:50%; border:1px solid rgba(0,0,0,.2); background:#ffffff; padding:0; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.header-search-btn:hover { border-color:#EA5001; }
.header-search-btn img { width:18px; height:18px; display:block; }

.search-box { position:absolute; top:calc(100% + 14px); right:0; width:280px; max-width:calc(100vw - 40px); background:#ffffff; border:1px solid rgba(0,0,0,.12); border-radius:10px; box-shadow:0 12px 30px rgba(0,0,0,.12); padding:10px 14px; display:flex; align-items:center; gap:10px; opacity:0; visibility:hidden; transform:translateY(-8px); transition:all .25s ease; z-index:20; }
.search-box:before { content:""; position:absolute; top:-6px; right:14px; width:12px; height:12px; background:#ffffff; border-left:1px solid rgba(0,0,0,.12); border-top:1px solid rgba(0,0,0,.12); transform:rotate(45deg); }
.header-search.open .search-box { opacity:1; visibility:visible; transform:translateY(0); }
.search-box input { flex:1; min-width:0; height:32px; line-height:1; padding:5px 0 0; margin:0; border:none; outline:none; background:transparent; font-family:'FoundersGrotesk-Regular'; font-size:17px; color:#333333; box-sizing:border-box; }
.search-box .submit-ar { flex:0 0 auto; width:14px; height:14px; padding:0; border:none; background:url('../images/search.svg') no-repeat center/contain; cursor:pointer; }
.search-box .search-clear { flex:0 0 auto; width:20px; height:20px; padding:0; border:none; background:none; font-size:20px; line-height:1; color:rgba(0,0,0,.4); cursor:pointer; display:none; }
.search-box.has-value .search-clear { display:block; }

.menu-toggle { display:none; width:28px; height:20px; border:none; background:none; padding:0; margin-left:24px; cursor:pointer; position:relative; flex:0 0 auto; }
.menu-toggle span { position:absolute; left:0; width:100%; height:2px; background:#1a1a1a; border-radius:2px; transition:all .3s ease; }
.menu-toggle span:nth-child(1) { top:0; }
.menu-toggle span:nth-child(2) { top:9px; }
.menu-toggle span:nth-child(3) { top:18px; }
.menu-toggle.active span:nth-child(1) { top:9px; transform:rotate(45deg); }
.menu-toggle.active span:nth-child(2) { opacity:0; }
.menu-toggle.active span:nth-child(3) { top:9px; transform:rotate(-45deg); }

.is-sticky .site-header { box-shadow: 0 2px 4px rgba(0,0,0,0.1);}

/* ================= Observatory Banner ================= */
.obs-banner { position:relative; overflow:hidden; min-height:auto; }
.obs-banner img { position:relative; float:left; width:100%; object-fit:cover; }
.obs-banner:before { content:""; width: 100%; height:100%; position:absolute; top:0; left:0; inset:0; z-index:2; background: linear-gradient(90deg,rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 60%); }
.page-banner-cnt { max-width:920px; position:absolute; top:50%; transform: translateY(-50%); z-index:3; }

.breadcrumb ul { display:flex; align-items:center; flex-wrap:wrap; margin:0 0 24px; padding:0; }
.breadcrumb ul li { display:flex; align-items:center; }
.breadcrumb ul li:not(:last-child):after { content:"|"; margin:0 12px; color:rgba(255,255,255,.4); font-size:16px; }
.breadcrumb ul li a { transition: all 0.4s ease; letter-spacing: 0.17px; font-family:'FoundersGrotesk-Bold'; font-size:16px; color:#17318D; }
.breadcrumb ul li a:hover { color:#ffffff; }
.breadcrumb ul li a.active { font-family:'FoundersGrotesk-Regular'; color:rgba(255,255,255,.75); }
.page-banner-cnt h1 { font-family:'FoundersGrotesk-Regular'; color:#ffffff; font-size:80px; line-height:1; letter-spacing: 0.8px;}

/* ================= Intro Section ================= */
.intro-sec { padding:100px 0; float:left; width:100%; }
.intro-cnt { border-left:2px solid #0132CC; padding-left:40px; }
.intro-cnt h2 { font-family:'FoundersGrotesk-Regular'; color:#333333; font-size:60px; line-height:1; margin-bottom:30px; letter-spacing: 0.6px; }

.intro-block { margin-bottom:50px; }
.intro-block:last-child { margin-bottom:0; }
.intro-block p { font-family:'FoundersGrotesk-Regular'; font-size:24px; line-height:1.3; color:#333333; margin-bottom:15px; }
.intro-block p:last-child { margin-bottom:0; }

/* ================= Why Finance Matters Section ================= */
.finance-sec { background-image:url('../images/bg-sea.webp'); background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#2E4EC0; padding:100px 0; float:left; width:100%; }
.finance-sec h2 { font-family:'FoundersGrotesk-Regular'; color:#ffffff; font-size:60px; line-height:1; margin-bottom:15px; }
.finance-sec p { font-family:'FoundersGrotesk-Regular'; color:#ffffff; font-size:24px; line-height:1.3; letter-spacing: 0.4px; margin-bottom:0; }

.finance-cols { display:flex; margin:70px 0; }
.finance-col { flex:1; padding:0 40px; border-left:1px solid rgba(255,255,255,.32); }
.finance-col:first-child { padding-left:0; border-left:none; }

.finance-icon { display:block; margin-bottom:50px; }
.finance-icon img { display:block; height:auto; width:auto; }

.finance-col h3 { font-family:'FoundersGrotesk-Regular'; color:#ffffff; font-size:40px; line-height:1; letter-spacing: 0.56px; }

/* ================= Role of the Observatory Section ================= */
.role-sec { padding:100px 0 120px; float:left; width:100%; }
.role-top { display:flex; align-items:center; gap:120px; margin-bottom:100px; }
.role-text { flex:1; }
.role-img { flex:1; }
.role-img img { display:block; width:100%; height:auto; }

.role-text h2 { font-family:'FoundersGrotesk-Regular'; color:#333333; font-size:60px; line-height:1; margin-bottom:20px; }
.role-text p { font-family:'FoundersGrotesk-Light'; color:#333333; font-size:24px; line-height:1.3; margin-bottom:30px; letter-spacing: 0.2px; }

.role-list { display:flex; flex-direction:column; gap:22px; }
.role-list li { padding-left:34px; background:url('../images/ico-tip.svg') no-repeat left 3px; background-size:20px 20px; font-family:'FoundersGrotesk-Light'; color:#333333; font-size:24px; line-height:1.3; }

.role-quote { border-left:2px solid #0132CC; padding:20px 0 20px 40px; }
.role-quote p { font-family:'FoundersGrotesk-Regular'; color:#0132CC; font-size:60px; line-height:1.1; }

/* ================= Other Publications Section ================= */
.publications-sec { padding:0px 0 100px; float:left; width:100%; }
.publications-sec > .row { display:grid; grid-template-columns:1fr auto; grid-template-areas:"heading button" "slider slider"; column-gap:30px; row-gap:40px; align-items:center; }
.publications-sec > .row > h2 { grid-area:heading; font-family:'FoundersGrotesk-Regular'; color:#333333; font-size:60px; line-height:1; }
.publications-sec > .row > .btn-view-all { grid-area:button; justify-self:end; }

.btn-view-all { display:inline-flex; align-items:center; width:250px; justify-content:center; background:#0132CC; color:#ffffff; font-family:'FoundersGrotesk-Medium'; font-size:16px; text-transform: uppercase; letter-spacing:0.89px; text-decoration:underline; padding:22px 46px; border-radius:40px; white-space:nowrap; transition:background .3s ease; }
.btn-view-all:hover { background:#E94B04; color:#ffffff; }

.publications-slider { grid-area:slider; min-width:0; width:100%; }
.publications-swiper { overflow:hidden; }
.publication-card { display:block; }
.publication-img { display:block; overflow:hidden; margin-bottom:24px; }
.publication-img img { display:block; width:100%; height:280px; object-fit:cover; transition:transform .5s ease; }
.publication-card:hover .publication-img img { transform:scale(1.05); }
.publication-card:hover h3 { color:#E94B04}

.publication-card h3 {transition: all 0.4s ease; font-family:'FoundersGrotesk-Medium'; color:#333333; font-size:24px; line-height:1.2; margin-bottom:15px; }
.publication-date { font-family:'FoundersGrotesk-Regular'; color:#333333; font-size:16px; }
.publication-date span { font-family:'FoundersGrotesk-Bold'; color:#0132CC; }

.publications-controls { z-index: 1; position: relative; display:none; align-items:center; justify-content:center; gap:26px; margin-top:0px; }
.publications-controls .swiper-button-prev, .publications-controls .swiper-button-next { position:static; top:auto; bottom:auto; left:auto; right:auto; margin:0; width:52px; height:52px; border-radius:50%; border:1px solid rgba(0,0,0,.15); background-color:#ffffff; background-image:none; transition:all .3s ease;  }
.publications-controls .swiper-button-prev:after, .publications-controls .swiper-button-next:after { content:""; display:block; width:10px; height:10px; border-top:2px solid #000000; border-right:2px solid #000000; background-image:none; }
.publications-controls .swiper-button-prev:after { transform:rotate(-135deg); margin-left:5px; }
.publications-controls .swiper-button-next:after { transform:rotate(45deg); margin-right:5px; }
.publications-controls .swiper-button-prev.swiper-button-disabled, .publications-controls .swiper-button-next.swiper-button-disabled { opacity:.35; }

.publications-pagination { position:static; display:flex; align-items:center; width:auto; }
.publications-pagination .swiper-pagination-bullet { background:#c9c9c9; opacity:1; width:12px; height:12px; margin:0 5px; }
.publications-pagination .swiper-pagination-bullet-active { background:#0132CC; }

.publications-controls .swiper-button-prev.swiper-button-lock,
.publications-controls .swiper-button-next.swiper-button-lock,
.publications-pagination.swiper-pagination-lock { display:none; }

/* ================= Site Footer ================= */
.site-switechersfund { position:relative; background-image:url('../../images/observatory/bg-footer.webp'); background-size:cover; background-position:center; background-repeat:no-repeat; background-color:#0b2a3d; padding:110px 0; float:left; width:100%; }
.footer-logo { display:block; width:auto; height:auto; filter:brightness(0) invert(1); margin-bottom:36px; }
.site-switechersfund p { font-family:'FoundersGrotesk-Regular'; color:#ffffff; font-size:24px; line-height:1.3; max-width:560px; margin-bottom:30px; letter-spacing: 0.4px; }

.footer-bottom { background:#F2F2F2; padding:44px 0; float:left; width:100%; }
.footer-logos { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; row-gap:20px; column-gap:50px; }
.footer-logos li img { display:block; height:42px; width:auto; }