/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : Mar 8, 2026, 5:02:32 PM
    Author     : etoile
*/

     
 

           :root {
    --light-gray: #f6f6f6;
    --dark-gray: #2e2e2e;
    --white: white;
    --button-hover: #3347a0;
    --button-dark: #1f2637;
    --color-01-light: #b0eed8;
    --color-02-light: #90e4c6;
    --background-dark: #2f3545;
    --darker-dark: #272d3e;
    --photo-overlay: #2e419e;
    --colour-02-dark: #1fdebf;
    --color-01-dark: #058e98;
    --dark-slate-blue: #2f354599;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif;
}




       
       .w-layout-grid2 {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
;
}
       
       #w-node2-_8bc77c07-da70-f5e6-0421-df98b5d21f9e-0fa2b3f3 {
    grid-area: 1 / 3 / 2 / 6;
}
.projects-sticky-text2 {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100vh;
    display: flex
;
    position: sticky;
    top: 0;
}
.padding-medium2 {
    padding-top: 90px;
    padding-bottom: 90px;
}


       
.grid-projects-text2 {
    z-index: 6;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    inset: 0%;
}
.w-layout-grid2 {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
;
}

#w-node2-_8bc77c07-da70-f5e6-0421-df98b5d21f9e-0fa2b3f3 {
    grid-area: 1 / 3 / 2 / 6;
}
#w-node2-_8bc77c07-da70-f5e6-0421-df98b5d21f9e-0fa2b3f3 {
    grid-area: 1 / 3 / 2 / 6;
}
.padding-medium2 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.projects-sticky-text2 {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100vh;
    display: flex
;
    position: sticky;
    top: 0;
}
.projects-sticky-text2 {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 100vh;
    display: flex
;
    position: sticky;
    top: 0;
}
.padding-medium2 {
    padding-top: 20px;
    padding-bottom: 90px;
}
.wrap-content2 {
    z-index: 5;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.wrap-small-text2 {
    align-items: flex-end;
    margin-bottom: 1.2em;
    display: flex
;
}
.small-text-expanded2 {
    letter-spacing: .07em;
    flex: none;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
}
.dash2 {
    border-top: 1px solid var(--dark-gray);
    width: 55px;
    min-width: 15px;
    margin-bottom: 6px;
    margin-left: 9px;
    margin-right: 9px;
    padding-bottom: 1px;
    position: relative;
}

.small-text-expanded2 {
    letter-spacing: .07em;
    flex: none;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
}


.projects-callout2 {
    margin-bottom: 1em;
    font-size: 21px;
    line-height: 1.4em;
}

.link2 {
    z-index: 5;
    text-decoration: none;
    position: relative;
}
.w-inline-block2 {
    max-width: 100%;
    display: inline-block;
}
.wrap-text-and-underline2 {
    position: relative;
    overflow: hidden;
}
.small-text-with-underline2 {
    color: var(--dark-gray);
    letter-spacing: .05em;
    border-bottom: 1px solid #0003;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7em;
}

.hover-underline.thin-underline2 {
    border-bottom-width: 1px;
    padding-bottom: 1px;
}
.hover-underline2 {
    z-index: 2;
    border-bottom: 2px solid var(--dark-gray);
    width: 100%;
    padding-bottom: 1px;
    position: absolute;
    inset: auto 0% 0%;
}





       
  .section {
    position: relative;
}
.collection-list-wrapper1 {
    position: relative;
}
.w-dyn-empty1 {
  background-color: #ddd;
  padding: 10px;
}
wrap-projects-items1 {
    z-index: 7;
    width: 50%;
    position: relative;
    left: 50%;
}
       
  .project-item-sticky1:first-child {
    margin-top: 0;
}
.project-item-sticky1 {
    background-color: var(--button-dark);
    height: 150vh;
    margin-top: -50vh;
    position: sticky;
    top: -50vh;
    overflow: visible;
}
.wrap-project-item-photo1 {
    z-index: 2;
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
}
.project-item-photo1 {
    z-index: 1;
    opacity: .45;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.project-item-text-on-the-photo1 {
    z-index: 2;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: flex
;
    position: absolute;
    inset: 0 0% 0%;
}


.counter1 {
    align-items: flex-end;
    margin-bottom: 1em;
    display: flex
;
}
.hide1 {
    display: none;
}
.small-text-expanded1 {
    letter-spacing: .07em;
    flex: none;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
}

.text-light1 {
    color: var(--light-gray);
}
.small-text-expanded1 {
    letter-spacing: .07em;
    flex: none;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
}
.dash-long1 {
    background-color: var(--light-gray);
    width: 100px;
    height: 1px;
    margin-bottom: 6px;
    margin-left: 9px;
    margin-right: 9px;
}

.text-light.maxw-projects-title {
    max-width: 350px;
}
.text-light {
    color: var(--light-gray);
}


user agent stylesheet
h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
.project-item-text-on-the-photo1 {
    z-index: 2;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: flex
;
    position: absolute;
    inset: 0 0% 0%;
}
.link1 {
    z-index: 5;
    text-decoration: none;
    position: relative;
}
.w-inline-block1 {
    max-width: 100%;
    display: inline-block;
}
a {
    color: #FFFFFF;
    letter-spacing: .02em;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8em;
    text-decoration: underline;
}



.wrap-projects-items1 {
    z-index: 7;
    width: 50%;
    position: relative;
    left: 50%;
}

a {
    background-color: #0000;
}

user agent stylesheet a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
.project-item-text-on-the-photo1 {
    z-index: 2;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: flex
;
    position: absolute;
    inset: 0 0% 0%;
}
.project-item-sticky1 {
    background-color: var(--button-dark);
    height: 150vh;
    margin-top: -50vh;
    position: sticky;
    top: -50vh;
    overflow: visible;
}
.project-item-photo1 {
    z-index: 1;
    opacity: .58;
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.link1 {
    z-index: 5;
    text-decoration: none;
    position: relative;
}
.w-inline-block1 {
    max-width: 100%;
    display: inline-block;
}

user agent stylesheet
a1:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
}
.project-item-text-on-the-photo1 {
    z-index: 2;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: flex
;
    position: absolute;
    inset: 0 0% 0%;
}

.small-text-with-underline-light1 {
    color: var(--light-gray);
    letter-spacing: .05em;
    border-bottom: 1px solid #f6f6f633;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7em;
}
hover-underline.underline-light1 {
    border-bottom-color: var(--light-gray);
}
.hover-underline.thin-underline1 {
    border-bottom-width: 1px;
    padding-bottom: 1px;
}
.hover-underline1 {
    z-index: 2;
    border-bottom: 2px solid var(--dark-gray);
    width: 100%;
    padding-bottom: 1px;
    position: absolute;
    inset: auto 0% 0%;
}
.project-item-sticky1 {
    background-color: var(--button-dark);
    height: 150vh;
    margin-top: -50vh;
    position: sticky;
    top: -50vh;
    
}
@media (max-width:768px){

/* make image column full width */
.wrap-projects-items1{
    width:100% !important;
    left:0 !important;
}

/* keep sticky but fix height */
.project-item-sticky1{
    height:60vh !important;
    margin-top:0 !important;
    top:0 !important;
}

/* image container */
.wrap-project-item-photo1{
    height:60vh !important;
    position:sticky;
    top:0;
}

/* move text below images */
.grid-projects-text2{
    display:block !important;
}

/* add spacing so text appears after image */
.projects-sticky-text2{
    margin-top:40px;
}

}
       
 
@media (max-width:768px){

/* image block */
.wrap-project-item-photo1{
    position:relative !important;
    z-index:2;
}

/* project text section */
.grid-projects-text2{
    position:relative;
    z-index:1;
    margin-top:40px;
}

/* ensure each project creates space */
.project-item-sticky1{
    height:auto !important;
    min-height:60vh;
}

}
@media (max-width:768px){

/* make the section vertical */
.section{
    display:flex;
    flex-direction:column;
}

/* image block first */
.collection-list-wrapper1{
    order:1;
}

/* text block after image */
.grid-projects-text2{
    order:2;
    margin-top:40px;
}

}


.partner-card{
background:#ffffff;
padding:18px 28px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.25);
display:flex;
align-items:center;
justify-content:center;
transition:transform .3s ease;
}

.partner-card img{
height:80px;
object-fit:contain;
}

.partner-card:hover{
transform:translateY(-6px);
}

.about-text{
max-width:850px;
margin:auto;
text-align:center;

font-size:20px;
line-height:1.8;

letter-spacing:0.3px;
word-spacing:3px;

color:#4a6489;

font-family:"STC-light", sans-serif;
}
@media (max-width:768px){

.about-text{
text-align:center;
font-size:16px;
font-weight: 500;

letter-spacing:1px;
word-spacing:5px;

}

}