/* Font families  */
/* @font-face { font-family: 'Gt Ultra Ultra Vf'; src: url('../fonts/GT-Ultra-Ultra-VF.woff2') format('woff2'); font-family: 'Gt Ultra Ultra Vf'; font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: var(--gt-heading); src: url('../fonts/GT-Ultra-VF.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: var(--avenir-regular); src: url('https://cdn.prod.website-files.com/6740dcec83ba3ff9bd7e7f2e/6740f257488da2299bfedf75_AvenirNextLTPro-Regular.woff2') format('woff2'); }
@font-face { font-family: var(--avenir-regular-italics); src: url('../fonts/Avenir\ Next\ LT\ Pro-It.woff2') format('woff2'); }
@font-face { font-family: 'Avenir next lt pro Demi'; src: url('../fonts/Avenir\ Next\ LT\ Pro-Demi.woff2') format('woff2'); }
@font-face { font-family: 'Avenir next lt pro Demiit'; src: url('../fonts/Avenir\ Next\ LT\ Pro-DemiIt.woff2') format('woff2'); } */

@font-face {
  font-family: 'Gt Ultra Ultra Vf';
  src: url('../fonts/GT-Ultra-Ultra-VF.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gt Ultra Vf';
  src: url('../fonts/GT-Ultra-VF.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextltpro';
  src: url('../fonts/Avenir-Next-LT-Pro-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextltpro It';
  src: url('../fonts/Avenir-Next-LT-Pro-It.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextltpro Demiit';
  src: url('../fonts/Avenir-Next-LT-Pro-DemiIt.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextltpro Demi';
  src: url('../fonts/Avenir-Next-LT-Pro-Demi.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body { overflow-x: hidden; }
* { padding: 0; margin: 0; box-sizing: border-box; text-decoration: none; }
.container { width: 100%; max-width: 1352px; padding: 0 20px; margin: 0 auto; }
:root { 
  --avenir-regular: Avenirnextltpro, Arial, sans-serif;
  --avenir-demi: "Avenirnextltpro Demi", Arial, sans-serif;
  --avenir-regular-italics: "Avenirnextltpro It", Arial, sans-serif;
  --gt-heading: "Gt Ultra Vf", Verdana, sans-serif;
  --bg: #ffffff; 
  --primary: linear-gradient(56deg, #B900FF -31%, #FF5E00 16%, #FF9EF5 93%); 
  --secondly-clr: #FFCD2B; 
  --near-black: #1D1F22;
  --text-color: #1D1F22; 
  --pink-clr: #E12991; 
  --fuchsia: #E12991;
  --yellow: #FFCD2B; 
}
h1 { font-family: var(--gt-heading); font-size: 64px; line-height: 58px; font-weight: 700; font-variation-settings: "CNTR" 50, "wght" 700, "slnt" 0; color: var(--text-color); letter-spacing: -0.05em; text-transform: uppercase; }
h1, h2, h3,h4,h5 { 
  font-family: var(--gt-heading); 
  font-variation-settings: "CNTR" 50, "wght" 700, "slnt" 0; 
  &:has(b, strong) { "wght" 400; } /* Research Grant page headings have 2 weights */
}
p { 
  font-family: var(--avenir-regular); 
  .pullquote & { font-family: var(--gt-heading); font-variation-settings: "CNTR" 70, "wght" 300, "slnt" 0; ; text-wrap: pretty; }
}
strong { font-weight: 900; }
.padding-block { padding: 96px 0; }
.bg-yellow { background-color: var(--secondly-clr); }
.primary-btn { font-family: var(--avenir-regular); font-size: 20px; font-weight: 700; line-height: 24px; text-transform: uppercase; color: #1D1F22; border: 6px solid #1D1F22; padding: 16px 32px; border-radius: 40px; }
.primary-btn:focus-visible { color: #1D1F22; border: 6px solid var(--yellow); background: var(--yellow); outline: 2px solid var(--yellow) !important; outline-offset: -2px !important; }
.primary-btn:hover { color: #1D1F22; border: 6px solid var(--yellow); background: var(--yellow); outline: 2px solid var(--yellow) !important; outline-offset: -2px !important;}
.back-to-top { 
  display: none;
  a { color: #1D1F22; font-family: var(--avenir-regular); font-size: 1rem; font-weight: 700; line-height: 1; }
}


/* header  */
.home-header .nav-logo img { display: none; }
header { box-sizing: border-box; height: 90px; width: 100%; padding: 16px 0; max-width: 100%; z-index: 2; background-color: #fff; }
.home-header { position: absolute; width: 100%; height: 62px; margin: 0 auto; top: 0; right: 0; left: 0; bottom: 0; background-color: transparent; }
header.fixed { position: fixed; background: white; padding: 15px 0; z-index: 2; transition: all 0.3s linear; width: 100%; margin: 0 auto; top: 0; left: 0; right: 0; }
header .header-flex { display: flex; /*justify-content: space-between;*/ justify-content: flex-end; align-items: center; gap: 15px; position: relative; }
header .header-flex .nav-menu .nav-list { opacity: 0; pointer-events: none; position: absolute; top:-15px; right: 0; transition: all 0.3s linear; z-index: 1; }
header .header-flex .nav-menu .nav-list.on { opacity: 1; pointer-events: all;  }
header .header-flex .nav-menu .nav-list .nav-bar { width: 1060px; height: 461px; background-color: #fff; border-radius: 0px 0px 0px 32px; display: flex; padding: 80px 20px 44px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
header .header-flex .nav-menu .nav-list .nav-bar .nav-list-left { border-right: 2px solid #FFCD2B; padding-inline: 44px; width: 100%; max-width: 668px; }
header .header-flex .nav-menu .nav-list .nav-bar .nav-list-left label { font-family: var(--gt-heading); font-size: 24px; font-weight: 700; font-variation-settings: "CNTR" 50, "wght" 700, "slnt" 0; line-height: 30px; }
header .header-flex .nav-menu .nav-list .nav-bar .nav-list-left .nav-list-block { padding-top: 24px; display: flex; gap: 10px; justify-content: space-between; }
header .header-flex .nav-menu .nav-list .nav-bar .nav-list-left .nav-list-block ul { list-style: none; display: flex; flex-direction: column; gap: 15px; }
header .header-flex .nav-menu .nav-list .nav-bar .nav-list-left .nav-list-block ul .pdf { margin-top: 5px; }
header .header-flex .nav-menu .nav-list .nav-bar .nav-list-left .nav-list-block ul li a { color: var(--text-color); font-family: var(--gt-heading); font-size: 16px; line-height: 20px; font-weight: 700; font-variation-settings: "CNTR" 50, "wght" 700, "slnt" 0;  transition: all 0.2s linear; }
header .header-flex .nav-menu .nav-list .nav-bar .nav-list-left .nav-list-block ul li a:hover { color: #E12991; }
header .header-flex .nav-menu .nav-list .nav-bar .nav-list-left .nav-list-block ul .pdf a { color: #E12991; font-family: var(--avenir-regular-italics); font-size: 16px; line-height: 20px; font-weight: 700; display: flex; align-items: center; gap: 5px; }
header .header-flex .nav-menu .nav-list .nav-bar .second { border: none; padding-right: 0; padding-left: 64px; width: 100%; max-width: 304px; }
.toggle-bar { display: block; margin-right: 32px; cursor: pointer; z-index: 1; }
.toggle-bar div { width: 25px; height: 3px; background: #000000; margin-bottom: 6px; transition: all 0.3s linear; backface-visibility: hidden; backdrop-filter: none; }
.toggle-bar.active { cursor: pointer; }
.toggle-bar.active .one { transform: rotate(48deg) translate(5px, 9px) }
.toggle-bar.active .two { display: none; }
.toggle-bar.active .three { transform: rotate(-44deg) translate(-3px, -2px); }

/* Home Page Header */
#header { background-color: #fff; height: 90px; position: relative; z-index: 10; }
#header.home-page-header header .header-flex .nav-logo { width: 0; height: 0; }
#header.home-page-header header { background-color: transparent; padding: 0; }
#header.home-page-header header .toggle-bar { margin-right: 32px; position: absolute; right: 0; top: 32px; z-index: 9; }
#header.home-page-header header.fixed { padding: 15px 0; background: white; }
#header.home-page-header header.fixed .header-flex .nav-logo { width: auto; height: auto; }
#header.home-page-header header.fixed .toggle-bar { position: unset; margin-right: 32px; }
/* #header.home-page-header header .header-flex .nav-menu .nav-list.on { top: 0; } */
/* #header.home-page-header header .header-flex .nav-menu .nav-list.on .nav-bar { height: 461px; padding: 80px 20px 44px; } */


/* Home page Start */

/* Banner section  */
.home-header .header-flex .nav-logo img { opacity: 0; }
.home-page .banner-sec { height: 1080px; background: antiquewhite; background-image: url(/image/banner-section-img.png); background-position: top; background-repeat: no-repeat; background-size: cover; padding: 230px 0 72px; width: 100%; max-width: 100%; }
.home-page .banner-sec h1 { line-height: 172.8px; font-size: 160px; font-style: italic; font-variation-settings: "CNTR" 50, "wght" 400, "slnt" 0; font-weight: 500; letter-spacing: -0.05em; text-transform: unset; }
.home-page .banner-sec h1>strong { font-size: 200px; font-style: normal; font-variation-settings: "CNTR" 50, "wght" 700, "slnt" 0; font-weight: 700; line-height: 176px; text-transform: uppercase; }
.home-page .banner-sec .row { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding-top: 120px; }
.home-page .banner-sec .row h3 { font-size: 36px; font-family: var(--gt-heading); font-weight: 700; color: var(--text-color); letter-spacing: -0.01em; text-align: center; text-transform: uppercase; }
.home-page .banner-sec .row .logo { margin-right: 56px; }
.home-page .banner-sec .row .logo svg { width: 217px; height: 88px; }
.home-page .banner-sec .row .logo svg path { fill: #1D1F22; }

/* Content section */
.wel_text-content .text { width: 100%; max-width: 1068px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; gap: 30px; }
.wel_text-content .text p { font-family: var(--avenir-regular); font-size: 28px; font-weight: 300; line-height: 130%; color: var(--text-color); }
.wel_text-content .text p strong { font-family: var(--avenir-demi); }
.wel_text-content .text .join-us-btn { font-family: var(--avenir-regular); font-size: 28px; font-weight: 600; line-height: 130%; color: var(--text-color); }
.wel_text-content .text .small-btn { width: 180px; height: 62px; background: linear-gradient(56deg, #B900FF -31%, #FF5E00 16%, #FF9EF5 93%); border-radius: 37px; display: flex; justify-content: center; align-items: center; text-align: center; transition: all 0.3s linear; }
.wel_text-content .text .small-btn a { font-family: var(--avenir-demi); font-size: 20px; font-weight: 700; line-height: 40px; color: #515761; border: 5px solid transparent; background: #fff; width: 167px; border-radius: 37px;  /* transition: all 0.3s linear; */ }
.wel_text-content .text .small-btn:hover { background-image: none; }
.wel_text-content .text .small-btn:hover a { background: var(--yellow); padding: 6px 0; width: 180px; }
.wel_text-content .text .small-btn a:focus-visible { transition: 0.3s ease-in-out; outline: 2px solid var(--yellow) !important; outline-offset: -2px !important; background: var(--yellow); }
.wel_text-content .text .small-btn:has(a:focus-visible) { background: var(--yellow); }

/* Pull Quote Section */
.pull-quote-sec { background: var(--primary); vertical-align: top; }
.pull-quote-sec .two-col { display: flex; gap: 32px; justify-content: center; align-items: center; padding: 0 20px; }
.pull-quote-sec .two-col .left-col { min-width: 810px; overflow: hidden; }
.pull-quote-sec .two-col .left-col .image { width: 100%; }
.pull-quote-sec .two-col .left-col .image img { width: 660px; margin: 0 auto; display: block; height: 660px; object-fit: cover; border-radius: 100%; transform: scale(1.2); }
.pull-quote-sec .two-col .right-col { width: 50%; }
.pull-quote-sec .two-col .right-col * { font-family: var(--gt-heading); }
.pull-quote-sec .two-col .right-col svg { width: 90px; height: 72px; }
.pull-quote-sec .two-col .right-col p { font-size: 36px; line-height: 50px; font-weight: 300; max-width: 600px; margin-top: 16px; color: var(--text-color); }
.pull-quote-sec .two-col .right-col a.primary-btn { font-family: var(--avenir-regular); }

/* Footer */
footer { padding: 56px 0; }
footer .footer-wrapper { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
footer .footer-wrapper .left-col svg { width: 133px; height: 54px; }
footer .footer-wrapper .right-col span { font-family: var(--avenir-regular); line-height: 20px; font-size: 16px; font-weight: 400; color: var(--text-color); text-align: center; }

.home-page .wel_text-content, .home-page .pull-quote-sec { width: 100%; display: inline-block; position: relative; z-index: 9; }
.home-page .wel_text-content { background: #fff; }

/* home page end  */

/* welcome page start */
header .header-flex .nav-logo img { width: 100%; max-width: 133px; height: 54px; }
header .header-flex .nav-logo { margin-left: 32px; margin-right: auto; }

/* banner section */
.welcome-page .banner-sec { padding: 56px 0; background-image: url("../image/BG-image-flipped.png"); }
.welcome-page .banner-sec label { font-family: var(--gt-heading); font-size: 36px; line-height: 40px; font-weight: 700; color: var(--text-color); display: block; margin-bottom: 16px; }

.welcome-page .two-col-flex .row .left-col h2 { font-family: var(--gt-heading); font-weight: 700; font-size: 32px; line-height: 125%; width: 100%; display: inline-block; }
.welcome-page .two-col-flex .row .left-col .content { width: 100%; }
.welcome-page .two-col-flex .row .left-col .content p { width: 100%; display: inline-block; font-weight: 400; font-size: 20px; line-height: 150%; }

/* Content section */
.two-col-flex { position: relative; overflow: hidden; }
.two-col-flex .row { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; }
.two-col-flex .row .left-col { width: 100%; max-width: 891px; }
.two-col-flex .row .left-col p { font-size: 32px; line-height: 40px; font-weight: 700; color: var(--text-color); }
.two-col-flex .row .left-col .content { margin-top: 24px; display: flex; flex-direction: column; gap: 25px; }
.two-col-flex .row .left-col .content span { font-family: var(--avenir-regular); font-size: 20px; font-weight: 400; line-height: 30px; font-style: italic; }
.two-col-flex .row .right-col { width: 304px; }
.two-col-flex .row .right-col .content-img { text-align: center; padding-top: 64px; }
.two-col-flex .row .right-col .content-img .officer-img { width: 100%; border-bottom-left-radius: 64px; max-width: 304px; height: 322px; object-fit: cover; margin-bottom: 24px; }
.two-col-flex .row .right-col .content-img .officer-sign { width: 100%; max-width: 266px; height: 56px; object-fit: cover; margin-bottom: 10px; }
.two-col-flex .row .right-col .content-img:last-child .officer-sign { width: 212px; }
.two-col-flex .row .right-col .content-img p { font-size: 24px; font-weight: 700; line-height: 32px; margin-bottom: 10px; }
.two-col-flex .row .right-col .content-img span { font-family: var(--avenir-regular); font-size: 20px; font-weight: 400; line-height: 30px; }

.yellow-circle { position: absolute;right: 0; bottom: 90px; z-index: -1; }
.yellow-circle img { width: 100%; display: inline-block; object-fit: contain;object-position: center; max-width: 400px; height: 400px; }
.people-two-col-sec .yellow-circle { bottom: 0; }

/* welcome page end*/

/* Common css  */

/* impact page start */
.banner-sec { position: relative; background-image: url("../image/common-page/banner-bg-img.png"); background-size: cover; background-repeat: no-repeat; background-position: center; }
.banner-sec .two-col-flex { display: flex; justify-content: center; align-items: center; }
.banner-sec .two-col-flex .left-col { width: 50%; display: flex; justify-content: center; }
.banner-sec .two-col-flex .left-col h1 { text-align: left; padding: 0 0; text-wrap: balance; }
.banner-sec .two-col-flex .right-col { width: 50%; padding-top: 88px; }
.banner-sec .two-col-flex .right-col img { width: 100%; max-width: 100%; height: auto; border-top-left-radius: 128px; float: inline-end; }

.banner-sec .two-col-flex .left-col { justify-content: flex-start; padding-left: calc(50% - 1312px / 2); padding-right: 20px;}


@media(max-width:1352px){
.banner-sec .two-col-flex .left-col { padding-left: calc(50% - 984px / 2); }
}
 
 @media(max-width:1024px){
.banner-sec .two-col-flex .left-col { padding-left: calc(50% - 728px / 2); }
}


/* small section */
.small-sec { position: relative; z-index: 1; }
.small-sec .bg-black { width:100%; }
.small-sec .bg-black .content { padding: 64px 0; }
.small-sec .bg-black .content:has(svg) { padding-top: 32px; }
.small-sec .bg-black .content svg { width: 90px; height: 72px; padding-bottom: 16px; }
.small-sec .bg-black .content p { font-size: 36px; line-height: 50px; color: #fff; }
.small-sec .bg-black:after { background: black; border-bottom-right-radius: 128px; width: 96.1702%; height: 100%; position: absolute; right: 0; top: 0; content: ''; left: 0; bottom: 0; z-index: -1; }


/* text two column section */
.text-number-two-col { position: relative; }
.text-number-two-col .text-content { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px 20px; }
.text-number-two-col .text-content .left-col { width: 100%; max-width: 898px; display: flex; flex-direction: column; gap: 64px; }
.text-number-two-col .text-content .three-col { display: flex; gap: 0.5rem 2rem; align-items: start; flex-wrap: wrap;  } /* Inset Quote & Stats */
.text-number-two-col .text-content .three-col .like-box { display: flex; justify-content: left; align-items: flex-start; gap: 16px; }
.text-number-two-col .text-content .three-col .like-box img { width: 48px; height: 48px; @media(width >= 1024px) { margin-top: 10px; } }
.text-number-two-col .text-content .three-col .like-box label { font-family: var(--gt-heading); font-size: 112px; font-weight: 700; font-variation-settings: "CNTR" 50, "wght" 700, "slnt" 0; line-height: 96px; color: var(--text-color); text-transform: uppercase;  }
.text-number-two-col .text-content .three-col p { font-size: 24px; line-height: 32px; font-weight: 800;  width: 100%; /*max-width: 400px;*/ } /* Inset Quote & Stats */
.text-number-two-col .text-content .three-col:has(label) p { @media(width >= 1024px) { padding-left: 3.5rem; } } /* Inset Quote & Stats */
.text-number-two-col .text-content .text { display: flex; max-width: 100%; gap: 24px; flex-direction: column; }
.text-number-two-col .text-content .text h2 { font-size: 32px; font-weight: 700; line-height: 40px; color: var(--text-color); } /* Body H2s */
.text-number-two-col .text-content .right-col h2 { color: #454545;} /* Right Column Headers */
.text-number-two-col .text-content .text p { font-size: 20px; font-weight: 400; line-height: 30px; } 
.text-number-two-col .text-content .right-col { width: 100%; max-width: 304px; }
.text-number-two-col .text-content .title-text { flex-direction: column; display: flex; gap: 10px; border-bottom: 1px solid #FFCD2B; padding-bottom: 32px; margin-bottom: 32px; }
.text-number-two-col .text-content .title-text:last-child { border: none; padding: 0; margin: 0; }
.text-number-two-col .text-content .title-text h2 { font-size: 72px; font-weight: 700; line-height: 64px; text-transform: uppercase; }
.text-number-two-col .text-content .title-text .text-info { display: flex; flex-direction: column; gap: 25px; }
.text-number-two-col .text-content .title-text .text-info span { color: #454545; font-family: var(--avenir-regular); font-size: 1.75rem; font-weight: 800; line-height: 1.3; text-wrap: pretty; } /* Right column stats */
.text-number-two-col .mobile-view { display: none; }
.text-number-two-col .text-content .title-text:nth-child(2) {  border-top: 1px solid #FFCD2B; padding-top: 32px; margin-top: 32px; }


/* small two col section */
.small-two-col { background: var(--primary); }
.small-two-col p { font-size: 32px; line-height: 40px; padding-bottom: 48px; font-weight: 700; }
.small-two-col .flex-col { display: flex; gap: 64px; }
.small-two-col .flex-col .text-content { display: flex; flex-direction: column; gap: 32px; }
.small-two-col .flex-col .text-content span { font-family: var(--gt-heading); font-size: 24px; line-height: 32px; font-weight: 700; padding-bottom: 32px; border-bottom: 1px solid #FFCD2B; width: 100%; max-width: 624px; }
.small-two-col .flex-col .text-content span:last-child { border-bottom: none; }
.small-two-col p { font-size: 28px; line-height: 34px; padding-bottom: 38px; }
.small-two-col .flex-col .text-content span { font-size: 22px; line-height: 30px; }
/* Loss & healing page start */

/* Pull Quote Section  */
.pull-quote-sec .two-col .right-col label, .pull-quote-sec .two-col .right-col span { display: block; font-family: var(--gt-heading); font-size: 36px; font-weight: 200; line-height: 48px; width: 100%; max-width: 550px; }
.pull-quote-sec .two-col .right-col label>strong { font-weight: 500; }
.pull-quote-sec .two-col .right-col .sec-btn { margin-top: 44px; }

/* Prevention Education page start */

/* text two column section */
.prevention-education-sec .text-number-two-col .text-content .left-col { max-width: 100%; }
.prevention-education-sec .text-number-two-col .text-content .three-col { justify-content: center; }
.prevention-education-sec .text-number-two-col .text-content .three-col p { max-width: 486px; }
.text-two-col .text-content .text .italic { font-style: italic; }

/* Rearch Page start */

/* text two column section */
.full .text-content .left-col { max-width: 100%; }
.full .text-content .text h2 span { display: block; font-size: 24px; line-height: 30px; font-weight: 700; }
.full .text-content .left-col .text h3 { font-family: var(--avenir-demi); font-size: 20px; font-weight: 700; line-height: 30px; color: var(--text-color); }
.full .text-content .left-col .text h3 a { color: var(--text-color); text-decoration: underline; transition: all 0.3s linear; }
.full .text-content .left-col .text h3 a:hover { color: var(--fuchsia); }

/* image section */
.image-sec { padding-left: 128px; }
.image-sec img { width: 100%; max-width: 100%; height: auto; border-top-left-radius: 128px; }
/* Walks page start */

/* banner section  */
/*.walks-page .banner-sec .two-col-flex .left-col { padding: 0 20px; }*/
.walks-page .banner-sec .two-col-flex .left-col h1 { text-align: left; }

/* text two column section */
.text-two-col .text-content .title { border-bottom: 1px solid #FFCD2B; padding-bottom: 32px; margin-bottom: 32px; }

/* Campaigns & Culture section start */

/* text two column section */
.campaigns-and-culture-sec .text-number-two-col .text-content .title h4 { color: #454545; font-family: var(--avenir-regular); font-size: 16px; font-weight: 800; line-height: 26px; }

/* Double Zig Zack section  */
.double-zig-zack { background: var(--primary); width: 100%; max-width: 100%; }
.double-zig-zack .zig-zack-sec { display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.double-zig-zack .zig-zack-sec .left-col { width: 50%; }
.double-zig-zack .zig-zack-sec .left-col img { width: 100%; max-width: 944px; margin: 0 auto; display: block; height: auto; object-fit: cover; border-bottom-right-radius: 128px; }
.double-zig-zack .zig-zack-sec .right-col { width: 50%; padding-right: 20px; padding-left: 32px; }
.double-zig-zack .zig-zack-sec .right-col h2 { width: 100%; max-width: 640px; font-size: 36px; font-weight: 300; line-height: 51px; }
.double-zig-zack .col-reverse { flex-direction: row-reverse; }
.double-zig-zack .col-reverse .left-col img { border-bottom-right-radius: 0; border-top-left-radius: 128px; }
.double-zig-zack .col-reverse .right-col { padding-right: 0; padding-left: 20px; padding-right: 32px; }
.double-zig-zack .col-reverse .right-col h2 { float: right; max-width: 640px; }

/* Policy & Advocacy page start */

/* text two column section */
.policy-advocacy-sec .text-number-two-col .text-content .text .small-text { font-size: 24px; line-height: 30px; }
.policy-advocacy-sec .text-number-two-col .text-content .text .bold-text-list { display: flex; flex-direction: column; font-family: var(--avenir-demi); }
.text-number-two-col .text-content .right-col .blog-img { width: 100%; height: auto; border-bottom-left-radius: 64px; margin-bottom: 64px; }
.text-number-two-col .text-content .right-col .blog-img:last-child { margin: 0; }

/* Partnerships page start */

/* text two column section */
.partnership-section .text-number-two-col { overflow: hidden; }
.partnership-section .text-number-two-col .text-content .text p strong { display: block; font-family: var(--avenir-demi); }
.partnership-section .text-number-two-col .text-content .small-txt h2 { font-size: 24px; line-height: 30px; }
.partnership-section .text-number-two-col .text-content .title-text:nth-child(2) { border-top: none; padding-top: 0;  margin-top: 0; }


/* Construction page start */

/* text two column section */
.text-number-two-col .text-content .small-p h2 { font-size: 24px !important; line-height: 28px !important; }
.text-number-two-col .text-content .span-italic span { font-style: italic; }
.text-number-two-col .text-content .large-p p { max-width: 710px; }
.text-number-two-col .text-content .title .small-h4 { font-family: var(--avenir-regular); font-size: 16px; font-weight: 400; line-height: 22px; }

/* Double Pull Quote Section  */
.construction-sec .pull-quote-sec .two-col .left-col { min-width: 640px; }
.construction-sec .pull-quote-sec .two-col { padding: 0; }
.construction-sec .pull-quote-sec .two-col .left-col .image img { transform: translate(0px, -22px); width: 640px; height: 640px; }
.construction-sec .pull-quote-sec .col-reverse .left-col .image img { transform: translate(0px, 55px); }
.construction-sec .pull-quote-sec .col-reverse { flex-direction: row-reverse; }

.construction-sec .text-number-two-col .text-content .right-col .text.title { gap: 8px; }

/* leadership-page */

/* banner-sec */
.leadership-page .banner-sec { padding: 56px 0; }

/* text two column section */
.leadership-page .text-number-two-col .text-content .left-col { gap: 48px; max-width: 1088px; margin: 0 auto; }
.leadership-page .text-number-two-col .text-content .text .small-text { font-size: 24px; line-height: 30px; }
.leadership-page .text-number-two-col .text-content .text .content { padding-bottom: 24px; display: flex; flex-direction: column; gap: 28px; }
.leadership-page .text-number-two-col .text-content .text .content .text-box { font-family: var(--avenir-regular); display: block; font-size: 20px; font-weight: 700; line-height: 30px; }
.leadership-page .text-number-two-col .text-content .text .content .text-box h5 { color: #E12991; font-weight: 700; font-size: 20px; font-style: italic; font-family: var(--avenir-regular-italics); }
.leadership-page .text-number-two-col .text-content .text .content .text-box label { display: block; font-weight: 700; }
.leadership-page .text-number-two-col .text-content .text .big-span { font-family: var(--avenir-regular); font-size: 28px; line-height: 38px; font-weight: 700; }

/* image section */
.image-row-section { position: relative; overflow: hidden; }
.image-row-section .image-row { width: 100%; max-width: 1088px; margin: 0 auto; display: flex; flex-direction: column; gap: 64px; }
.image-row-section .image-row img { width: 100%; height: auto; border-bottom-left-radius: 128px; }
.image-row-section .image-row img:last-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 128px; }
.image-row-section .yellow-circle { bottom: 0; }

/* impact second page css */

/* small-section  */
.impact-page .small-sec .bg-black .content p br { display: none; }

/* image section */
.impact-page .image-sec img { border-radius: 0; }

/* Volunteer SPotlight sub pages start */
.volunteer-spotlight-sub-page .banner-sec { padding: 84px 0; }
.people-two-col-sec { position: relative; overflow: hidden; }
.people-two-col-sec .row { width: 100%; max-width: 100%; position: relative; margin: 0 auto; display: flex; }
.people-two-col-sec .row .content { width: 100%; max-width: 1088px; background-color: #1D1F22; border-bottom-right-radius: 128px; padding: 96px 224px 96px 112px; }
.people-two-col-sec .row .content h3 { font-family: var(--gt-heading); font-size:32px; font-weight: 700; color: #fff; line-height: 44px; }
.people-two-col-sec .row .content label { font-size: 16px; font-weight: 400; line-height: 22px; color: #fff; text-transform: uppercase; font-family: var(--gt-heading); font-variation-settings: "CNTR" 50, "wght" 400, "slnt" 0; ; }
.people-two-col-sec .row .content .text-box { padding-top: 24px; display: flex; flex-direction: column; gap: 24px; }
.people-two-col-sec .row .content .text-box p { color: #fff; font-family: var(--avenir-regular); font-weight: 400; font-size: 20px; line-height: 30px; }
.people-two-col-sec .row .img { width: 416px; position: absolute; top: 0; right: 0; }
.people-two-col-sec .row .img img { width: 100%; max-width: 416px; height: auto; border-bottom-left-radius: 128px; }
.people-two-col-sec .btn-flex { display: flex; justify-content: space-evenly; align-items: center; padding-top: 48px;  gap: 16px; max-width: 1088px; }
.people-two-col-sec .btn-flex .left-col { width: 50%; }
.people-two-col-sec .btn-flex .left-col a { display: flex; align-items: center; gap: 8px; transition: all 0.3s linear; flex-wrap: wrap; }
.people-two-col-sec .btn-flex .left-col a span { font-family: var(--avenir-regular); font-weight: 700; font-size: 20px; line-height: 28px; color: #1D1F22; }
.people-two-col-sec .btn-flex .left-col p { font-size: 24px; line-height: 32px; font-weight: 700; }
.people-two-col-sec .btn-flex .left-col a p { font-size: 24px; line-height: 32px; font-weight: 700; width: 100%; display: inline-block; font-family: var(--avenir-regular); color: #000;  }
.people-two-col-sec .btn-flex .right-col a { flex-direction: row-reverse; justify-content: flex-end; }
.people-two-col-sec .btn-flex .left-col a:hover svg path { fill: #454545; }
.people-two-col-sec .btn-flex .left-col a:hover span, .people-two-col-sec .btn-flex .left-col a:hover p { color: #454545; text-decoration: underline; }
.people-two-col-sec .btn-flex .right-col a svg { transform: rotate(180deg); }

.people-two-col-sec .btn-flex .right-col { text-align: right; }
.people-two-col-sec .btn-flex .right-col a { justify-content: end; }
 

/* Research Grants page start */

/* banner-sec */
.research-grants-page .banner-sec { padding: 84px 0; }

/* small-section  */
.small-sec .bg-black .double-p { display: flex; flex-direction: column; gap: 28px; }
.small-sec .bg-black .double-p p { font-family: var(--avenir-regular); font-size: 20px; line-height: 30px; font-weight: 400; width: 100%; max-width: 92%; }

/* template section */
.template-sec { position: relative; }
.template-sec .template-two-col { display: flex; justify-content: center; align-items: flex-start; gap: 62px; }
.template-sec .template-two-col .big-col { display: flex; flex-direction: column; gap: 96px; width: 100%; max-width: 981px; }
.template-sec .template-two-col .big-col .large-col { display: flex; flex-direction: column; }
.template-sec .template-two-col .big-col .large-col h2 { font-family: var(--gt-heading); font-size: 36px; font-weight: 300; font-variation-settings: "CNTR" 50, "wght" 300, "slnt" 0;  line-height: 52px; color: var(--text-color); }
.template-sec .template-two-col .big-col .large-col h2>:is(b,strong) { font-weight: 700; font-variation-settings: "CNTR" 50, "wght" 700, "slnt" 0; }
.template-sec .template-two-col .big-col .large-col .blog-wrapper { padding-top: 64px; }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box { display: block; padding: 48px 0; border-bottom: 1px solid #2345; }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box:first-child { padding-top: 0; }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .img-two-col { display: flex; gap: 32px; }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .img-two-col .img-text-box { display: flex; gap: 16px; align-items: center; width: 100%; }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .img-two-col .img-text-box img { width: 100%; max-width: 96px; height: 102px; object-fit: cover; object-position: 100% 19%; border-bottom-left-radius: 32px; }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .img-two-col .img-text-box p { display: flex; flex-direction: column; font-family: var(--avenir-regular); font-size: 20px; line-height: 30px; font-weight: 400; color: var(--text-color); }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row { padding-top: 32px; display: flex; flex-direction: column; gap: 24px; }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row h3 { font-family: var(--gt-heading); font-size: 24px; font-weight: 700; font-variation-settings: "CNTR" 50, "wght" 700, "slnt" 100; line-height: 32px; color: var(--text-color); }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row .three-text { display: flex; align-items: center; flex-wrap: wrap; gap: 24px 0; }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row .three-text span { font-family: var(--avenir-regular); font-size: 16px; font-weight: 800; line-height: 26px; color: var(--pink-clr); border-right: 1px solid #ccc; padding-right: 24px; margin-right: 24px; }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row .three-text .circle { display: flex; gap: 16px; }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row .three-text .circle p { font-size: 16px; line-height: 26px; font-weight: 400; background: #E12991; color: #fff; padding: 3px 11px; border-radius: 100%; text-transform: uppercase; }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row .large-text { font-family: var(--avenir-regular); font-size: 20px; font-weight: 400; line-height: 30px; color: var(--text-color); }
.template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box:last-child { padding-bottom: 0; border-bottom: none; }
.template-sec .template-two-col .small-col { width: 100%; max-width: 269px; position: sticky; top: 75px; }
.template-sec .template-two-col .small-col h2 { font-family: var(--gt-heading); font-size: 32px; font-weight: 700; line-height: 40px; }
.template-sec .template-two-col .small-col .sticky-boxes { display: flex; flex-direction: column; gap: 24px; padding-top: 24px; }
.template-sec .template-two-col .small-col .sticky-boxes .sticky-sec { display: flex; gap: 8px; }
.template-sec .template-two-col .small-col .sticky-boxes .sticky-sec .circle { position: relative; }
.template-sec .template-two-col .small-col .sticky-boxes .sticky-sec .circle p { font-size: 16px; line-height: 26px; font-weight: 400; background: #E12991; color: #fff; padding: 3px 11px; border-radius: 100%; text-transform: uppercase; width: fit-content; }
.template-sec .template-two-col .small-col .sticky-boxes .sticky-sec .text { position: relative; }
.template-sec .template-two-col .small-col .sticky-boxes .sticky-sec .text span { font-family: var(--avenir-regular); font-size: 16px; font-weight: 500; line-height: 24px; }
.template-sec .template-two-col .small-col .sticky-boxes .sticky-sec .text span b { font-weight: 700; }

/* leadership-page-long-content */

/* small section */
.small-sec .bg-black .text-list { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 32px; padding: 96px 0; }
.small-sec .bg-black .text-list ul { width: 100%; columns: 290px 3; gap: 2rem; display: inline-block; padding-left: 30px; }
.small-sec .bg-black .text-list ul li { width: 100%; padding: 5px 0; }
.small-sec .bg-black .text-list ul li::marker { color: #FFCD2B; font-size: 22px; }
.small-sec .bg-black .text-list ul li a { font-size: 20px; font-family: var(--avenir-regular); font-weight: 700; line-height: 30px; color: #fff; text-decoration: underline; }

/* three col text list section */
.three-col-text { position: relative; }
.three-col-text .three-text-list { display: flex; align-items: flex-start; gap: 32px; }  
.three-col-text .three-text-list .left-text { top: 80px; width: 304px; position: sticky; padding-top: 24px; border-top: 1px solid #FFCD2B; }
.three-col-text .three-text-list .left-text h2 { font-size: 32px; font-weight: 700; line-height: 40px; color: var(--text-color); }
.three-col-text .three-text-list .right-text { width: 100%; max-width: 979px; }
.three-col-text .three-text-list .right-text .text-box { padding-top: 36px; }
.three-col-text .three-text-list .right-text .text-box h3 { font-family: var(--gt-heading); font-size: 24px; font-weight: 700; line-height: 30px; color: var(--text-color); }
.three-col-text .three-text-list .right-text .text-box .text-group { padding-top: 24px; display: flex; gap: 22px 29px; flex-wrap: wrap; justify-content: left; }
.three-col-text .three-text-list .right-text .text-box .text-group .text { display: flex; flex-direction: column; gap: 35px; width: 304px; }
.three-col-text .three-text-list .right-text .text-box .text-group .text p { font-size: 20px; font-weight: 200; line-height: 30px; color: var(--text-color); }
.three-col-text .three-text-list .right-text .text-box .text-group .text p b { font-weight: 700; }
.three-col-text .three-text-list .right-text .text-box-two .text-group { gap: 35px 32px; flex-direction: column; justify-content: flex-start; }
.three-col-text .three-text-list .right-text .text-box-two .text-group .text p { display: flex; flex-direction: column; }
.three-col-text .three-text-list .right-text .text-box .text-block { display: flex; flex-wrap: wrap; gap: 0px 29px; }
.three-col-text .small-txt { font-size: 20px; font-family: var(--avenir-regular); font-weight: 400; line-height: 30px; margin-top: 48px; display: block; }
.three-col-text-two .three-text-list .left-text { border-top: 1px solid #fff; }
.white .three-text-list .right-text .text-box .text-group { justify-content: flex-start; }
.three-col-text-two .three-text-list .right-text .text-box-two { padding-top: 12px; }
.three-col-text .three-text-list .right-text .text-box-two .text-group .text .flex-row { display: block; }
.three-col-text .three-text-list .right-text .text-box + .text-box { padding-top: 64px; }

/* Donors page start */

/* banner-sec */


.donors-page .banner-sec { padding: 56px 0; }

/* three col text list section */
.donors-page .three-col-text .three-text-list .right-text .text-box .text-group { padding-left: 0; gap: 32px; justify-content: flex-start; }
.three-col-text .three-text-list .right-text .text-box .text-group ul { display: flex; flex-direction: column; gap: 10px; width: calc(100% / 3 - 22px); padding-left: 30px; }
.three-col-text .three-text-list .right-text .text-box .text-group ul li { font-size: 20px; font-family: var(--avenir-regular); font-weight: 400; line-height: 30px; color: var(--text-color); }
.three-col-text .three-text-list .right-text .text-box h2 { font-family: var(--gt-heading); font-size: 32px; line-height: 40px; font-weight: 700; color: var(--text-color); }
.three-col-text-second .three-text-list .left-text { border-top: 1px solid #fff; }
.donors-page .three-col-text-second .three-text-list .right-text .text-box .block-list { display: flex; flex-direction: column; gap: 16px; padding-top: 32px; }
.donors-page .three-col-text-second .three-text-list .right-text .text-box .block-list .text-group { padding-top: 0px; }
.donors-page .three-col-text .three-text-list .right-text { display: flex; flex-direction: column; gap: 64px; }
.donors-page .three-col-text .three-text-list .right-text .text-box { padding-top: 0; }
.donors-page .three-col-text .three-text-list .right-text .text-box:first-child { padding-top: 36px; }
.donors-page .three-col-text-second .three-text-list .right-text .text-box .block-list .text-left { justify-content: left; gap: 58px; }
.donors-page .three-col-text .three-text-list .right-text .text-box .text-left { justify-content: left; gap: 66px; }
.donors-page .three-col-text .three-text-list .right-text .text-box .white-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 32px; }
.donors-page .three-col-text .three-text-list .right-text .text-box .white-list ul { display: flex; flex-direction: column; gap: 18px; width: calc(100% / 3 - 22px); padding-left: 30px; }
.donors-page .three-col-text .three-text-list .right-text .text-box .white-list ul li span { display: block; font-size: 20px; font-family: var(--avenir-regular); font-weight: 400; line-height: 30px; }
.donors-page .three-col-text .three-text-list .right-text .text-box .no-disc ul { list-style-type: none; }

/* Financials page start */

/* banner-sec */
.Financials-page .banner-sec { padding: 56px 0; }
.Financials-page .three-col-text .three-text-list .right-text .text-box .title-txt { font-family: var(--avenir-regular); font-size: 24px; line-height: 30px; font-weight: 400; color: var(--text-color); }
.Financials-page .three-col-text .three-text-list .right-text .text-box { display: flex; flex-direction: column; gap: 20px; }
.Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block { display: flex; flex-direction: column; gap: 80px; }
.Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group { display: flex; flex-direction: column; gap: 32px; }
.Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group .bill-title { font-family: var(--avenir-regular); font-size: 20px; line-height: 28px; font-weight: 700; color: var(--text-color); padding-bottom: 15px; border-bottom: 1px solid #1D1F22; }
.Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group .bill-details { display: flex; flex-direction: column; gap: 40px; }
.Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group .bill-details .bill-data { align-items: flex-start; display: flex; justify-content: space-between; gap: 25px; }
.Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group .bill-details .bill-data span { font-family: var(--avenir-regular); font-size: 20px; line-height: 28px; font-weight: 400; color: var(--text-color); max-width: 488px; }
.Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-total { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; border-top: 1px solid #1D1F22; padding-top: 24px; }
.Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-total span { font-family: var(--avenir-regular); font-size: 20px; line-height: 28px; font-weight: 700; color: var(--text-color); max-width: 488px; }
.Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group .bill-details .bill-data span:last-child, .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-total span:last-child { min-width: 115px; text-align: right; } 

@media(max-width:1465px){
  .small-sec { background-color: #000; }
  .small-sec .bg-black:after { display: none; }
}
/* Responsive */
@media (min-width:1921px) {
  section, .double-zig-zack { width: 100%; margin: 0 auto; }
  header { width: 100%; margin: 0 auto; }
  footer { width: 100%; margin: 0 auto; }
  .home-page .banner-sec { width: 100%; }
}

@media (max-width:1352px) {
  .container { width: 100%; max-width: 1024px; }
  h1 { font-size: 58px; line-height: 52px; }
  .padding-block { padding: 80px 0; }
  header .header-flex .nav-menu .nav-list .nav-bar .nav-list-left { padding-left: 24px; padding-right: 40px; }
  header .header-flex .nav-menu .nav-list .nav-bar { width: 980px; }
  .home-page .banner-sec h1 { font-size: 140px; line-height: 172.8px; }
  .home-page .banner-sec { padding: 160px 0 0px; height: 950px; }
  .home-page .banner-sec .row { padding-top: 120px; }
  .home-page .banner-sec .row .logo { margin-right: -17px; }
  .home-page .banner-sec h1>strong { font-size: 146px; line-height: 150px; }
  .home-page .banner-sec .row h3 { font-size: 32px; }
  .home-page .banner-sec .row .logo svg { width: 190px; height: 68px; }
  .wel_text-content .text { max-width: 100%; gap: 20px; }
  .wel_text-content .text p { font-size: 24px; line-height: 34px; }
  .wel_text-content .text .join-us-btn { font-size: 26px; line-height: 32px; }
  .pull-quote-sec .two-col .left-col .image img { width: 560px; height: 560px; }
  .pull-quote-sec .two-col .left-col { min-width: 680px; }
  .pull-quote-sec .two-col .right-col svg { width: 80px; height: 58px; }
  .pull-quote-sec .two-col .right-col p { font-size: 32px; line-height: 44px; }
  footer { padding: 46px 0; }

  /* welcome page start */
  .welcome-page .banner-sec { padding: 50px 0; }
  .welcome-page .banner-sec label { font-size: 32px; line-height: 36px; }
  .welcome-page .two-col-flex .row .left-col h2 { font-size: 30px; line-height: 34px; }
  .two-col-flex .row .right-col .content-img:last-child .officer-sign { width: 172px; }
  .two-col-flex .row .right-col .content-img .officer-img { height: 232px; max-width: 304px; }
  .two-col-flex .row .right-col .content-img .officer-sign { max-width: 186px; }

  /* small-section  */
  .small-sec .bg-black .content svg { width: 80px; height: 62px; }
  .small-sec .bg-black .content p { font-size: 30px; line-height: 42px; }
  .small-sec .bg-black .content.double-p p { font-size: 20px; line-height: 30px; }

  /* text two column section */
  .text-number-two-col .text-content .text h2 { font-size: 30px; line-height: 36px; }
  .text-number-two-col .text-content .three-col .like-box label { font-size: 90px; line-height: 76px; }
  .text-number-two-col .text-content .three-col p { font-size: 20px; line-height: 28px; }
  .text-number-two-col .text-content .title-text h2 { font-size: 68px; line-height: 56px; }

  /* Loss & healing section */
  .pull-quote-sec .two-col .right-col label, .pull-quote-sec .two-col .right-col span { font-size: 30px; line-height: 40px; }

  /* Rearch Page start */
  .image-sec { padding-left: 100px; }
  .image-sec img { border-top-left-radius: 100px; }
  /* Campaigns & Culture section start */

  /* Double Zig Zack section  */
  .double-zig-zack .zig-zack-sec .right-col h2 { font-size: 32px; line-height: 40px; }
  /* Leadership Conference & Lifesavers Gala page start */

  /* text two column section */
  .leadership-page .text-number-two-col .text-content .text .big-span br { display: none; }

  /* image section */
  .image-row-section .image-row { gap: 48px; }
  .image-row-section .image-row img { border-bottom-left-radius: 64px; }
  .image-row-section .image-row img:last-child { border-bottom-right-radius: 64px; }

  /* Volunteer SPotlight sub pages start */
  .volunteer-spotlight-sub-page .banner-sec { padding: 70px 0; }
  .people-two-col-sec .row .content { padding: 80px 280px 80px 50px; max-width: 100%; }
  .people-two-col-sec .row .img { width: 270px; }
  /* Research Grants page start */

  /* template section */
  .template-sec .template-two-col .big-col .large-col h2 { font-size: 32px; line-height: 48px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper { padding-top: 50px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row { gap: 22px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .img-two-col { flex-direction: column; }
  .template-sec .template-two-col .big-col { gap: 74px; }
  /* leadership-page-long-content */

  /* small section */
  .small-sec .bg-black .text-list { padding: 70px 0; }
  /* three col text list section  */
  .three-col-text .three-text-list .left-text h2 { font-size: 30px; line-height: 38px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block { gap: 60px; }

 
  .banner-sec .two-col-flex .left-col { padding-left: calc(50% - 984px / 2); }
    .donors-page .three-col-text .three-text-list .right-text .text-box .text-group { gap: 24px; }
    .three-col-text .three-text-list .right-text .text-box .text-group ul { width: calc(100% / 2 - 12px); padding-left: 22px; }
    .three-col-text .three-text-list .right-text .text-box .text-group ul li { font-size: 18px; line-height: 26px; }
    .donors-page .three-col-text .three-text-list .right-text .text-box .white-list { gap: 24px; }
    .donors-page .three-col-text .three-text-list .right-text .text-box .white-list ul { width: calc(100% / 2 - 12px); padding-left: 22px; }
}

@media (max-width:1024px) {
  .container { width: 100%; max-width: 768px; }
  h1 { font-size: 52px; line-height: 46px; text-align: center; }
  .primary-btn { font-size: 18px; line-height: 22px; padding: 12px 28px; }
  .padding-block { padding: 55px 0; }
  header .header-flex .nav-menu .nav-list.on { width: 100vw; height:100vh; overflow: auto; border-radius: 0; top: -16px;  right: 0; left: 0; }
  header .header-flex .nav-menu .nav-list .nav-bar { flex-direction: column; width: 100%; height: auto; overflow-y: scroll; padding: 80px 32px 32px 32px; border-radius: 0; border: none; }
  header .header-flex .nav-menu .nav-list .nav-bar .nav-list-left .nav-list-block { gap: 15px; flex-direction: column; }
  header .header-flex .nav-menu .nav-list .nav-bar .nav-list-left { max-width: 100%; padding-inline: 0; border-right: none; border-bottom: 2px solid #ffcd2b; padding-bottom: 34px; }
  header .header-flex .nav-menu .nav-list .nav-bar .second { padding-top: 32px; border-bottom: none; }

  #header.home-page-header header .toggle-bar { right: 0; }
  #header.home-page-header header.fixed .toggle-bar { margin-right: 32px; }
  #header.home-page-header header .header-flex .nav-menu .nav-list.on { top: 0; }
  #header.home-page-header header .toggle-bar.active { top:32px; }
  #header.home-page-header header .header-flex .nav-menu .nav-list.on .nav-bar { height: auto; padding: 80px 32px 32px 32px; }

  .toggle-bar.active { z-index: 9999; margin: 0 32px 0 0; } 
  .home-page .banner-sec h1 { font-size: 90px; line-height: 92px; }
  .home-page .banner-sec h1>strong { font-size: 94px; line-height: 92px; }
  .home-page .banner-sec { padding: 160px 0 0px; height: 640px; }
  .home-page .banner-sec .row { padding-top: 80px; }
  .home-page .banner-sec .row .logo { margin-right: -18px; }
  .home-page .banner-sec .row .logo svg { width: 200px; height: 60px; }
  .home-page .banner-sec .row h3 { font-size: 32px; }
  .wel_text-content .text p { font-size: 22px; line-height: 30px; }
  .wel_text-content .text { gap: 14px; }
  .wel_text-content .text .join-us-btn { font-size: 24px; line-height: 28px; }
  .wel_text-content .text .small-btn a { font-size: 18px; width: 131px; line-height: 35px; }
  .wel_text-content .text .small-btn { width: 147px; height: 57px; }
  .pull-quote-sec { padding: 50px 0; }
  .pull-quote-sec .two-col { flex-direction: column; gap: 20px; }
  .pull-quote-sec .two-col .left-col { min-width: auto; }
  .pull-quote-sec .two-col .left-col .image img { width: 100%; max-width: 500px; height: 500px; transform: none; }
  .pull-quote-sec .two-col .right-col { width: 100%; max-width: 370px; }
  .pull-quote-sec .two-col .right-col p { font-size: 26px; line-height: 36px; max-width: 100%; text-align: center; }
  footer { padding: 40px 0; }

  /* welcome page start */
  .welcome-page .banner-sec { padding: 44px 0; }
  .welcome-page .banner-sec label { font-size: 28px; line-height: 36px; text-align: center; }
  .welcome-page .two-col-flex .row .left-col h2 { font-size: 28px; }

  /* impact page start */
  .banner-sec .two-col-flex .right-col { padding-top: 80px; }
  .banner-sec .two-col-flex .right-col img { border-top-left-radius: 64px; }
  .banner-sec { padding: 32px 0 0; }
  .small-sec .bg-black .content { padding: 32px 0 48px; }
  .small-sec .bg-black .content svg { width: 70px; height: 52px; }
  .small-sec .bg-black .content p { font-size: 28px; line-height: 36px; }

  /* text two column section */
  .text-number-two-col .text-content .left-col { gap: 46px; }
  .text-number-two-col .text-content .text h2 { font-size: 28px; line-height: 34px; }
  .text-number-two-col .text-content .three-col .like-box label { font-size: 75px; line-height: 65px; }
  .text-number-two-col .text-content .three-col p { font-size: 18px; line-height: 26px; }
  .text-number-two-col .text-content .text-content p { font-size: 62px; line-height: 56px; }
  .text-number-two-col .text-content .text { gap: 20px; }
  .text-number-two-col .text-content .three-col { flex-direction: column; align-items: baseline; gap: 20px; }
  .text-number-two-col .text-content .title-text { gap: 5px; }
  .text-number-two-col .text-content .title-text .text-info { gap: 18px; }

  /* small two col section  */
  .small-two-col .flex-col { flex-direction: column; gap: 32px; }
  .small-two-col .flex-col .text-content span:last-child { border-bottom: 1px solid #FFCD2B; }
  .small-two-col .flex-col .text-content:last-child span:last-child { border-bottom: none; }

  /* Loss & healing section */
  .pull-quote-sec .two-col .right-col label, .pull-quote-sec .two-col .right-col span { font-size: 28px; line-height: 36px; }
  .pull-quote-sec .two-col .right-col .sec-btn { margin-top: 34px; }

  /* Prevention Education page start */

  /* text two column section */
  .prevention-education-sec .text-number-two-col .text-content .three-col { align-items: center; }
  .prevention-education-sec .text-number-two-col .text-content .three-col p { text-align: center; max-width: 100%; }
  .prevention-education-sec .text-number-two-col .text-content .three-col p br { display: none; }

  /* Rearch Page start */
  .image-sec { padding-left: 70px; }
  .image-sec img { border-top-left-radius: 64px; }

  /* Walks page start */

  /* small section  */
  .full-text .bg-black .content p { font-size: 26px; line-height: 34px; }

  /* Campaigns & Culture section start */

  /* Double Zig Zack section  */
  .double-zig-zack .zig-zack-sec { flex-direction: column; gap: 20px; }
  .double-zig-zack .col-reverse { margin-top: 30px; }
  .double-zig-zack { padding: 50px 20px; }
  .double-zig-zack .zig-zack-sec .left-col img { border-radius: 20px; }
  .double-zig-zack .zig-zack-sec .left-col { width: 100%; max-width: 610px; }
  .double-zig-zack .zig-zack-sec .right-col { width: 100%; max-width: 610px; padding: 0; }
  .double-zig-zack .zig-zack-sec .right-col h2 { font-size: 26px; line-height: 32px; text-align: center; }

  /* Construction page start */

  /* Double Pull Quote Section  */
  .construction-sec .pull-quote-sec .two-col .right-col { text-align: center; }
  .construction-sec .pull-quote-sec .col-reverse { flex-direction: column; margin-top: 40px; }
  .construction-sec .pull-quote-sec .two-col .left-col { min-width: auto; }
  .construction-sec .pull-quote-sec .col-reverse .left-col .image img, .construction-sec .pull-quote-sec .two-col .left-col .image img { transform: none; width: 500px; height: 500px; max-width: 100%; }

  /* Leadership Conference & Lifesavers Gala page start */

  /* text two column section */
  .leadership-page .text-number-two-col .text-content .left-col { max-width: 100%; gap: 38px; }

  /* image section */
  .image-row-section .image-row { gap: 35px; }
  .image-row-section .image-row img { border-bottom-left-radius: 48px; }
  .image-row-section .image-row img:last-child { border-bottom-right-radius: 48px; }

  /* Volunteer SPotlight sub pages start */
  .volunteer-spotlight-sub-page .banner-sec { padding: 55px 0; }
  .people-two-col-sec .row .content { padding: 60px 269px 60px 50px; max-width: 100%; }
  .people-two-col-sec .btn-flex .left-col p, .people-two-col-sec .btn-flex .left-col a p { font-size: 22px; line-height: 28px; }
  .people-two-col-sec .btn-flex .left-col a span { font-size: 18px; line-height: 26px; }

  /* Research Grants page start */

  /* template section */
  .template-sec .template-two-col .large-col .blog-box .img-two-col { flex-direction: column; }
  .template-sec .template-two-col .big-col .large-col h2 { font-size: 28px; line-height: 38px; }
  .template-sec .template-two-col { gap: 50px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper { padding-top: 40px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row h3 { font-size: 22px; line-height: 30px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box { padding: 40px 0; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row { padding-top: 28px; }
  .template-sec .template-two-col .small-col h2 { font-size: 30px; line-height: 38px; }
  .template-sec .template-two-col .big-col { gap: 60px; }

  /* leadership-page-long-content */

  /* small section */
  .small-sec .bg-black .text-list { padding: 55px 0;  gap: 10px; }
  /* .small-sec .bg-black .text-list ul { width: calc(100% / 2 - 12px); padding-left: 22px; gap: 10px; } */

  /* three col text list section */
  .three-col-text .three-text-list .left-text h2 { font-size: 28px; line-height: 36px; }
  .three-col-text .three-text-list .right-text .text-box .text-group .text p { font-size: 18px; line-height: 26px; }

  /* donors-page start */
  .donors-page .banner-sec { padding: 50px 0; }
  .donors-page .three-col-text .three-text-list .right-text .text-box:first-child { padding-top: 30px; }
  .donors-page .three-col-text .three-text-list .right-text { gap: 40px; }
  .three-col-text .three-text-list .right-text .text-box h3 { font-size: 22px; line-height: 28px; }
  .three-col-text .three-text-list .right-text .text-box h2 { font-size: 30px; line-height: 38px; }
  .donors-page .three-col-text-second .three-text-list .right-text .text-box .block-list .text-left { gap: 10px; }
  /* .donors-page .three-col-text .three-text-list .right-text .text-box .text-group { gap: 10px; } */
  .donors-page .three-col-text .three-text-list .right-text .text-box .white-list { padding: 0; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .title-txt { font-size: 22px; line-height: 28px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group .bill-details { gap: 30px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block { gap: 45px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group { gap: 25px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-total span { font-size: 18px; line-height: 26px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group .bill-details .bill-data span { font-size: 18px; line-height: 26px; }

  .banner-sec .two-col-flex .left-col { padding-left: calc(50% - 728px / 2); }
  .donors-page .three-col-text .three-text-list .right-text .text-box .text-group { gap: 10px; }
  .three-col-text .three-text-list .right-text .text-box .text-group ul { max-width: 100%; width: 100%; }
  .donors-page .three-col-text .three-text-list .right-text .text-box .white-list { gap: 10px; }
  .donors-page .three-col-text .three-text-list .right-text .text-box .white-list ul { width: 100%; gap: 10px; }
}

@media (max-width:768px) {
  .container { width: 100%; max-width: 100%; }
  h1 { font-size: 40px; line-height: 44px; }
  .padding-block { padding: 48px 0; }
  .home-page .banner-sec h1 { font-size: 54px; line-height: 58px; text-align: center; }
  .home-page .banner-sec h1>strong { font-size: 54px; line-height: 58px; }
  .home-page .banner-sec br { display: none; }
  .home-page .banner-sec { padding: 130px 0 0; height: 430px; }
  .home-page .banner-sec .row { padding-top: 70px; }
  .home-page .banner-sec .row .logo { margin-right: 40px; width: 100%; max-width: 35%; }
  .home-page .banner-sec .row h3 { font-size: 28px; min-width: 265px; }
  .home-page .banner-sec .row .logo svg { width: 100%; height: 40px; }
  .wel_text-content .text p { font-size: 20px; line-height: 28px; }
  .wel_text-content .text { gap: 12px; }
  .wel_text-content .text .join-us-btn { font-size: 22px; line-height: 26px; }
  .wel_text-content .text .small-btn a { font-size: 16px; width: 131px; line-height: 26px; }
  .wel_text-content .text .small-btn { width: 144px; height: 50px; }
  .pull-quote-sec { padding: 40px 0; }
  .pull-quote-sec .two-col .left-col .image img { max-width: 400px; height: 400px; }
  .pull-quote-sec .two-col .right-col { text-align: center; height: 170px; }
  .pull-quote-sec .two-col .right-col p { font-size: 24px; line-height: 32px; }
  footer { padding: 30px 0; }
  footer .footer-wrapper { gap: 9px; }

  /* welcome page start */
  .welcome-page .banner-sec label { font-size: 26px; line-height: 32px; margin-bottom: 10px; }
  .welcome-page .two-col-flex { padding: 45px 0 20px; }
  .yellow-circle { display: none; }
  .welcome-page .two-col-flex .row { flex-direction: column-reverse; gap: 25px; }
  .welcome-page .two-col-flex .row .left-col { max-width: 100%; }
  .welcome-page .two-col-flex .row .left-col h2 { font-size: 24px; line-height: 30px; text-align: center; }
  .welcome-page .two-col-flex .row .left-col .content { gap: 15px; margin-top: 15px; }
  .welcome-page .two-col-flex .row .right-col { display: flex; gap: 20px; width: 100%; }
  .welcome-page .two-col-flex .row .right-col .content-img { padding-top: 0px; }
  .welcome-page .two-col-flex .row .right-col .content-img .officer-img { margin-bottom: 15px; max-width: 224px; border-radius: 0; }
  .welcome-page .two-col-flex .row .right-col .content-img p { font-size: 20px; line-height: 28px; }
  .welcome-page .two-col-flex .row .right-col .content-img span { font-size: 18px; line-height: 26px; }
  .welcome-page .two-col-flex .row .left-col .content p { font-size: 16px; line-height: 25px; }

  /* impact page start */
  .banner-sec .two-col-flex { flex-direction: column; align-items: baseline; }
  .banner-sec .two-col-flex .right-col { padding-top: 32px; width: 100%; }
  .banner-sec .two-col-flex .left-col { width: 100%; }
  .banner-sec .two-col-flex .left-col h1 { text-align: left; padding-left: 20px; }
  .banner-sec .two-col-flex .right-col img { border-top-left-radius: 0; border-top-right-radius: 64px; min-width: 368px; width: 96.1702%; height: auto; object-fit: cover; float: inline-start; }

  /* small-section  */
  .small-sec .bg-black { border-bottom-right-radius: 64px; }
  /* .small-sec .bg-black .content { padding: 64px 0 64px 0; } */
  .small-sec .bg-black .content svg { width: 60px; height: 52px; }
  .small-sec .bg-black .content p { font-family: 'Avenirnextltpro'; font-size: 24px; font-weight: 400; line-height: 30px; max-width: 100%; }
  /* text two column section */
  .text-number-two-col .mobile-view { display: flex !important; }
/*.text-number-two-col .text-content { display: none; } */
  .text-number-two-col .text-content .text { gap: 24px; }
  
  .text-number-two-col .text-content .title-text { && { border-color: #fff; } }
  .text-number-two-col .text-content .title-text h2 { font-size: 56px !important; line-height: 50px !important; }
  .text-number-two-col .text-content .title-text .text-info { gap: 12px; }
  .text-number-two-col .text-content .title-text { gap: 12px; padding-block: 38px; margin: 0px; }
  .text-number-two-col .text-content .title-text:last-child { padding-top: 48px; }
  .text-number-two-col .text-content .title-text:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
  .text-number-two-col .text-content .title-text .text-info span { color: #000; font-size: 1.25rem; }
  .text-number-two-col .text-content .left-col { gap: 40px; }
  .text-number-two-col .text-content .three-col .like-box label { font-size: 56px; line-height: 50px; }
  .text-number-two-col .text-content .three-col p { font-size: 1rem; line-height: 1.375; }
  .text-number-two-col .text-content .text h2 { font-size: 32px; line-height: 1.333; }
  .text-number-two-col .text-content { flex-wrap: wrap; }
  .text-number-two-col .text-content .right-col { background-color: var(--yellow); max-width: 100%; padding: 3rem 2rem; }
/*  .text-number-two-col .text-content .right-col .text.title { padding: 20px 0 40px 0; border-bottom: 1px solid #FFCD2B; }*/


  /* Loss & healing section */
  .pull-quote-sec .two-col .right-col label, .pull-quote-sec .two-col .right-col span { font-size: 26px; line-height: 32px; }

  /* Rearch Page start */
  .full .mobile-view .text p { font-size: 28px; line-height: 34px; }
  .full .mobile-view .left-col { gap: 27px; }
  .full .mobile-view .text p span { font-size: 20px; line-height: 25px; margin-top: 8px; }
  .full .mobile-view .left-col .text h3 { font-size: 18px; line-height: 28px; }

  /* image section */
  .image-sec { padding-left: 30px; }
  .image-sec img { border-top-left-radius: 64px; }

  /* Walks page start */

  /* banner section  */
  .walks-page .banner-sec .two-col-flex .left-col h1 { text-align: center; padding: 0; }

  /* Walks page start */

  /* small section  */
  .full-text .bg-black .content p br { display: none; }

  /* text two column section */
  .text-two-col .text-content .title { border: none; padding: 0; margin: 0; }
  .walks-page .text-two-col .text-content .title-text { margin: 0; padding-top: 35px; padding-bottom: 35px; }
  .walks-page .text-two-col .text-content .left-col { gap: 35px; }
  .walks-page .text-two-col .text-content .text p br { display: none; }

  /* Campaigns & Culture section start */

  /* text two column section */
  .campaigns-and-culture-sec .text-number-two-col .text-content .title h4 br { display: none; }
  .campaigns-and-culture-sec .text-number-two-col .text-content .text { gap: 16px; }
  .campaigns-and-culture-sec .text-number-two-col .text-content .left-col { gap: 28px; }
  .campaigns-and-culture-sec .text-number-two-col .text-content .title-text { padding-block: 34px; margin-block: 14px; }

  /* Double Zig Zack section  */
  .double-zig-zack { padding: 40px 20px; }
  .double-zig-zack .zig-zack-sec .right-col h2 { font-size: 24px; line-height: 32px; }

  /* Policy & Advocacy page start */

  /* text two column section */
  .policy-advocacy-sec .text-number-two-col .mobile-view { flex-direction: column; gap: 25px; }
  .policy-advocacy-sec .text-number-two-col .mobile-view .left-col { max-width: 100%; gap: 30px; }
  .policy-advocacy-sec .text-number-two-col .mobile-view .right-col { max-width: 100%; display: flex; justify-content: center; gap: 15px; }
  .policy-advocacy-sec .text-number-two-col .mobile-view .right-col .blog-img { margin: 0; width: 100%; border-radius: 5px; max-width: 50%; }
  .policy-advocacy-sec .text-number-two-col .mobile-view .left-col .text { gap: 20px; }

  /* Partnerships page start */

  /* text two column section */
  .partnership-section .text-number-two-col .text-content .title-text:first-child { padding-bottom: 40px; margin-bottom: 10px; }
  .partnership-section .text-number-two-col .text-content .left-col { gap: 30px; }
  .partnership-section .text-number-two-col .text-content .title-text { padding-block: 34px; margin-block: 10px; }
  .partnership-section .text-number-two-col .text-content .text h2 { font-size: 26px; line-height: 30px; }

  /* Construction page start */

  /* text two column section */
  .construction-sec .text-number-two-col .text-content .title-text { margin: 0; padding-block: 30px; }
  .construction-sec .text-number-two-col .text-content .left-col { gap: 35px; }
  .construction-sec .pull-quote-sec .col-reverse .left-col .image img, .construction-sec .pull-quote-sec .two-col .left-col .image img { width: 400px; height: 400px; }

  /* leadership-page */

  /* banner-sec */
  .leadership-page .banner-sec { padding: 50px 0; }
  .leadership-page .banner-sec h1 br { display: none; }

  /* text two column section */
  .leadership-page .text-number-two-col .text-content .text { gap: 20px; }
  .leadership-page .text-number-two-col .text-content .text h2 { font-size: 28px; line-height: 36px; }
  .leadership-page .text-number-two-col .text-content .text .small-text { font-size: 22px; line-height: 28px; }
  .leadership-page .text-number-two-col .text-content .left-col { gap: 30px; }
  .leadership-page .text-number-two-col .text-content .text .content .text-box { font-size: 18px; line-height: 26px; }
  .text-two-col .text-content .text span { font-size: 18px; line-height: 28px; }
  .leadership-page .text-number-two-col .text-content .text .content { padding-bottom: 15px; gap: 22px; }
  .leadership-page .text-number-two-col .text-content .text .content .text-box h5 { font-size: 18px; font-style: italic; }
  .leadership-page .text-number-two-col .text-content .text .big-span { font-size: 22px; line-height: 34px; }

  /* image section */
  .image-row-section .image-row { gap: 30px; }
  .image-row-section .image-row img, .image-row-section .image-row img:last-child { border-radius: 18px; }

  /* Volunteer SPotlight sub pages start */
  .volunteer-spotlight-sub-page .banner-sec { padding: 50px 0; }
  .people-two-col-sec { background: #1D1F22; padding: 48px 0 0 0; }
  .people-two-col-sec .row { flex-direction: column-reverse; padding: 0 0 48px; background: none; gap: 30px; }
  .people-two-col-sec .row .img { position: static; width: auto; display: block; margin: 0 auto; }
  .people-two-col-sec .row .content { padding: 0; background: transparent; display: flex; flex-direction: column; }
  .people-two-col-sec .row .img img { margin: 0 auto; width: 100%; border-radius: 18px; }
  .people-two-col-sec .row .content h3 { font-size: 24px; line-height: 32px; text-align: center; }
  .people-two-col-sec .row .content label { text-align: center; }
  .people-two-col-sec .row .content .text-box { gap: 20px; }
  .people-two-col-sec .row .content .text-box p { /*text-align: center;*/ font-size: 18px; line-height: 27px; }
  .people-two-col-sec .btn-flex { background: #fff; padding: 40px 20px; justify-content: space-between; margin-inline: -20px;  }
  .people-two-col-sec .btn-flex .left-col { width: auto; }
  .people-two-col-sec .btn-flex .left-col p, .people-two-col-sec .btn-flex .left-col a p { font-size: 20px; line-height: 26px; }
  .people-two-col-sec .btn-flex .left-col a span { font-size: 16px; line-height: 24px; }

  /* Research Grants page start */

  /* template section */
  .template-sec .template-two-col { flex-direction: column-reverse; gap: 40px; }
  .template-sec .template-two-col .small-col h2 { font-size: 28px; line-height: 36px; }
  .template-sec .template-two-col .big-col { max-width: 100%; gap: 45px; }
  .template-sec .template-two-col .small-col { max-width: 100%; position: static; }
  .template-sec .template-two-col .small-col .sticky-boxes { gap: 20px; padding-top: 20px; }
  .template-sec .template-two-col .small-col .sticky-boxes .sticky-sec { align-items: center; }
  .template-sec .template-two-col .big-col .large-col h2 { font-size: 24px; line-height: 32px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper { padding-top: 30px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row { padding-top: 20px; gap: 18px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .img-two-col .img-text-box p { font-size: 18px; line-height: 28px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row h3 { font-size: 20px; line-height: 28px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row .large-text { font-size: 18px; line-height: 28px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box { padding: 35px 0; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .img-two-col { gap: 24px; }

  /* leadership-page-long-content */

  /* small section */
  .bg-yellow .bg-black { width: 100%; border-radius: 0; }
  .small-sec .bg-black .text-list { gap: 10px; padding: 40px 0; }
  .small-sec .bg-black .text-list ul li a { font-size: 18px; line-height: 26px; }

  /* three col text list section */
  .three-col-text .three-text-list { flex-direction: column; gap: 25px; }
  .three-col-text .three-text-list .left-text { position: static; width: 100%; }
  .three-col-text .three-text-list .right-text { max-width: 100%; }
  .three-col-text .three-text-list .right-text .text-box { padding-top: 14px; }
  .three-col-text .three-text-list .left-text h2 { font-size: 26px; line-height: 34px; }
  .three-col-text .three-text-list .right-text .text-box h3 { font-size: 22px; line-height: 28px; }
  .three-col-text .three-text-list .right-text .text-box .text-group .text { width: 100%; gap: 26px; }
  .three-col-text .three-text-list .right-text .text-box-two .text-group { gap: 25px 32px; }
  .three-col-text .small-txt { font-size: 18px; line-height: 26px; margin-top: 34px; }
  .three-col-text .three-text-list .right-text .text-box + .text-box { padding-top:32px; }

  /* donors page start  */
  .donors-page .small-sec .bg-black { border-radius: 0; width: 100%; }
  
  .small-sec .bg-black .text-list ul { width: 100%; padding-left: 22px; }
  .donors-page .three-col-text .three-text-list .right-text .text-box:first-child { padding-top: 15px; }
  .donors-page .three-col-text .three-text-list .right-text { gap: 30px; }
  .three-col-text .three-text-list .right-text .text-box h2 { font-size: 26px; line-height: 36px; }
  .donors-page .three-col-text-second .three-text-list .right-text .text-box .block-list { padding-top: 10px; gap: 10px; }
  /* .donors-page .three-col-text .three-text-list .right-text .text-box .white-list { gap: 15px; } */
  /* .donors-page .three-col-text .three-text-list .right-text .text-box .white-list ul { gap: 15px; width: 100%; } */
  .donors-page .three-col-text .three-text-list .right-text .text-box .white-list ul li span { font-size: 18px; line-height: 28px; }

  /* Financials-page start  */
  .Financials-page .banner-sec { padding: 50px 0; }
  .Financials-page .small-sec .bg-black { width: 100%; border-radius: 0; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box { gap: 15px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group { gap: 18px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group .bill-details { gap: 20px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-total { padding-top: 20px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group .bill-details .bill-data, .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-total { gap: 40px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .title-txt { font-size: 20px; line-height: 26px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block { gap: 35px; }

  .construction-sec .text-number-two-col .text-content .right-col .text.title { padding-bottom: 24px; }
}

@media (max-width:480px) {
  .container { width: 100%; max-width: 100%; }
  h1 { font-size: 32px; line-height: 38px; }
  .primary-btn { font-size: 16px; line-height: 20px; padding: 10px 24px; }
  .padding-block { padding: 35px 0; }
  .home-page .banner-sec h1 { font-size: 36px; line-height: 48px; text-align: center; }
  .home-page .banner-sec h1>strong { font-size: 40px; line-height: 34px; }
  .home-page .banner-sec { padding: 130px 0 0; height: 430px; }
  .home-page .banner-sec .row { padding-top: 50px; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; }
  .home-page .banner-sec .row .logo { margin-right: 0; max-width: 100%; display: flex; justify-content: center; }
  .home-page .banner-sec .row h3 { font-size: 26px; min-width: 100%; }
  .home-page .banner-sec .row .logo svg { width: auto; height: 40px; }
  .wel_text-content .text p { font-size: 16px; line-height: 24px; }
  .wel_text-content .text { gap: 11px; }
  .wel_text-content .text .join-us-btn { font-size: 20px; line-height: 22px; }
  .pull-quote-sec { padding: 30px 0; }
  .pull-quote-sec .two-col { gap: 14px; }
  .pull-quote-sec .two-col .left-col .image img { max-width: 300px; height: 300px; }
  .pull-quote-sec .two-col .right-col svg { width: 50px; height: 45px; }
  .pull-quote-sec .two-col .right-col p { margin-top: 5px; font-size: 21px; line-height: 26px; }
  footer .footer-wrapper { flex-direction: column; gap: 15px; }

  /* welcome page start */
  .welcome-page .banner-sec label { font-size: 24px; line-height: 30px; margin-bottom: 6px; }
  .welcome-page .two-col-flex { padding: 45px 0 10px; }
  .welcome-page .two-col-flex .row { gap: 16px; }
  .welcome-page .two-col-flex .row .left-col h2 { font-size: 20px; line-height: 28px; }
  .welcome-page .two-col-flex .row .left-col .content { margin-top: 10px; gap: 12px; }
  .welcome-page .two-col-flex .row .right-col { flex-direction: column; }
  .welcome-page .two-col-flex .row .right-col .content-img:last-child .officer-sign { width: 190px; }
  .welcome-page .two-col-flex .row .right-col .content-img p { font-size: 18px; line-height: 26px; }

  /* impact page */
  .banner-sec .two-col-flex .right-col { padding-top: 40px; }
  .banner-sec .two-col-flex .right-col img { min-width: auto; }
  .small-sec .bg-black .content svg { width: 36px; height: 50px; }
  .small-sec .bg-black .content p { font-size: 16px; line-height: 22px; }
  .small-sec .bg-black .content p br { display: none; }
  .small-sec .bg-black .content.double-p p { font-size: 16px; line-height: 22px; }

  /* text two column section */
  .text-number-two-col .text-content .title-text h2 { font-size: 48px !important; line-height: 46px !important; }
  .text-number-two-col .text-content .title-text { gap: 8px; padding-block: 30px; margin-block: 8px; }
  .text-number-two-col .text-content .text { gap: 20px; }
  .text-number-two-col .text-content .text h2 { font-size: 26px; line-height: 32px; }
  .text-number-two-col .text-content .text p { font-size: 18px; line-height: 26px; }
  .text-number-two-col .text-content .title-text:last-child { padding-top: 28px; margin-top: 10px; }
  .text-number-two-col .text-content .title-text:last-child { padding-top: 28px; margin-top: 10px; }
  .text-number-two-col .text-content .three-col:has(> .like-box) { margin-block: 2rem; }
  .text-number-two-col .text-content .three-col .like-box { flex-direction: column; }
  .text-number-two-col .text-content .three-col { gap: 16px; }
  .text-number-two-col .text-content .three-col .like-box label { font-size: 50px; line-height: 46px; }
  .text-number-two-col .text-content .left-col { gap: 15px; }

  /* Loss & healing section */
  .pull-quote-sec .two-col .right-col label, .pull-quote-sec .two-col .right-col span { font-size: 24px; line-height: 30px; }
  .pull-quote-sec .two-col .right-col .sec-btn { margin-top: 30px; }

  /* Rearch Page start */
  .image-sec { padding-left: 0px; }
  .image-sec img { border-top-left-radius: 0px; }

  /* Walks page start */

  /* small section  */
  .full-text .bg-black .content p br { display: none; }

  /* text two column section */
  .walks-page .text-two-col .text-content .title-text { padding-top: 25px; padding-bottom: 25px; }
  .walks-page .text-two-col .text-content .left-col { gap: 23px; }

  /* Campaigns & Culture section start */

  /* text two column section */
  .campaigns-and-culture-sec .text-number-two-col .text-content .left-col { gap: 12px; }
  .campaigns-and-culture-sec .text-number-two-col .text-content .title-text { padding-block: 26px; margin-block: 12px; }
  .double-zig-zack { padding: 30px 20px; }
  .double-zig-zack .zig-zack-sec .right-col h2 { font-size: 20px; line-height: 28px; }
  .double-zig-zack .col-reverse { margin-top: 20px; }

  /* Policy & Advocacy page start */

  /* text two column section */
  .policy-advocacy-sec .text-number-two-col .mobile-view .left-col { gap: 18px; }
  .policy-advocacy-sec .text-number-two-col .mobile-view .right-col { flex-direction: column; }
  .policy-advocacy-sec .text-number-two-col .mobile-view .left-col .text { gap: 16px; }
  .policy-advocacy-sec .text-number-two-col .text-content .text .small-text { font-size: 20px; line-height: 24px; }
  .policy-advocacy-sec .text-number-two-col .mobile-view .right-col .blog-img { max-width: 100%; }

  /* Partnerships page start */

  /* text two column section */
  .partnership-section .text-number-two-col .text-content .text h2 { font-size: 22px; line-height: 26px; }

  /* Construction page start */

  /* text two column section */
  .construction-sec .text-number-two-col .text-content .title-text { padding-block: 25px; }
  .construction-sec .text-number-two-col .text-content .left-col { gap: 25px; }
  .construction-sec .text-number-two-col .text-content .small-p h2 { font-size: 22px !important; line-height: 26px !important; }
  .construction-sec .pull-quote-sec .col-reverse .left-col .image img,
  .construction-sec .pull-quote-sec .two-col .left-col .image img { width: 300px; height: 300px; }

  /* Leadership Conference & Lifesavers Gala page start */

  /* text two column section */

  .leadership-page .banner-sec { padding: 40px 0; }
  .leadership-page .text-number-two-col .text-content .text h2 { font-size: 24px; line-height: 28px; text-align: center; }
  .leadership-page .text-number-two-col .text-content .text { gap: 18px; }
  /*.leadership-page .text-number-two-col .text-content .text p { text-align: center; }*/
  .leadership-page .text-number-two-col .text-content .text .content { padding-bottom: 10px; gap: 20px; }
  .leadership-page .text-number-two-col .text-content .text .big-span { font-size: 20px; line-height: 30px; }

  /* image section */
  .image-row-section .image-row { gap: 18px; }

  /* Volunteer SPotlight sub pages start */
  .people-two-col-sec .row { padding: 0 0 35px; background: none; gap: 20px; }
  .people-two-col-sec { background: #1D1F22; padding: 35px 0 0; }
  .people-two-col-sec .btn-flex { padding: 30px 20px; }
  .people-two-col-sec .btn-flex .left-col p, .people-two-col-sec .btn-flex .left-col a p { font-size: 18px; line-height: 24px; }
  .people-two-col-sec .row .content .text-box { padding-top: 18px; }

  /* Research Grants page start */

  /* template section */
  .template-sec .template-two-col .small-col h2 { font-size: 26px; line-height: 34px; width: fit-content; display: block; margin: 0 auto; }
  .template-sec .template-two-col .small-col .sticky-boxes { padding-top: 15px; gap: 18px; }
  .template-sec .template-two-col { gap: 30px; }
  .template-sec .template-two-col .big-col .large-col h2 { font-size: 22px; line-height: 30px; text-align: center; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper { padding-top: 26px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row h3 { font-size: 18px; line-height: 26px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .img-two-col .img-text-box p { font-size: 16px; line-height: 25px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row { gap: 14px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row .three-text { gap: 18px 0; }
  .template-sec .template-two-col .big-col { gap: 28px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .img-two-col .img-text-box img { max-width: 90px; height: 96px; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box { padding: 30px 0; }
  .template-sec .template-two-col .big-col .large-col .blog-wrapper .blog-box .text-two-row .large-text { font-size: 16px; line-height: 26px; }

  /* leadership-page-long-content */

  /* small section */
  .small-sec .bg-black .text-list ul li a { font-size: 16px; line-height: 22px; }
  .small-sec .bg-black .text-list { padding: 35px 0; }

  /* three col text list section  */
  .three-col-text .three-text-list .left-text h2 { font-size: 24px; line-height: 30px; }
  .three-col-text .three-text-list .right-text .text-box h3 { font-size: 20px; line-height: 26px; }

  /* .three-col-text .three-text-list .right-text .text-box { padding: 0; } */
  .three-col-text .three-text-list .right-text .text-box .text-group .text { gap: 24px; }
  .three-col-text .small-txt { font-size: 16px; line-height: 24px; margin-top: 26px; }

  /* donors page start */
  .donors-page .banner-sec { padding: 40px 0; }
  .donors-page .three-col-text .three-text-list .right-text .text-box .text-group { padding-top: 10px; }
  .three-col-text .three-text-list { gap: 20px; }
  .donors-page .three-col-text .three-text-list .right-text .text-box:first-child { padding-top: 10px; }
  .three-col-text .three-text-list .right-text .text-box h2 { font-size: 24px; line-height: 32px; }
  .donors-page .three-col-text .three-text-list .right-text { gap: 25px; }
  /* .donors-page .three-col-text-second .three-text-list .right-text .text-box .block-list { gap: 8px; } */
  .donors-page .three-col-text-second .three-text-list .right-text .text-box .block-list .text-left { gap: 4px; }

  /* Financials-page start */
  .Financials-page .banner-sec { padding: 40px 0; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .title-txt { font-size: 18px; line-height: 24px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group .bill-title { font-size: 18px; line-height: 26px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group .bill-details .bill-data span { font-size: 16px; line-height: 24px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-group .bill-details { gap: 15px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block { gap: 28px; }
  .Financials-page .three-col-text .three-text-list .right-text .text-box .bill-block .bill-total span { font-size: 16px; line-height: 24px; }
  .Financials-page .three-col-text .three-text-list { gap: 5px; }
}





/* =========================================== */
/* Home Hero Start */


/* VARIABLES */
:root {
  /* Colors */
  --yellow: #FFCD2B;
  --pink--dark: #FF76FC;
  --pink: #FF9EF5;
  --orange: #FF5E00;
  --fuchsia: #E12991;
  --purple: #B900FF;

  --pink-orange: #FF7E7A;
  --purple-orange: #E83F53;

  --circle-grad: linear-gradient(
    90deg,
    var(--yellow) 2%, 
    var(--pink--dark), 
    var(--pink),   
    var(--orange), 
    var(--fuchsia), 
    var(--purple)
  );
  
  /* Fonts */
  --display-font: "Gt Ultra Vf", Verdana, sans-serif; 
  --bodycopy-font: Avenirnextltpro, Arial, sans-serif; 
  
  /* Homepage Hero */
  --heading--xl: 700 12.5rem / 0.875 var(--display-font); /* 200px, + letter-spacing: -0.05em; text-transform: uppercase; */
  --heading--em: 400 italic 10rem / 1.075 var(--display-font); /* 160px */
  --heading--mustache: 700 2.25rem / 1.11 var(--bodycopy-font);  /* 36px, + letter-spacing: 0.01em; */
  --heading--lg: 700 10rem / 0.875 var(--display-font); /* 160px, + letter-spacing -0.02em; */
  --heading--med-lg: 700 2rem / 1.25 var(--display-font); /* 32px */
  --heading--med:	700 1.5rem / 1.25 var(--display-font); /* 24px - Used for H3 as needed */  
  
  /* Spacign */
  --block-space--lg: clamp(32px, round(6svw, 4px), 96px);
  --block-space--med-lg: clamp(32px, round(4svw, 4px), 64px);
  --block-space--med: clamp(24px, round(3svw, 4px), 48px);
  --block-space--sm: clamp(16px, round(3svw, 4px), 32px);
}

/* ELEMENTS */
.hero {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    position: sticky;
    top: 0;
}

.hero-text {
  box-sizing: border-box;
  color: var(--near-black);
  display: grid;
  grid-template-columns: 1fr; 
  height: 100%;
  margin-inline: auto;
  padding-right: var(--block-space--lg); /* Give text a little breathing room on the right. */
  place-items: center start;
  position: relative;
  width: min(1200px, 100% - 4rem);
  z-index: 1; 
  @media(width < 600px) { padding-right: 0; }
  
  & h1 { 
    font-family: var(--display-font);
    font-size: clamp(2rem, 9svw, 12.5rem);
    letter-spacing: -0.05em; 
    line-height: 0.875;
    margin: 0;
    text-transform: uppercase; text-align: left;
  }
  & span {
    font-size: 0.8em;
    font-style: italic;
    text-transform: math-auto;
  }
  & p {
    font-family: var(--display-font);
    font-size: clamp(1rem, 3svw, 3rem);
    font-weight: 700;
    margin: 0 0 2.5rem;
    letter-spacing: 0.01em; 
    text-transform: uppercase;
    
    @media(width < 900px) { margin-bottom: 0.5rem; }
  }
}

.hero-text .logo.mobile {
    display: none;
}

@media(max-width:1400px){
  .spiral-pattern .logo { width: 8%; text-align: center; }
  .spiral-pattern .logo svg { width: 200px; height: 70px; }
}

@media(max-width:1024px){
  .spiral-pattern .logo { width: 11%; text-align: center; aspect-ratio: auto; }
  .spiral-pattern .logo svg { width: 180px; height: 60px; }
  .hero { height: auto; }
}

@media(max-width:767px){
  .hero { padding: 90px 0 40px 0; aspect-ratio: auto; }
  .hero-text h1 {margin-bottom: 32px;}  
  .spiral-pattern .logo { display: none; }
  .hero-text .logo.mobile { display: inline-block; width: 100%; max-width: 150px; margin-top: 24px; }
  .hero-text .logo.mobile svg { width: 100%; display: inline-block; max-width: 150px; height: auto; }
  .hero-text { padding: 0; }
}

/* Home Hero End */
/* =========================================== */

/* Circular reveal animation Start */
 
.pull-quote-sec .two-col .left-col .image img {
  clip-path: circle(0% at 50% 50%);
  animation: img-reveal 1s ease-in forwards;
  animation-play-state: paused;
}

.pull-quote-sec.is-visible .two-col .left-col .image img {
  animation-play-state: running;
}

@keyframes img-reveal {
  from { clip-path: circle(0% at 50% 50%); }
  to   { clip-path: circle(50% at 50% 50%); }
}

/* Circular reveal animation End */
/* =========================================== */

@keyframes overexposeAndFade {
  0% {
    transform: translateX(600px);
  }
  100% {
    transform: translateX(0);
  }
}

.overexpose-fade {
  animation: overexposeAndFade 1s ease-in forwards;
}