:root {
    --Navy: #19223D;
    --Grey: #747474;
    --Gold: #966E32;
    --Sunglow: #C19D33;
    --Beige: #EDE4D5;
    --Cream: #FDF5E8;
    --Ice: #E8EDF2;
    --White: #ffffff;
    
    --bs-card-border-color: rgba(255, 255, 255, 1);
}  
html {
    scroll-snap-type: y mandatory;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: Jost;
    font-size: 1rem;
    line-height: 1.5rem;
}
body {
    margin: 0;
    scroll-snap-type: y mandatory;
	overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    
    color: var(--Navy);
    /* Desktop/Body - Text L2 */
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.48px;
}
p, ul {
    color: var(--Navy);
    /* Desktop/Body - Text L2 */
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.48px;
    margin-bottom: 0;
}
ul {text-align: left;}
.card-body ul { margin-bottom: 0px; }
.card-body ul li {
    color: #1E1E1E;
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: 0.48px;
    padding-bottom: 20px;
}
.card-body ul li:last-child { padding-bottom: 0px; }
.section-p, .section-p p {
   color: #19223D;

    /* Desktop/Body - Text L1 */
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: 0.6px;
}
.big-quote {
    /* color: var(--Navy); */
    /* Desktop/Big Quote */
    font-family: "Cormorant Garamond";
    font-style: normal;
    font-weight: 600;
    font-size: 2.125rem;
    line-height: 2.75rem;
    letter-spacing: 0px;
    margin-bottom: 0;
    /* font-size: 34px; */
    /* line-height: 44px;  */
    /* 129.412% */
}
.bigger-quote {
    color: var(--Navy, #19223D);
    text-align: center;
    font-family: "Cormorant Garamond";
    font-style: italic;
    font-weight: 600;
    font-size: 4.063rem;
    line-height: 4.063rem; /* 100% */
    /* font-size: 65px;  
    line-height: 65px; */
}
.title {
    color: var(--Gold);
    text-align: center;
    /* Desktop/Section - Title */
    font-family: "Cormorant Garamond";
    font-style: normal;
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 2.688rem;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    /* font-size: 36px;
    line-height: 43px;  */
    /* 119.444% */
}
.service-title {
    color: #966E32;
    font-family: "Cormorant Garamond";
    font-style: normal;
    font-weight: 600;
    font-size: 3.125rem;
    line-height: 3.438rem; 
    letter-spacing: -0.5px;
    margin-bottom: 30px;
    /* font-size: 50px;
    line-height: 55px;  */
    /* 110% */
}
.detail-title {
    font-family: Jost;
    font-style: normal;
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 2.5rem; 
    padding-bottom: 50px;
    /* font-size: 30px;
    line-height: 40px;  */
    /* 133.333% */
}
#list .detail-title { 
    color: var(--Navy, #19223D);
    font-family: Jost;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px; /* 140% */
    letter-spacing: 0;
}
.case-detail-title {
    color: var(--Navy);
    font-family: Jost;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    font-size: 2.813rem;
    line-height: 3.125rem; /* 111.111% */
    /* width: 90%; */
    /* font-size: 45px;
    line-height: 50px; */
}
.card-title {
    /* Desktop/Big Quote */
    text-align: center;
    font-family: "Cormorant Garamond";
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px; /* 117.647% */

    min-height: 80px;
}
.card-subtitle {
    font-family: Jost;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    color: var(--Navy)!important;
}
.sub-title {
    color: #8C6631;
    text-align: center;

    /* Desktop/Section - Subtitle L1 */
    font-family: "Cormorant Garamond";
    font-style: normal;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    /* font-size: 24px;
    line-height: 34px;  */
    /* 141.667% */
}
.tab-title {
    text-align: center;
    font-family: "Cormorant Garamond";
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    font-size: 1.125rem;
    line-height: 1.5rem;

    /* font-size: 18px;
    line-height: 24px; */
    /* 133.333% */
}
.body-header {
    /* Desktop/Body - Header L1 */
    font-family: Jost;
    font-style: normal;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.875rem; 
    letter-spacing: 0.6px;
    margin-bottom: 20px;
    /* font-size: 20px;
    line-height: 30px;  */
    /* 150% */
}
.body-header-2 {
    /* Desktop/Body - Header L2 */
    font-family: Jost;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px; /* 150% */
    letter-spacing: 0.48px;
}
.media-label {
    color: var(--Navy, #19223D);
    /* Desktop/Body - Header L2 */
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 150% */
    letter-spacing: 0.48px;
}
.category-label {
    font-family: Jost;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.border-box {
    /* display: inline-block;
    justify-content: center;
    align-items: center;
    gap: 10px; */

    padding: 10px 20px;
    border-radius: 20px;
    border: 1px solid var(--Gold, #966E32);
    margin-right: 20px;
    cursor: pointer;
}
footer {
    background: linear-gradient(180deg, #F7E7C4 0%, #F7F6F3 100%);
    color: var(--Navy);
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%; /* 22.5px */
    flex: 1;
}
.footer-text {
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%; /* 22.5px */
}
.footer-label {
    color: var(--Navy);
    text-align: left;
    font-family: Jost;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%; /* 18px */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 20px
}
.footer-link, .footer-link a {
    color: var(--Gold);
    font-weight: 500;
    font-size: 15px;
    line-height: 150%; /* 22.5px */
    text-decoration: none!important;
    text-align: left;
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.footer-small, .footer-small a {
    
    color: var(--Gold);
    font-size: 12px;
    font-weight: 400;
    line-height: 100%; /* 12px */
    letter-spacing: 0.36px;
    text-align: right;
    text-decoration: none;
}

a { color: var(--Navy); text-decoration: none; }
p a {
    color: var(--Gold);
    font-weight: 400;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}

.goto, .social-icon { width: 25px; margin: 0 5px; stroke: var(--Gold); stroke-width: 1px; cursor: pointer; }
.goto:hover {
    color: var(--Navy);
    filter: invert(10%) sepia(27%) saturate(1580%) hue-rotate(188deg) brightness(94%) contrast(92%);
}
.social-icon:hover { filter: invert(62%) sepia(82%) saturate(362%) hue-rotate(7deg) brightness(86%) contrast(89%);; }
.link-text-arrow {
    cursor: pointer;
    /* padding: 5px; */
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: auto;
}
.link-text {
    color: var(--Gold, #966E32);
    font-family: Jost;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
    text-decoration: none;
    padding-left: 5px; 
    padding-right: 5px; 
}
.link-text-small {
    color: var(--Gold, #966E32);
    text-align: center;
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; 
    padding-right: 5px; 
}
.border-box:hover { border: 1px solid var(--Sunglow); }
.link-text-arrow:hover span, .footer-link:hover a, .footer-link:hover span, .border-box:hover .category-label, p a:hover { color: var(--Sunglow); } 
.link-text-arrow:hover svg path, .footer-link:hover svg path { fill: var(--Sunglow); }
.link-text-arrow:hover svg rect, .footer-link:hover svg rect { stroke: var(--Sunglow); }

img { max-width: 100%; display: inline-block; }
strong { font-weight: bold; }
em { font-style: italic; }
.font-medium, .font-medium a { font-weight: 500; }

.bg-navy { background-color: var(--Navy); }
.bg-grey { background-color: var(--Grey); }
.bg-gold { background-color: var(--Gold); }
.bg-sunglow { background-color: var(--Sunglow); }
.bg-beige { background-color: var(--Beige); }
.bg-cream { background-color: var(--Cream); }
.bg-ice { background-color: var(--Ice); }
.bg-white { background-color: var(--White); }

.text-navy, .text-navy a { color: var(--Navy); }
.text-grey, .text-grey a { color: var(--Grey); }
.text-gold, .text-gold a { color: var(--Gold); }
.text-sunglow, .text-sunglow a { color: var(--Sunglow); }
.text-beige, .text-beige a { color: var(--Beige); }
.text-cream, .text-cream a { color: var(--Cream); }
.text-ice, .text-ice a { color: var(--Ice); }
.img-icon { width: 55px; height: 55px; aspect-ratio: 9/11; margin: 20px; }
.error_container { color: red; text-align: left; display: block; }

.quote {
    color: var(--Navy);
    text-align: right;
    font-family: "Cormorant Garamond";
    font-size: 25px;
    font-style: italic;
    font-weight: 500;
    line-height: 100%; /* 25px */
    letter-spacing: 0.25px;
}
.page-title {
    color: #FFF;
    font-family: "Cormorant Garamond";
    font-style: normal;
    font-weight: 500;
    font-size: 5rem;
    line-height: 4.688rem; /* 93.75% */
    letter-spacing: -0.8px;

    /* font-size: 80px;
    line-height: 75px;  */
    /* 93.75% */
}
.info-link {
    color: var(--Navy, #19223D);
    font-family: "Cormorant Garamond";
    font-style: normal;
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 2.375rem; 
    text-align: left;

    /* font-size: 30px;
    line-height: 38px;  */
    /* 126.667% */
}
.info-link a {
    color: var(--Gold);
    text-decoration: underline;
    text-underline-offset: 5px; 
    text-decoration-thickness: 1px;
}
.small-info-link {
    color: var(--Grey, #747474);

    /* Desktop/Body - Text L2 */
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.48px;
    font-size: 1rem;
    line-height: 1.5rem; 

    /* font-size: 16px;
    line-height: 24px;  */
    /* 150% */
}
.action-link {
    color: var(--Gold, #966E32);
    font-family: Jost;
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.875rem;

    /* font-size: 20px;
    line-height: 30px;  */
    /* 150% */
}
.ref-text {
    color: var(--White, #FFF);
    font-family: Jost;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px; /* 187.5% */
}

.ref-btn {
    display: inline-flex;
    padding: 3px 15px 5px 20px;
    align-items: center;
    gap: 5px;
}

.ref-btn .arrow{
    width: 20px;
    height: 20px;
    aspect-ratio: 1/1;
}

.img-btn {
    display: inline-flex;
    padding: 10px 30px 10px 10px;
    align-items: center;
    gap: 15px;
    border-radius: 100px;
    background: #C19D33;
}

.img-btn img {
    width: 95px;
    height: 95px;
    aspect-ratio: 1/1;
}

.img-btn .label {
    color: var(--White, #FFF);
    font-family: Jost;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px; /* 125% */
}

figcaption {
    color: var(--Grey, #747474);

    /* Desktop/Caption */
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
    letter-spacing: 0.48px;
    margin-top: 10px;
}
figcaption  a {
    color: var(--Gold, #966E32);
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.48px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
article img {
    width: 100%;
    height: 400px;
    align-self: stretch;
}

.text-btn {
    display: inline-flex;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;

    color: var(--Gold, #966E32);
    text-align: center;
    font-family: Jost;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

hr { color: var(--Gold)!important; }

.page-services-products .carousel-item img, 
.page-services-products .service-img img { max-height: 400px; min-height: 400px; max-width: 544px; }
/* .page-case-study .carousel-item img { max-height: 400px; min-height: 400px; max-width: 544px; } */

.page-news .card.news-card img { height: 234px; }
.page-news .card.news-card { max-width: 434px; flex: 1;  }

.page-our-philosophy .cw-85, .page-our-team .cw-85 { width: 85%; }
.page-about-us .cw-90, .page-our-purpose .cw-90, .page-our-process .cw-90, .page-our-philosophy .cw-90 { width: 90%; }
.page-theory-of-change .cw-80 { width: 80%; margin: auto; }
.page-theory-of-change .cw-70 { width: 70%; margin: auto; }
.page-case-study { background: var(--Cream); }
.page-case-study .category-label { color: var(--Gold); }
.page-detail .border-box { border: 1px solid var(--Navy); }
.page-our-impact .cw-75 { width: 75%; }

.image {display: block;position: relative;}
.image.is-1by1 {aspect-ratio: 1 / 1; overflow: hidden;}

.card { max-width: 333px; cursor: pointer; }
.card img { width: 100%; object-fit: cover; overflow: hidden; }
.card a { color: var(--Navy); }
.card .img-icon { object-fit: contain; margin: auto; padding: 10px; }

.card-content { display: flex; flex-direction: column; align-items: flex-end; height: 100%; }
.card-content .image { width: 100%; position: relative; overflow: hidden; border-radius: 5px; }
.card-content .image:hover img { transform: scale(1.1); transition: 1s linear; }
.card.case-card { max-width: 352px; flex: 1; margin: 0; }
.card.case-card img { height: 200px;}
.card.case-card .card-body { padding: 10px; }
.case-detail-title.cw-90  { width: 90%; }

.date {
    font-size: 12px;
    font-weight: 500;
    line-height: 24px; /* 200% */
    letter-spacing: 1.2px;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: unset;
    text-transform: uppercase;
}
.loc {
    color: var(--Beige, #EDE4D5);
    font-family: Jost;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.news-card .location {
    color: var(--Beige, #EDE4D5);
    font-family: Jost;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%; /* 14px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.read-more {
    /* display: flex; */
    padding: 3px 15px 5px 20px;
    align-items: center;
    gap: 5px;
    border-radius: 20px;
    background: var(--Gold, #966E32);
    width: fit-content;
    margin-top: auto;
    cursor: pointer;

    color: var(--White, #FFF);
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 187.5% */
    letter-spacing: 0;
}
.read-more:hover, .btn-submit:hover { background: var(--Sunglow); }
.read-more.no-hover:hover { background: transparent; }
.read-more a { color: var(--White, #FFF); text-decoration: none; padding-right: 5px; }

.btn-submit {
    display: flex;
    padding: 3px 15px 5px 20px;
    align-items: center;
    gap: 5px;
    color: var(--White);
    border-radius: 20px;
    background: var(--Gold);
    border: none;

    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 187.5% */
}

/**Contact Us**/
/* .page-contact .nav-wrapper { border-bottom: 1px solid var(--Gold);} */
#contact-us { border-radius: 15px; padding: 60px 80px; }
.form-select, .form-control, .error {
    font-family: Jost !important;
    font-size: 15px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 150% !important; /* 22.5px */
}
.form-select { color: var(--Navy)!important; padding: 10px!important; }
.form-control, .form-select { padding: 10px!important; }
.form-control::placeholder { color: #959595!important; }
/**News**/
.news-items, #news-main-banner { max-width: 928px; gap: 50px; margin: auto; }
.card.latest-news-card, .card.news-card, .card.board-card, .card.record-card, .card.case-card { border: unset; }
#news-main-banner .card.news-card { max-width: 100%;}
#news-main-banner .card img { min-height: 436px; max-height: 436px; }
.latest-news-items .card img { min-height: 300px; max-height: 300px; }

.card.record-card { min-width: 544px; max-width: 544px; }
.card.record-card .card-body { padding: 20px; display: flex; flex-direction: column; justify-content: space-between; }
.card.record-card img { height: 244px; }
.record-card p {
    color: var(--White, #FFF);
    font-family: Jost;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 125% */
}

/**Our Team**/
.card.board-card img { width: 288px; min-height: 388px; max-height: 388px; }

/**Page Banner**/
.hero-banner { position: relative; overflow: hidden; }
.hero-image { position: relative; height: 440px; }
.hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.gradient-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 232px;
  background: linear-gradient(180deg, rgba(150, 110, 50, 0.00) 0%, #966E32 100%);
  z-index: 1;
}
.hero-content {
    /* left: 4%; */
  position: absolute;
  bottom: 0;
  z-index: 2;
  color: white;
  text-align: left;
  padding: 2.188rem;
  max-width: 1120px; 
}
.hero-content h1 {
  color: #FFF;
  font-family: "Cormorant Garamond";
  font-size: 80px;
  font-style: normal;
  font-weight: 500;
  line-height: 75px; /* 93.75% */
  letter-spacing: -0.8px;
}

@supports (-webkit-overflow-scrolling: touch) {
  html {
    scroll-behavior: auto;
  }
}

@supports (-webkit-touch-callout: none) {
  .carousel {
    -webkit-transform: translateZ(0);
  }
}


.page-wrap::-webkit-scrollbar { display: none; }
body a { color: var(--Gold); }
b, strong {
    font-weight: bold;
}
h1 {
    margin: .67em 0;
    font-size: 2em;
}
img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    font-weight: bold;
}
h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px;
}
h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px;
}

.img-bg { border-radius: 5px; background: radial-gradient(152.8% 103.62% at 52.12% 10.8%, #FFFAF3 0%, #D8C19B 100%); margin-bottom: 30px; }
.img-wrap.portrait { width: 35%; min-width: 135px; max-width: 135px; margin: auto;}
.img-wrap.portrait img { margin-top: 28px; }
.img-wrap.logo { width: 35%; min-width: 220px; max-width: 220px; }
.img-wrap { width: 75%; min-width: 330px; max-width: 330px; }

.w-70 { width: 70% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.minh-50 { min-height: 50vh; }

.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.page-wrap {
    overflow: hidden;
    width: 100%;
    max-width: 1920px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: stretch;
    margin-left: auto; margin-right: auto;
    box-shadow: 0 0 10px lightgrey;
}

.header { width: 100%; max-width: 1920px; background-color: var(--White); } 
.col { flex: 1 1 0; }
/* .col.quarter {
    flex: 0 auto;
}
.col.half {
    width: 40%;
    flex: 0 auto;
} */
.p-big {
    color: var(--Gold, #966E32);
    text-align: center;
    font-family: "Cormorant Garamond";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 100% */
    letter-spacing: -0.3px;
}

.row {
    flex-wrap: wrap;
    align-content: stretch;
    margin-bottom: 20px;
    display: flex;
}

.carousel-home { width: 100%; height: 600px; }
.carousel-bg-image-1 {
    width: 100%;
    height: 600px;
    background-image: image-set(
        url('../images/banners/Banner-1_500_V3.jpg') 1x,
        url('../images/banners/Banner-1_1080_V3.jpg') 1.5x,
        url('../images/banners/Banner-1_1600_V3.jpg') 2x,
        url('../images/banners/Banner-1_1920_V3.jpg') 3x
    );
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.carousel-bg-image-2 {
    width: 100%;
    height: 600px;
    background-image: image-set(
        url('../images/banners/Banner-2_500_V3.jpg') 1x,
        url('../images/banners/Banner-2_1080_V3.jpg') 1.5x,
        url('../images/banners/Banner-2_1600_V3.jpg') 2x,
        url('../images/banners/Banner-2_1920_V3.jpg') 3x
    );
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.carousel-bg-image-3 {
    width: 100%;
    height: 600px;
    background-image: image-set(
        url('../images/banners/Banner-3_500_V3.jpg') 1x,
        url('../images/banners/Banner-3_1080_V3.jpg') 1.5x,
        url('../images/banners/Banner-3_1600_V3.jpg') 2x,
        url('../images/banners/Banner-3_1920_V3.jpg') 3x
    );
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.hero-home {
    height: 600px;
    position: relative;
    overflow: hidden;
}
.hero-home img, .e-img-item-mask img{
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: 25% 30%;
}
.c-hero-text-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 12%;
    bottom: auto;
    left: 0%;
    right: 0%;
}
.carousel-hero-text { 
    color: #fff;
    text-shadow: 0 0 60px #000000;
    font-family: "Cormorant Garamond", serif; font-size: 4rem; line-height: 4.3rem; 
    /* filter: drop-shadow(2px 2px 3px #000000b3); */
    text-shadow: 0 0 10px rgba(141, 55, 2, 0.50), 0 0 50px #8D3702;
    font-weight: 500;
}
.carousel-hero-text.cw-75 { width: 75%; margin: auto; text-align: center; }
.carousel-hero-text.cw-50 { width: 50%; margin-left: auto; text-align: left; }
.carousel-hero-text .text-wrap { max-width: 88%; margin: auto; }

.c-hero-text {
    color: var(--Gold, #966E32);
    text-align: center;
    font-family: "Cormorant Garamond";
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px; /* 100% */
    letter-spacing: -0.6px;
}
.profile-photo img { width: 100px; border-radius: 100%; }
.page-our-process .profile-photo img { width: 70px; }
.ctr {
    width: 100%;
    text-align: center;
}
.c-container.ctr {
    flex-direction: column;
    align-items: center;
    display: flex;
}
.c-central-wrap { width: 80%; margin: auto; }
.c-spacer {
    height: 50px;
}
.c-spacer.small {
    height: 25px;
}
.c-spacer.x-small {
    height: 10px;
}
.c-spacer._15 {
    height: 15px;
}
.c-spacer._20 {
    height: 20px;
}
.c-spacer._30 {
    height: 30px;
}
.c-spacer._40 {
    height: 40px;
}
.c-spacer._70 {
    height: 70px;
}
.p-strong {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin: 0;
}
.p-small {
    font-size: 16px;
    line-height: 24px;
    color: var(--grey);
}

.nav-logo { width: 300px; max-width: 300px; }
.profile-page-block { margin-bottom: 50px; display: flex; align-items: center; }
.profile-pic-block { padding-left: 5%; margin-bottom: auto; }
.c-simple-centre { justify-content: center; display: flex; }

.bold {
    font-family: Jost;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
.profile-details-block {
    flex: 1;
    width: 100%;
    padding-right: 5%;
    border-right: 1px solid rgba(150, 110, 50, 0.25);
    /* border-left-width: thin; 
    border-left-style: solid; 
    border-left-color: var(--Gold);  */
}

.portait { width: 100%; object-fit: cover; }
.c-btn-text {
    color: #faf0e6;
    font-family: Jost;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    padding: 10px 20px;
    background-color: var(--Gold);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    position: relative;
    cursor: default;
    transition: 0.4s;
}
.ch-item:hover .ch-info, .touch-hover-effect .ch-info {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    opacity: 0.85;
}
.ch-img-1 {
    background-image: url(../images/homepage/hwsl-model-law-1.jpg);
    background-size: contain;
    background-position: center;
    width: 238px;
    height: 238px;
    margin: auto;
}
.ch-img-2 {
    background-image: url(../images/hwsl_ico2.jpg);
    background-size: contain;
    background-position: center;
    width: 238px;
    height: 238px;
    margin: auto;
}
.ch-img-3 {
    background-image: url(../images/hwsl_ico3.jpg);
    background-size: contain;
    background-position: center;
    width: 238px;
    height: 238px;
    margin: auto;
}
.ch-img-4 {
    background-image: url(../images/homepage/hwsl-model-law-3.jpg);
    background-size: contain;
    background-position: center;
    width: 238px;
    height: 238px;
    margin: auto;
}

.sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    max-width: 1920px;
    margin: auto;
}

hr { border-top: 1px solid #a9782c; width: 100%; max-width: 1120px; margin: auto; }
svg path { stroke: var(--Gold); stroke-width: 0px; }
.paragraph { padding: 50px 0; }
.termly-cookie-preference-button {
    background: transparent;
    padding: 5px 10px 5px 10px;
    border: none;
    cursor: pointer;
    font-family: Jost;
    font-size: 12px;
    font-weight: 600;
}
.p-small.ctr { margin: 0; }
.p-small.ctr > a { color: var(--grey); text-decoration: underline; }

.news {position: relative;}
.is-hidden-news { display: none; } 
.news-column, .team-column {display: flex;flex-direction: column;height: 100%; text-decoration: none;}
.news-link {display: flex;}

.image {display: block;position: relative;}
.image.rfc img { max-width: 352px; height: 440px; }
.gold-filter { filter: invert(45%) sepia(10%) saturate(2555%) hue-rotate(355deg) brightness(95%) contrast(85%); }

.carousel-item, .carousel-caption { transform: translate3d(0, 0, 0); will-change: transform, opacity; backface-visibility: hidden; }
.carousel-item figcaption { margin-bottom: 30px; }
.carousel-indicators.indicators-bg { 
    bottom: -50px; 
    width: 87px;
    height: 45px;
    align-items: center!important;
    gap: 8px;
    border-radius: 50px;
    background: var(--Gold, #966E32);
    margin: auto !important;
}
.carousel-indicators.indicators-bg [data-bs-target] {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.7); 
    border: none;
}
/**About Us**/
.img_logo_wrap_1 { width: 213px; margin: auto;} .img_logo_wrap_2 { width: 175px; margin: auto;}
.world-network-item { background: var(--Cream); cursor: pointer; border-radius: 5px; }
.world-network-item:hover { background: var(--Beige); }
.world-network-item .link-text { padding-left: 0px; }

.timeline { position: relative; margin: 0 auto; }
.timeline::after {
  content: '';
  position: absolute;
  width: 1px;
  background-color: #996E32;
  top: 0;
  bottom: 0;
  left: 0;
  margin-left: -3px;
}
.timeline p {
  color: var(--Grey, #747474);
  font-family: Jost;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 150% */
  letter-spacing: 0.6px;
  margin-bottom: unset;
}
.timeline p a { 
  font-family: Jost;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.6px;
  text-decoration-thickness: 1px; 
}
.timeline-dot {
  border: 2px none #996E32;
  background-color: #996E32;
  border-radius: 50px;
  width: 15px;
  height: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 1px
}
.timeline-dot.end { top: unset; bottom: 0% }
/* Container around content */
.timeline-container {
  padding-left: 60px;
  background-color: inherit;
  width: 100%;
}
/* Place the container to the right */
.right { left: 110px; }
/* Add arrow justify-content-evenlys to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
}

/* Add arrow justify-content-evenlys to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
}

/* Fix the circle for containers on the right side */
.right::after { left: -63px; }
/* The actual content */
.content {
  display: flex;
  padding: 0 0 80px 30px;
  flex-direction: column;
  gap: 50px;
  text-align: left;
}
.content .row { margin-bottom: unset; }
.timeline-container .bold { 
  color: var(--Navy, #19223D);
  font-family: "Cormorant Garamond";
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 114.286%  font-size: 28px; */
  padding-left: 4rem; padding-right: 0; text-align: left; margin-bottom: 30px;  }
.timeline-container.left .content, .timeline-container.left .bold { padding-left: 0; }
.timeline-container.right .content, .timeline-container.right .bold { padding-left: 0; margin-right: auto; }
.timeline-container img { margin-bottom: 30px; width: 100%; height: 200px; object-fit: cover; }
.timeline-container:last-child .content { padding-bottom: 0px; }
.timeline-container:last-child .content .row:last-child, 
.timeline-container:last-child .content p:last-child { margin-bottom: 0px; }
/* The circles on the timeline */
.year {
  display: flex;
  width: 100px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--Gold, #966E32);
  margin-left: -53px; margin-bottom: -100px; 
  position: relative;
  z-index: 1;
}
.year::after {
  content: '';
  position: absolute;
  width: 3.75rem;
  height: 1px;
  left: 80px;
  background-color: #996E32;
  top: 53px;
}
.year .bold { 
  display: flex;
  width: 79px;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
  align-self: stretch;

  color: var(--Beige, #EDE4D5);
  text-align: center;
  font-family: "Cormorant Garamond";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px; /* 100% */
  text-transform: uppercase;
  z-index: 1;
}

/**Our Process**/
.page-our-process .main-content {overflow-x: hidden;}
.page-our-process .swiper-wrapper { position: relative; height: auto; width: 100%; padding-bottom: 20px; }
.page-our-process .swiper-container { width: 100%; height: 100%; }
.page-our-process .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* border-radius: 10px;
    background: linear-gradient(180deg, #FDF5E8 0%, #FDF5E8 100%); */

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
}
.page-our-process .swiper-pagination-bullet-active { background: #966E32; }
.page-our-process .swiper-buttons.steps-buttons { margin-left: 0; margin-right: 0; }
.page-our-process .swiper-button-next, .page-our-process .swiper-button-prev { color: #966E32; position: relative; margin-top: 0; width: 45px; }
.page-our-process .swiper-button-next { float: right; }
.page-our-process .swiper-button-prev { float: right; margin-right: 20px; }
/* .swiper-button-next, .swiper-button-prev { top: unset; bottom: 0; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: auto; right: 50px; } */

.page-our-process .swiper-button-next:after, .page-our-process .swiper-button-prev:after { font-size: 0px; }
.page-our-process .swiper-buttons { margin: 2rem; }
.page-our-process .swiper-button-next svg, .page-our-process  .swiper-button-prev svg { display: none; }
.page-our-process .swiper-button-prev::after {
    content: '';
    background-image: url('../images/icons/step-arrow-right.svg');
    background-repeat: no-repeat;
    width: 45px; 
    height: 100%;
    transform: rotate(180deg);
    margin-bottom: auto;
}
.page-our-process .swiper-button-next::after {
    content: '';
    background-image: url('../images/icons/step-arrow-right.svg');
    background-repeat: no-repeat;
    width: 45px;
    height: 100%;
    margin-bottom: auto;
}
.page-our-process .swiper-card { width: 100%; }
.page-our-process .card.swiper-card .img-icon { padding: 0; margin: 10px auto; height: 70px;  }  
.page-our-process .card.swiper-card {
    max-width: 350px; min-width: 350px;
    display: flex;
    padding: 30px 30px 50px 30px;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    flex: 1 0 0;

    border-radius: 5px;
    border: 1px solid rgba(150, 110, 50, 0.5); 
    background: linear-gradient(180deg, #FDF5E8 0%, #FDF5E8 100%); 
}
.page-our-process .card-body { padding: 0; }
.page-our-process ul li::marker, ul.p-ul li::marker {
    font-size: 10px; /* Makes the marker 1.5 times the default font size */
}
ul.p-ul { margin-bottom: 0.625rem; }
ul.p-ul li { 
    font-family: Jost;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.6px;
}

.step-img {transition: transform .5s;}
.step-img:hover {
    -ms-transform: scale(1.7); /* IE 9 */
    -webkit-transform: scale(1.7); /* Safari 3-8 */
    transform: scale(1.7); 
}

/**Theory of Change**/
.img_toc_1 {  height: 694px; object-fit: cover; } .img_toc_2 {  height: 831px; object-fit: cover; }

.network-partner { cursor: pointer; }
.network-icon-container { width: 100%; }
.network-icon-container .body-header-2 { 
    color: var(--Gold, #966E32);
    text-align: center;
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
    display: inline-block;
}
/**News Detail**/
.page-detail a {text-decoration: none; font-weight: 400; color: var(--Gold)!important;}
.page-detail .media a {text-decoration: underline;}
.page-detail hr {width: 100%;}

.each_news { flex: 1 1 calc(50% - 2rem); display: flex; }  
.news-card { flex: 1; display: flex; flex-direction: column; } 
.each_news_inner { max-width: 736px; margin: auto;}
.detail-title-wrap, .detail-img { max-width: 928px; margin: auto; }
.detail-img img { width: 100%; min-height: 436px; max-height: 436px; object-fit: cover; }
.case-detail-img img { width: 100%; min-height: 550px; max-height: 550px; object-fit: cover; border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
.description p {
    color: #19223D;
    /* Desktop/Body - Text L1 */
    font-family: Jost;
    font-style: normal;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: 0.6px;
    margin-bottom: 2rem;
}

.boilerplate p {
    color: var(--Grey, #747474);

    /* Desktop/Body - Text L1 */
    font-family: Jost;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.6px;
    margin-bottom: 2rem;
}
.description p:last-child, .boilerplate p:last-child { margin-bottom: unset; }
.boilerplate b, .boilerplate strong { font-weight: 600; }
.media p { margin-bottom: 0; }
b { font-weight: 600; }
b span[style*="font-size: 16px"] { font-weight: 600; }
#copyBtn {
    position: relative;
    cursor: pointer;
    color: white;
    border: none;
    border-radius: 5px;
}

.tooltip-text {
    visibility: hidden;
    position: absolute;
    top: -5px;
    left: 100px;
    transform: translateX(-50%);
    background-color: var(--Navy);
    color: var(--Ice);
    padding: 5px 10px;
    border-radius: 5px;
    font-family: Jost;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;

    opacity: 0;
    transition: opacity 0.3s ease;
    white-space: nowrap;
}
.tooltip-text.show { visibility: visible; opacity: 1; }

@media screen and (max-width: 1133.5px) {
    .bigger-quote {
        font-size: 65px;
        line-height: 65px; /* 100% */
    }
    .w-container { max-width: 1019px; }
    .card { max-width: 300px; }
    .card.record-card, .card.news-card { min-width: 455px; max-width: 455px; }
    .card.board-card img { width: 318px; min-height: 428px; }
    .case-detail-img img { min-height: 500px; max-height: 500px; }
    .detail-title-wrap, .detail-img { max-width: 1019px; }
    .detail-img img { border-radius: 5px; }
    .page-our-process .card.swiper-card { max-width: 372px; min-width: 372px; }
    .img_toc_1 {  height: 548px; } .img_toc_2 {  height: 656px; }
    .image.rfc img { max-width: 318px; height: 398px; }
    .hero-content { padding: 2.188rem 0; }
    .carousel-home { width: 100%; height: 555px; }
    .hero-image { height: 365px; }
    .each_news_inner { max-width: 667px; margin: auto; }
    .page-our-philosophy .cw-85 { width: 100%; }
    .page-our-team .cw-85, .page-theory-of-change .cw-80 { width: 98%; }
    .page-about-us .cw-90, .page-our-purpose .cw-90, 
    .page-our-process .cw-90, .page-our-philosophy .cw-90, .case-detail-title.cw-90 { width: 100%; }
    .timeline p { padding-right: 24px; margin-bottom: 0px; }
    .network-icon-container { width: 72%; }
    #contact-us { padding: 60px; }
    .team-column { align-items: center; }
    .img-wrap { min-width: 100%; max-width: 100%; }
    .carousel-hero-text.cw-50 { width: 40%; }
    .carousel-hero-text .text-wrap { max-width: 100%; }
}

@media screen and (max-width: 1024px) {
    .p-strong, .p-small { font-size: 18px; line-height: 26px; }
    .carousel-hero-text { font-size: 3.5rem; line-height: 3.6rem; text-shadow: 0 0 30px #000000; }
    .c-hero-text { font-size: 3.5rem; line-height: 3.6rem; }

    .w-container { max-width: 940px; }
    .c-hero-text-wrap { top: 14%; }
    .ch-img-1, .ch-img-2, .ch-img-3, .ch-img-4  { width: 180px; height: 180px; }
    .page-our-process .card.swiper-card { max-width: 320px; min-width: 320px; }
    .detail-title-wrap, .detail-img { max-width: 80%; margin: auto; }
    .card.board-card img { width: 288px; min-height: 388px; }
}

@media screen and (max-width: 991.5px) {
    .title { margin-bottom: unset; }
    .hero-content h1 {
        font-size: 70px;
        font-style: normal;
        font-weight: 500;
        line-height: 75px; /* 107.143% */
        letter-spacing: -0.7px;
    }
    .info-link {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px; /* 125% */
    }
    .carousel-caption { padding: 0 10%; }
    .carousel-hero-text {
        color: #FFF;
        text-align: center;
        text-shadow: 0 0 10px #8D3702, 0 0 50px #8D3702;
        font-family: "Cormorant Garamond";
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 35px; /* 116.667% */
    }
    .carousel-hero-text { font-size: 60px; line-height: 65px; }
    .c-hero-text { font-size: 40px; line-height: 45px; }
    .our-mission .bigger-quote { font-size: 65px; line-height: 65px; margin-left: -20px; margin-right: -20px; }

    .carousel-home, .hero-home { height: 450px; } 
    .hero-image { height: 300px; }
    .hero-content { padding: 18px 0; }
    .c-spacer.small { height: 15px; }
    .w-container { max-width: 728px; }
    .gradient-overlay { height: 199px; }
    .img_toc_1, .img_toc_2, .image.rfc img, .card.case-card img { height: auto; }
    .img-wrap.portrait { min-width: 220px; }
    .image.rfc { max-width: 318px; display: block; }
    .carousel-hero-text.cw-75, .carousel-hero-text.cw-50 { width: 100%; text-align: center; margin-right: auto; }
    .carousel-hero-text .text-wrap { max-width: 85%; }
    .card-content { align-items: flex-end; }
    #news-main-banner .card.news-card { max-width: 90%; margin: auto; }
    .page-news .card.news-card { min-width: 327px;  max-width: 327px; } 
    .page-news .card.news-card img { height: 160px; }
    .detail-img img, #news-main-banner .card img { min-height: 293px; } 
    .card.board-card img { width: 270px; min-height: 330px; max-height: 330px; }
    .page-team-profile .card.board-card img { width: 140px; min-height: 171px; max-height: 171px; }
    .page-services-products .carousel-item .image, .page-services-products .service-img.image, .page-services-products .section-p { max-width: 544px; margin: auto; }
    .page-services-products .carousel-item img, .page-services-products .service-img img { min-height: 342px; max-height: 342px; width: 100%; max-width: 100%; object-fit: cover; border-radius: 5px; }
    
    .latest-news-items, .case-list, #contact-us { width: 80%; margin: auto; }
    .page-our-philosophy .cw-85 { width: 85%; margin: auto; }
    .profile-details-block { width: 80%; border-right: unset; padding-right: unset; }
    .profile-pic-block { width: 80%; margin: auto; margin-top: 40px; padding-left: unset; }
    .page-our-impact .card { max-width: 100%; min-width: 100%; flex: 1; }
    .latest-news-items .card, .card.case-card { max-width: 100%; flex: 1; }
    .page-our-process .card.swiper-card { max-width: 372px; min-width: 372px; }
    .page-theory-of-change .cw-70, .page-our-team .cw-85 { width: 100%; }
    .page-our-team .board-card .card-body { text-align: center; padding-bottom: 10px; }
    .our-mission .bigger-quote { padding-left: unset; padding-right: unset; }
    .link-text-arrow { justify-content: center; }
    .case-list { row-gap: 32px; }
    #contact-us { padding: 25px 30px; }
    .detail-title { padding-bottom: 50px; }
    .img-wrap.portrait img { margin-top: 24px; }
    .timeline-container img { width: 330px; height: 200px; margin-bottom: 30px; }
    .world-network-item .section-p { text-align: center; }
}

@media screen and (max-width: 768px) {
    .hero-banner .w-container, .w-container { max-width: 90%; }
    .w-inner { max-width: 90%;  margin: auto; } 
    .page-case-study .w-container,  #list.w-container { max-width: 92%; }
    .profile-details-block, .profile-pic-block { width: 100%; }
    .carousel-home { width: 100%; height: 630px; }
   
    .c-section-mist-2.regular { margin-bottom: 30px; }
    .col.quarter, .col.half { width: 100%; display: flex; justify-content: center; }
    .card.case-card img { height: 200px; }
    .ch-img-1, .ch-img-2, .ch-img-3, .ch-img-4 { width: 150px; height: 150px; }
    .case-detail-img img { min-height: 335px; max-height: 335px; }
    .detail-title-wrap, .detail-img { max-width: 684px; }
    .latest-news-items .card { max-width: 100%; flex: 1; width: 333px; margin: auto; margin-bottom: 12px; }
    .card.case-card, .card.record-card { max-width: 100%; flex: 1; width: 448px; margin: auto; margin-bottom: 12px; }
    .latest-news-items .card:last-child, .card.case-card:last-child, .card.record-card:last-child { margin-bottom: 0px; }
    .page-about-us .cw-90, .page-about-us .cw-80, .page-our-purpose .cw-90, .page-our-process .cw-90, .page-our-philosophy .cw-90, .page-our-philosophy .cw-85,
    .page-theory-of-change .cw-70, .page-theory-of-change .cw-80, .page-our-impact .cw-75, .each_news_inner { width: 80%; margin: auto; }
    .page-our-philosophy .cw-85 { width: 83%; }
    aside { margin-right: 3%; }
    .page-team-profile .c-section > .w-container { max-width: 100%;  margin-left: 5%; margin-right: 10%; }
    .footer-col-1, .footer-col-2 { max-width: 50% }
    .page-about-us .title:first-child, .page-our-philosophy .title:first-child { width: 85%; }
    .img-bg.case-book, .img-bg.case-book + figcaption { width: 85%; margin: auto; }
    .page-case-study .each_news_inner { width: 85%; margin: auto; }
    .page-our-process .big-quote { margin-right: -50px; }
    .page-theory-of-change .bigger-quote { font-size: 55px; line-height: 55px; margin-right: -40px; margin-left: -40px; }
    .page-services-products .big-quote { margin-right: -40px; margin-left: -40px; }
    .img-wrap, .img-bg { width: 330px; } .img-bg.case-book img { width: 412px; }
    .img-wrap.portrait { min-width: 135px; }
    .latest-news-items, .case-list, #contact-us { width: 448px; margin: auto; }
    .detail-img img, #news-main-banner .card img { min-height: 293px; max-height: 293px; }

    .content { padding: 0 0 0 30px; }
    .content .row:nth-child(n+3) { margin-bottom: 80px; }
    .year { width: 85px; margin-left: -43px; margin-bottom: -78px; }
    .year::after { top: 43px; left: 63px; }
    .timeline-dot { margin-left: -9px; }
    .tooltip-text { top: -40px; left: 70px; }

    /* footer > .w-container  { max-width: 100%; margin-left: 3%; margin-right: 3%; } .paragraph { padding: 25px 0; } */
}

@media screen and (max-width: 744px) {
    /* Place the timelime to the left */
  .timeline { max-width: 85%; }
  .timeline p { padding-right: 0px; }
  .timeline::after, .timeline-line::after { left: 5px; }
  /* Full-width containers */
  .timeline-container { width: 100%; }
  .timeline-container.left .content, .timeline-container.left .bold { padding-left: 2.5rem; padding-right: 0; }
  .timeline-container.right .content, .timeline-container.right .bold {  padding-left: 0; margin-right: auto; }
  .timeline-container::before { left: 60px; }
  .timeline-container::after { content: unset; }
  /* Make sure all circles are at the same spot */
  .left::after, .right::after { left: 15px; }
  /* Make all right containers behave like the left ones */
  .right { left: 0%; }
}

@media only screen and (max-width: 640px) {
    .carousel-hero-text { font-size: 30px; line-height: 33px; font-weight: 500; }
    .c-hero-text { font-size: 30px; line-height: 33px; }
    .case-detail-img img, .latest-news-items .card img { min-height: 250px; max-height: 250px; }
    .page-services-products .carousel-item img, 
    .page-services-products .service-img img 
    .page-case-study .carousel-item img { max-width: 100%; min-width: 100%; height: 250px; min-height: auto; max-height: auto; }
    .detail-img figcaption { padding: 0 20px; }
    .tooltip-text { top: -40px; left: 45px; }
}

@media screen and (max-width: 576.5px) {
    body, p {
        /* iPhone/Body - Text L2 */
        font-family: Jost;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 146.667% */
        letter-spacing: 0.45px;
    }
    .title {
        text-align: center;
        font-family: "Cormorant Garamond";
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 35px; /* 125% */
        letter-spacing: 1.4px;
        text-transform: uppercase;
        margin-bottom: unset;
    }
    .sub-title {
        color: var(--Gold, #966E32);
        text-align: center;

        /* iPhone/Section - Subtitle */
        font-family: "Cormorant Garamond";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 29px; /* 131.818% */
        letter-spacing: 2.2px;
        text-transform: uppercase;
    }
    .body-header {
        /* iPhone/Body - Text L1 */
        font-family: Jost;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 155.556% */
        letter-spacing: 0.45px;
    }
    .body-header-2 {
        /* iPhone/Body - Header L2 */
        font-family: Jost;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px; /* 146.667% */
        letter-spacing: 0.45px;
    }
    .quote {
        color: var(--Navy, #19223D);
        font-family: "Cormorant Garamond";
        font-size: 19px;
        font-style: italic;
        font-weight: 500;
        line-height: 100%; /* 19px */
        letter-spacing: 0.19px;
        text-align: left;
    }
    .info-link {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 25px; /* 125% */
        margin-bottom: 25px;
        letter-spacing: 0px;
    }
    .link-text { 
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 18px */
        letter-spacing: 0;
    }
    .link-text-small { letter-spacing: 0; }
    .big-quote {
        font-size: 29px;
        font-style: normal;
        font-weight: 600;
        line-height: 39px; /* 134.483% */
    }
    .bigger-quote {
        text-align: center;
        font-size: 35px;
        font-style: italic;
        font-weight: 600;
        line-height: 35px; /* 100% */
    }
    .section-p, .section-p p, ul.p-ul li {
        /* iPhone/Body - Text L1 */
        font-family: Jost;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 155.556% */
        letter-spacing: 0.45px;
    }
    .hero-content h1 {
        color: #FFF;
        font-family: "Cormorant Garamond";
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        line-height: 75px; /* 197.368% */
        letter-spacing: -0.38px;
    }
    .service-title {
        color: #966E32;
        text-align: center;
        font-family: "Cormorant Garamond";
        font-size: 35px;
        font-style: normal;
        font-weight: 600;
        line-height: 40px; /* 114.286% */
        letter-spacing: -0.35px;
       
    }
    .record-card p {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px; /* 130% */
    }
    .loc {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px; /* 133.333% */
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }
    .case-detail-title {
        font-size: 30px;    
        font-style: normal;
        font-weight: 500;
        line-height: 35px; /* 116.667% */
        margin-top: 10px;
    }
    .page-news .detail-title, #list .detail-title {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px; /* 122.222% */
    }
    .page-detail .detail-title {
        text-align: center;
        font-size: 25px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 120% */
    }
    figcaption, figcaption a {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 150% */
        letter-spacing: 0.36px;
    }
    figcaption a { font-weight: 500; }
    .category-label {
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; /* 12px */
        letter-spacing: 1.2px;
    }
    .our-mission .bigger-quote {
        text-align: center;
        font-family: "Cormorant Garamond";
        font-size: 35px;
        font-style: italic;
        font-weight: 600;
        line-height: 35px; /* 100% */
        padding-left: 10%; padding-right: 10%;
    }
    .p-big {
         font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 15px; /* 100% */
        letter-spacing: -0.15px;
    }
    .card-title { 
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 107.143% */
    }
    .card-xs-w-50 { width: 50%; margin: auto; }
    .card-xs-w-75 { width: 75%; margin: auto; }
    .page-theory-of-change .bigger-quote { font-size: 35px; line-height: 35px; }
    .w-container { max-width: 90%; margin: auto; }
    .c-spacer { height: 25px; } 
    .page-detail .c-spacer._30, .page-our-philosophy .c-spacer._30 { height: 20px; }
    .page-services-products .c-central-wrap { width: 60%; }

    .hero-content { padding: unset; }
    .hero-image, .network-icon-container img, .case-detail-img img, .latest-news-items .card img { height: 200px; min-height: 200px; max-height: 200px; }
    .gradient-overlay { height: 100px; }
    .carousel-home, .hero-home { height: 290px; }
    .carousel-indicators.indicators-bg [data-bs-target] { background-color: #fff!important; }
    .carousel-indicators.indicators-bg { bottom: -45px;}

    #contact-us { padding: 30px; }
    .news #list { margin: auto; }
    #news-main-banner .card.news-card, .page-news .card.news-card { min-width: 350px; max-width: 350px; margin: auto; }
    #news-main-banner .card img, .page-news .card.news-card img { min-height: 200px; max-height: 200px; }
    .case-detail-img img { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
    .card.case-card { max-width: 100%; }
    .card.record-card img { height: 180px; }
    .card.case-card img { height: 160px; }
    .case-book img { height: 388px; }
    .card.record-card .card-body { padding: 15px 20px 20px 20px; }
    .image.rfc { max-width: 290px; margin: auto; } .image.rfc img { height: 350px; }
    .profile-details-block, .profile-pic-block { max-width: 86%; }
    .img-wrap.portrait { min-width: 109px; max-width: 109px;  }
    .img-wrap.portrait img { height: 162px; }
    .team img { height: 250px;  width: 100%; object-fit: cover;}

    .w-container.case-detail-banner, .w-inner { max-width: 100%; }
    .page-detail img { object-fit: cover; border-radius: 5px; }  .page-detail figure { margin-bottom: unset; }
    .profile-photo img { width: 75px; } 
    .page-our-team .col, .page-our-philosophy .col { flex: 0 auto; padding-left: 20px; padding-right: 20px; }
    .page-our-process .card.swiper-card { max-width: 320px; min-width: 320px; }
    .page-our-process .swiper-wrapper { padding-bottom: 0px; }
    .page-our-process .swiper-buttons.steps-buttons { margin-right: 37%;}
    .page-our-process .swiper-button-next { float: right; margin-left: 1px; left: 10px!important; }
    .page-our-process .swiper-button-prev { float: right; margin-right: 15px; }
    .page-our-process .card.swiper-card .img-icon { height: 50px; }
    /* .page-services-products .carousel-item .image, .page-services-products .service-img .image,
    .page-services-products .section-p { max-width: 90%; margin: auto; }   */
    .page-services-products .carousel-item img, .page-services-products .service-img img { min-height: 220px; max-height: 220px; }
    .page-case-study .carousel-item img { min-height: 250px; max-height: 250px; }
    
    .page-about-us .cw-90, .page-about-us .cw-80, .page-our-purpose .cw-90, .page-our-process .cw-90,
    .page-our-philosophy .cw-90, .page-our-philosophy .cw-85, .latest-news-items, .case-list, #contact-us,
    .page-theory-of-change .cw-70, .page-theory-of-change .cw-80,
    .each_news_inner, .page-case-study .each_news_inner, .img-bg.case-book, .img-bg.case-book + figcaption { width: 100%; margin: auto; }

    .page-about-us .title:first-child, .page-our-philosophy .title:first-child { width: 100%; }
    .page-our-impact .cw-75 { width: 85%; margin: auto; }
    .page-theory-of-change .bigger-quote, .page-our-process .big-quote, .page-services-products .big-quote  { margin-right: unset; margin-left: unset; }
    .page-our-team .news-column { align-items: center; margin-bottom: 30px; }
    .page-our-team .col:last-child .news-column { margin-bottom: 0px; }
    .network-partner, #carousel-case3 { margin-bottom: 25px; }
    .page-our-team .board-card .card-body { text-align: center; padding-top: 10px;  padding-bottom: 0px;
        /* padding-bottom: 32px;  */
    }
    .page-our-team .card.board-card img { width: 270px; min-height: 330px; max-height: 330px; }
    .page-team-profile .c-section > .w-container { margin-left: 8%; margin-right: 8%; }
    .page-team-profile .card.board-card img { width: 100px; min-height: auto; height: 122px; object-fit: cover; border-radius: 5px; }
    .page-case-study .big-quote { padding: 0 20px; }
    .page-our-process .card.swiper-card { padding: 30px 30px 35px 30px; }
    .carousel-item figcaption { margin-bottom: 20px; }
    .detail-title { padding-bottom: 40px; }
    .border-box, .footer-label { margin-bottom: 10px; margin-left: unset; margin-right: auto; }
    .detail-img img { min-height: 250px; max-height: 250px; }
    .detail-img figcaption { padding: 0 20px; }
    .case-detail-banner .case-detail-img figcaption { padding: 0 20px 25px 20px; }
    .img-bg.case-book img { width: 287px; }
    .each_news_detail.media, .paragraph { padding: 20px 0; }
    .read-more { padding: 3px 15px 5px 20px; margin-top: 20px; margin-left: -10px; margin-right: -10px; } 
    .read-more.no-hover { margin-top: unset; }
    .card-content .read-more { margin-top: unset; }
    .latest-news-items .card { margin-bottom: 0; }
    .description p, .boilerplate p {
        font-family: Jost;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0.45px; 
        margin-bottom: 18px;
    }

    .timeline { max-width: 80%; }
    .timeline::after { margin-left: -7px; top: 50px; }
    .timeline-container { padding-left: 40px; }
    .timeline-container img { width: 285px; height: 200px; }
    .timeline-container .bold, .timeline-container img, .img-bg { margin-bottom: 15px; }
    .timeline-container .bold {
        font-size: 26px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px; /* 107.692% */
    }
    .timeline p, .timeline p a  {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 146.667% */
        letter-spacing: 0.45px;
    }
    .timeline p a  { font-weight: 500; }
    .year { width: 50px; }
    .year::after { width: 2rem; top: 25px; left: 45px; }
    .year .bold { 
        color: var(--Beige, #EDE4D5);
        text-align: center;
        font-family: "Cormorant Garamond";
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px; /* 163.636% */
        text-transform: uppercase;
    }
    .link-text-arrow { justify-content: center; }
    .img-wrap, .img-bg { width: 285px; }
    .content { padding: 0 0 30px 30px; }
    footer { padding: 15px 0; }
    .tooltip-text { top: -5px; left: 100px; }
    .team img, .page-case-study .carousel-item img, .page-case-study .each_news_inner img { border-radius: 5px; }
    .media .gap-custom { gap: 3.5rem; }
}

@media screen and (max-width: 479px) {
    /* hr { width: 90%; } */
    .ch-item { margin: auto; }
    .c-hero-text-wrap { top: 15%; }
    .date { padding-top: 10px; padding-bottom: 5px; }
    .card.board-card { max-width: 100%; }
    .card.board-card img { width: 100%; min-height: 100%; max-height: 100%; }
    .timeline-container { padding-left: 50px; }
    .timeline { max-width: 97%; }
    .timeline::after { margin-left: -1px; }
    .year::after { width: 15px; }
    .year { margin-left: -20px; margin-bottom: -58px; }
    .detail-title { padding-bottom: 10px; }
    .page-our-process .card.swiper-card { padding: 30px 15px 35px 5px; }
    .page-services-products .carousel-item img, .page-services-products .service-img img .page-case-study .carousel-item img { max-height: 350px; height: 220px; }
    .our-mission .bigger-quote { padding-left: 5%; padding-right: 5%; }
    .page-team-profile .c-section > .w-container { margin-left: 5%; margin-right: 7%; }
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
       
    .carousel-hero-text { font-size: 3.5rem; line-height: 3.6rem; }

    .c-hero-text-wrap { top: 10%; }
    .carousel-home { height: 555px; }
    .hero-home img { height: 600px; object-position: center; }
    .ch-img-1, .ch-img-2, .ch-img-3, .ch-img-4  { width: 200px; height: 200px; }
    .c-central-wrap, .profile-details-block { width: 75%; }
}

@media screen and (min-width: 1280px) {
   
    .carousel-hero-text { font-size: 3.8rem; line-height: 4rem; }
    .c-hero-text { font-size: 3.75rem; line-height: 4.1rem; }
    .c-simple-centre { padding-left: 0; }
    .w-container { max-width: 1120px; }
    .nav-logo { width: 18vw; }
    .carousel-home, .hero-home { height: 555px; }
    /* .carousel-home, .hero-home { height: 570px; } */
   
}
@media screen and (min-width: 1920px) {
    .hero-content { left: 19%; }
}
@media screen and (min-width: 2000px) {
    
    .carousel-hero-text { font-size: 3.8rem; line-height: 4.1rem; max-width: 65%; }
    .c-hero-text { font-size: 3.8rem; line-height: 4.1rem; letter-spacing: 1; }
}

@media screen and (min-width: 2500px) {
    .c-hero-text-wrap { top: 17%; }
}

@media screen and (min-width: 3500px) {
    .c-hero-text-wrap { top: 24%; }
}

@media only screen and (max-height: 575.98px) and (orientation: landscape) {
    .hero-home { max-height: 100vh; }
    .hero-home img { object-fit:cover; }
    .c-footer-wrap { align-items: center; }
}