/* HERO ======================================================== */

.hero-section{overflow:hidden;  }
.hero-section .row .col-lg-5{align-items: center; display: flex;}
.hero-copy{position:relative; z-index:4;  display:flex;  flex-direction:column;  justify-content:center;  padding-bottom:70px;  padding-top:70px; padding-left:clamp(15px, 5vw, 78px);} 
.hero-title {line-height: 0.9;}
.hero-title span{display:block; color: rgb(37, 37, 37); font-weight: 600;}
.homeTitle{font-size: clamp(24px, 2vw, 45px); font-weight: 600;margin-bottom: 20px; }
.hero-title .leadText{font-size: clamp(60px, 10vw, 188px); font-weight: 900;}
.linebanner{height: 20px;}
.hero-copy .real-impact{display: block; margin: 0 0 30px 0;  letter-spacing: 3px;}
.real-impact{font-family: var(--fontitaly);  font-size: clamp(20px, 2vw, 39px); color:var(--green);}
.animationBordergreen { max-width: 0; animation: borderSlideIn 1s ease-out 1s forwards;}
.hero-description{font-size: clamp(14px, 1vw, 18px); margin-bottom: 20px;}
.hero-subcopy{color:#62645d; font-size:14px; margin-bottom:0;}
.hero-actions{display:flex; align-items:center;  margin-top:25px; flex-wrap:wrap; gap: clamp(12px, 2vw, 26px);}
.btn-dark-btn{background: var(--green); padding: 10px 25px; color: var(--blackColor); font-size: clamp(13px, .9vw, 16px); font-weight: 600;}
.btn-dark-btn:hover{background: var(--green); color: var(--blackColor); text-decoration: underline;}
.btn-dark-grey-btn{background: var(--blackColor);   padding: clamp(8px, 0.55vw, 10px) clamp(18px, 1.4vw, 25px); color: var(--green); font-size: clamp(13px, .8vw, 16px); font-weight: 600;    text-transform: uppercase;}
.btn-dark-grey-btn:hover{background: var(--blackColor); color: var(--green); text-decoration: underline;}
.arrow-link{border:1px solid #000; padding: 10px 25px; color: var(--blackColor); font-size: clamp(13px, .9vw, 16px); font-weight: 600;}
.arrow-link:hover{text-decoration:underline; color: var(--blackColor);}
.homeSlider .row{align-items: stretch;}
.homeSlider { width: 100%;  height: 100%; overflow: hidden; position: relative;}
.homeSlider:before{position: absolute; content: ''; left:-66px; top:0; background: url(../images/banner2.avif)left top no-repeat; background-size:cover;  width: 249px; height: 100%;z-index: 9;}
.homeSlider .swiper-wrapper { height: 100%;}
.homeSlider .swiper-slide {  height: auto;}
.homeSlider .swiper-slide img { width: 100%; height: 100%; display: block; object-fit: cover;}


/********** leadership ****************/
.leadership-section {padding: 80px 0; overflow: hidden; }
.leadership-section h2.homeTitle span{font-family:var(--fontitaly);color:var(--green);font-weight:500}
.leadership-section h1.homeTitle span{font-family:var(--fontitaly);color:var(--green);font-weight:500}
.leadershipBox .col-md-3 { padding: 0 5px;}
.leadershipBox .leadershipCol {background-color: var(--blackColor); padding: 22px;    text-align: center;       height: 100%;}
.leadershipBox .leadershipCol .numberText {color: var(--green);font-family:var(--fontitaly); font-size: clamp(20px, 2.5vw, 34px); margin-bottom: 15px;margin-top: 10px;}
.leadershipBox .leadershipCol .leadershipTitle {color: #fff; font-size: clamp(16px, 1.1vw, 45px); font-weight: 600; text-transform: uppercase;    margin-bottom: 5px;}
.leadershipBox .leadershipCol p {color: #fff; font-size: clamp(12px, .6vw, 14px); margin-bottom: 0;}
.leadership-section .row { align-items: stretch;}
.leadership-section p.leaderPara {font-size: clamp(14px, 1vw, 16px);}

/********** about Us ****************/
.aboutPart-section {padding: 70px 0 0 0; overflow: hidden; background-color: var(--grayBg); }
.aboutPart-section h3.homeTitle span{font-family:var(--fontitaly);color:var(--green);font-weight:500; display: block; margin: 5px 0 0 0;}
.aboutPartBg{background-color:#fff;padding:25px;z-index:99;position:relative;margin-bottom: 50px;}
.aboutBottomPart{position: relative; padding: 80px 50px; margin-bottom: 100px; background: var(--blackColor); height: 420px;}
.aboutBottomPart::before{content:"";background:url(../images/aboutBottomBGtop.png);position:absolute;z-index:1;top:-50px;left:0;width:100%;height:128px;pointer-events:none;background-repeat:no-repeat;background-position:top center;background-size:100%}
.aboutBottomPart::after{bottom:-110px;left:0;position:absolute;content:"";background:url(../images/aboutBottomBGtopbottom.png);width:100%;height:128px;padding:0 0;z-index:99;pointer-events:none;background-repeat:no-repeat;background-position:top center;background-size:100%}
.aboutBottomPart .yearFirst {transform: translateX(0px) translateY(0px) scaleX(1) scaleY(1) rotate(354deg) skewX(0deg) skewY(0deg);}
.aboutBottomPart .yearFirst h4 {font-size: 48px; color: var(--green); font-family: var(--fontitaly);    font-weight: 500; text-align: center;}
.aboutBottomPart .yearFirst h4 span{font-size: 23px; color: #fff; font-family: var(--fontitaly);    font-weight: 500;}
.aboutBottomPart .yearsecond svg{ width: 56px;     margin-bottom: 15px;    height: 65px;}
.aboutBottomPart .yearsecond h4 {color: var(--green); font-size: 46px; text-transform: uppercase; font-weight: 600;    line-height: 42px;}
.aboutBottomPart .yearsecond h4 span{color: #fff; font-size: 27px; display: block; text-transform: uppercase;}
.aboutBottomPart .yearsecond p { color: #fff;}
.aboutBottomPart .yearThird svg{ width: 69px;      margin-bottom: 15px;   height: 73px; fill: var(--green);}
.aboutBottomPart .yearThird h4 {color: var(--green); font-size: 46px; text-transform: uppercase; font-weight: 600;}
.aboutBottomPart .yearThird h4 span{color: #fff; font-size: 27px; display: block; text-transform: uppercase;}
.aboutBottomPart .yearThird p { color: #fff;}
.aboutBottomPart .yearFour svg{ width: 69px;     margin-bottom: 15px;    height: 73px; fill: var(--green);}
.aboutBottomPart .yearFour h4{display:flex;justify-content:center;align-items:center;text-align:center;width:350px;margin:auto}
.aboutBottomPart .yearFour h4 span{color:var(--green);font-size:72px;text-transform:uppercase;font-weight:600;text-align:left;width:15%}
.aboutBottomPart .yearFour h4 span.coreText{color:#fff;font-size:27px;text-transform:uppercase;width:85%;margin:auto}
.aboutBottomPart .yearFour ul{display:flex;width:65%;flex-wrap:wrap;gap:0 30px;justify-content:center;align-items:center;line-height:25px;    padding-left: 0; margin: auto;}
.aboutBottomPart .yearFour ul li{ color: #fff; list-style: disc;font-size: clamp(15px, calc(1.25vw - 2px), 22px);}
.aboutBottomPart strong { font-weight: 600 !important;}

/**********experiences ****************/
.experiencesPart-section { background-color: var(--grayBg); padding: 80px 0;}
.experiencesPart-section h3.homeTitle span{font-family:var(--fontitaly);color:var(--green);font-weight:500}
.clinic-card{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06); padding: 15px;} 
.clinic-card img{width:100%;height:100%;object-fit:cover;display:block}
.clinic-card .card-body{padding:25px 0}
.clinic-card .eye1{color:#7a2fd6;font-weight:700;font-size:14px;letter-spacing:.3px;display:block;margin-bottom:5px; text-transform: uppercase;}
.clinic-card .eye2{color:#E00034;font-weight:700;font-size:14px;letter-spacing:.3px;display:block;margin-bottom:5px; text-transform: uppercase;}
.clinic-card .eye3{color:#009FDA;font-weight:700;font-size:14px;letter-spacing:.3px;display:block;margin-bottom:5px; text-transform: uppercase;}
.clinic-card .eye4{color:#FFC600;font-weight:700;font-size:14px;letter-spacing:.3px;display:block;margin-bottom:5px; text-transform: uppercase;}
.clinic-card .eye5{color:var(--green);font-weight:700;font-size:14px;letter-spacing:.3px;display:block;margin-bottom:5px; text-transform: uppercase;}
.clinic-card h3{font-weight:600;font-size:16px;margin-bottom:14px;margin-top:10px;text-transform:uppercase}
.clinic-card p{font-size:16px;height:50px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.clinic-card .clinic {aspect-ratio: 2/1.3;}

/************** ******************/
.resourcePart-section {margin: 80px 0;}
.resourcePart-section .resourceText h3{font-size:30px;font-family:var(--fontitaly);color:var(--green);font-weight:500}
.resourcePart-section .resourceText p { color: var(--black);}
.resourcePart-section .resourcePartBg { background-color: var(--grayBg); padding: 30px 0;}
.resourcePart-section .resourceText .btn-dark-grey-btn {width: 250px; }
.resourcePart-section .resourceText p.letterText { letter-spacing: 1px;}


.togetherPart-section{background:url(../images/togetherImg.jpg) no-repeat;background-size:100%;width:100%;height:600px;background-attachment:fixed;position:relative;overflow:hidden; background-size: cover;}
.togetherPart-section::before{position:absolute;content:"";background:radial-gradient(circle at 0 0,rgba(33,33,33,.81) 0,rgb(255 255 255 / 3%) 70%);top:0;left:0;width:100%;height:100%}
.togetherPart-section .togetherText h3{font-size:30px;color:#fff;font-weight:600;letter-spacing:1px}
.togetherPart-section .togetherText h4{font-size:36px;font-family:var(--fontitaly);color:var(--green);font-weight:500;transform:translateX(0) translateY(0) scaleX(1) scaleY(1) rotate(354deg) skewX(0) skewY(0);margin-top:15px;letter-spacing:5px}
.togetherPart-section .togetherText img{transform: translateX(0px) translateY(0px) scaleX(1) scaleY(1) rotate(354deg) skewX(0deg) skewY(0deg); margin-top: 25px;}
.togetherPart-section .togetherText{z-index:9;position:relative}
.togetherBottom{background:url(../images/newletterBg.png) no-repeat;background-size:100%;width:100%;height:100%;position:relative;overflow:hidden;background-position:center;padding:15px 0}
.togetherBottom .leftSide span { font-family: var(--fontitaly);    text-transform: uppercase;font-size: 20px;}
.rightSide .signup-bar{display:flex;max-width:100%;margin-left:auto;border-radius:10px 0 0 10px;overflow:hidden;height:45px;border:1px solid var(--blackColor)}
 .rightSide .signup-bar input[type=email]{flex:1;border:none;padding:16px 20px;font-size:15px;outline:0;}
.rightSide .signup-bar button{background:var(--blackColor);color:#8dc63f;border:none;padding:0 30px;font-weight:600;font-size:14px;letter-spacing:1px;cursor:pointer;white-space:nowrap}
.rightSide .signup-bar button:hover{text-decoration: underline;}
input::placeholder {color: var(--blackColor);opacity: 1;}
.videoText p {margin: 20px 0;font-size: clamp(14px, .9vw, 16px);}
.aboutBottomPart .greenBrush {    width: 100%;    max-width: 100%;}
.videoPart {aspect-ratio: 16/9;}
.videoPart iframe {height: 100% !important;}

.eyebrow{
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;letter-spacing:.1em;
}

@media (min-width:1921px){
.leadership-section .school-card .card-person, .leadership-section .school-card .card-person{max-width: 324px;}
.leadership-section .community-card .card-person{max-width: 280px;}  
.leadership-section .resource-person{max-width: 370px;}
.yearFirst .greenBrush {    max-width: 100%;}

}
@media screen and (min-width:1600px) and (max-width:1440px){
    .btn-dark-btn {padding: 5px 15px;}
    .arrow-link {padding: 5px 15px;}
}

@media (max-width:1600px){
    .leadership-section .content-card h3, .leadership-section .resource-content h3{font-size: clamp(20px, .9vw, 28px);}
    .leadership-section .resource-content{padding: 20px;}
    .leadership-section .resource-description{font-size: clamp(14px, 1.2vw, 18px); line-height: 1.5;}
    .leadership-section  .card-person{max-width: 80% !important;}
    .leadership-section .resource-person{max-width: 88%;}
    
}


@media (min-width:992px){
.leadershipBox .col-xl-3 {padding: 0 12.5px;}
}
 
@media (min-width:1240px){
 .aboutPartBg .col-lg-4 {
        flex: 0 0 auto;
        width: 30.333333%;
    }
     .aboutPartBg .col-lg-8 {
                flex: 0 0 auto;
        width: 69.666667%;
    }
}
@media (max-width:1100px){
  .aboutBottomPart::before { display: none;}
.aboutBottomPart .yearFour h4 span.coreText {
    font-size: 20px;
}
}

@media (max-width:1240px){
  .aboutBottomPart::before { display: none;}
  .rightSide .signup-bar input[type=email] {
    width: 100%;
}
.aboutBottomPart {
    
    height: 350px;
}
.hero-copy {
    
    z-index: 99;
}
.rightSide .signup-bar {
    display: flex;
    max-width: 100%
}
    .rightSide .signup-bar button {
        width: 40%;
    }
    .btn-dark-grey-btn {
    padding: 10px;
    font-size: clamp(12px, .9vw, 16px);
}
.clinic-card p {
    font-size: 11px;
}
.clinic-card h3 {
    font-size: 13px;
}
.resourcePart-section .resourceText h3 {
    font-size: 20px;
}

    .aboutBottomPart .yearFour h4 span {
    font-size: 52px;
}
.aboutBottomPart .yearThird h4 {
    font-size: 36px;
}
.aboutBottomPart .yearThird h4 span {
    font-size: 20px;
}
.aboutBottomPart .yearThird p {
    padding: 0 !important;
}
.aboutBottomPart .yearsecond h4 {
    font-size: 36px;
    line-height: 36px;
}
.aboutBottomPart .yearsecond h4 span {
    font-size: 23px;
}
.aboutBottomPart .yearThird svg {
    height: 69px;
}
.aboutBottomPart .yearFour ul {
    width: 95%;
    gap: 0 20px;
}
.aboutBottomPart .yearFirst h4 {
    font-size: 30px;
}
.aboutBottomPart .yearFirst h4 span {
    font-size: 15px;
}
.leadershipCol { margin-bottom: 20px;}
.videoPart iframe { height: 350px;}

  
}


@media (max-width:992px){
    
  .aboutBottomPart .yearFour h4 {
    margin: auto;
}
.sponsorAbout .aboutBottomPart { margin-bottom: 0;}
.leadershipBox .leadershipCol {
    padding: 15px;
height: auto !important;    margin-bottom: 15px;
}
.videoPart iframe { height: 250px;}
.aboutBottomPart .yearFirst h4 {
    font-size: 30px;
}
.aboutBottomPart .yearFirst h4 span {
    font-size: 22px;
   
}
    .aboutBottomPart .yearFirst h4 {
        font-size: 38px;
        line-height: 52px;
    }
.aboutBottomPart .yearsecond h4 {
    font-size: 32px;
    line-height: 32px;
}
.aboutBottomPart .yearsecond h4 span {
    font-size: 23px;
}
.aboutBottomPart .yearThird svg {
    margin-bottom: 0;
}
.aboutBottomPart .yearThird h4 span {
    font-size: 22px;
}
.aboutBottomPart .yearFour h4 { font-size: 42px;}
.btn-dark-grey-btn {padding: 9px 15px;}
.resourceText {
    padding: 20px;
}   

    .homeSlider::before{left:-100px;}
  .side-dots{right:11px; gap:11px;}
  .dot{width:8px;height:8px}
  .section-shell,.contact-content{width:calc(100% - 38px)}
  .hero-section{min-height:auto}
  .hero-grid{ min-height:auto; grid-template-columns:1fr;}
  .hero-copy{ padding: 20px 15px;}
  .hero-title{ width:100%;  font-size:clamp(67px,20vw,122px);}  
  .hero-copy{text-align: center;}
  .hero-actions{justify-content: center;}
  .site-footer{padding:60px 20px 20px}
  .real-impact {font-size: clamp(20px, 3vw, 39px);}
  .leadership-section .content-card p, .leadership-section .resource-description{max-width: 100%; padding-right: 17%;}
  .leadership-section .card-inner .explore-btn a{margin-top: 30px;}
  .leadership-section .resource-person { max-width: 38%;}
  .leadership-section  .resource-content h3{font-size: 24px;}
  .leadership-section .resource-description{font-size: 16px; padding-right: 20%;}
  .resource-card{margin-top: 30px;}
  .aboutBottomPart::before {display: none;}
.aboutBottomPart::after {display: none;}
.aboutBottomPart {height: 100%;}
}

@media (max-width:766px){
    .leadership-section .content-card{margin-top: 30px; height: auto;}
    .leadership-section .content-card p, .leadership-section .resource-description{padding-right: 30%;}
   .leadership-section  .card-person{max-width: 200px !important; right: -21px !important;}
    .leadership-section  .content-card.community-card p{padding-right: 42%!important;}
    .leadership-section .resource-person{max-width: 300px; right: -56px;}
    .leadership-section .school-card .card-person{right: -44px;}
    .leadership-section .card-inner{padding: 15px;}
  .greenBrush {
    margin: 0 auto 40px auto; width: auto !important;
}
 .leadership-section {
    padding: 20px 0;
}
.eyebrow{
    font-size:16px;
}
.clinic-card p{height:auto;}

}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.001ms!important;
    transition-duration:.001ms!important;
  }
}

 @media(max-width:680px){
    .rightSide .signup-bar input[type=email] {
    flex: inherit;
    border: none;
    padding: 16px 30px;
    font-size: 15px;
    outline: 0;
}
.videoPart {
    aspect-ratio: inherit;
}
.aboutPartBg {
    padding: 10px 10px 20px 10px;
}

.aboutPart-section {
    padding: 30px 0 0 0;
}
.rightSide .signup-bar {
    max-width: 100%;
}
.leftSide { text-align: center; margin-bottom: 15px;} 
.rightSide .signup-bar button {
    padding: 0 15px;
}
    .leadership-section h2.homeTitle span {
    font-size: 18px;
}
.leadership-section h1.homeTitle span {
    font-size: 18px;
}
.leadershipBox .leadershipCol { margin-bottom: 20px;}
    .leadershipBox .leadershipCol {
        height: auto;
    }
.leadershipBox .leadershipCol p {    line-height: 22px;}
.aboutPartBg .videoPart iframe { height: auto !important;}
.homeTitle {
    margin: 15px 0;
}
.aboutBottomPart .yearFirst h4 {
    font-size: 30px;
    margin: 20px 0;        line-height: 45px;
}
.aboutBottomPart .yearFirst h4 span { display: block;}
.aboutBottomPart .yearFour h4 {
    color: var(--green);
    font-size: 72px;
   margin: 10px auto;
   width: 100%;
}
.yearFour {
        padding: 0;
    }
.aboutBottomPart .yearFour h4 span.coreText {
    font-size: 24px;
}
.aboutBottomPart .yearFirst {
    margin-bottom: 20px;
}
.aboutBottomPart {
  background-repeat: no-repeat;
    background-position: center;
        background-size: cover;
        padding:20px 0;    height: 100%; margin-bottom: 0;
        
}
.togetherPart-section {
    height: 600px;
}
.togetherPart-section .togetherText img {
    margin-top: 5px;
}
.experiencesPart-section {
    padding: 30px 0;
}
.experiencesPart-section h3.homeTitle span {
    font-size: 20px;
}
.btn-dark-grey-btn {
    padding: 10px 15px;}
    .resourcePart-section {
    margin: 30px 0;
}
.resourcePart-section .resourceText h3 {
    font-size: 20px;
}
.resourceText {padding: 20px;}
.togetherPart-section .togetherText h3 {
    font-size: 20px;
}
.togetherPart-section .togetherText h4 {
    font-size: 20px;
    margin-top: 10px;
}
.togetherPart-section {
    background-size: cover !important;
    background: url(../images/togetherImg-mob.png) no-repeat;
}
.togetherBottom {
    background-size: cover;
}
  }

   @media(max-width:576px){
.greenBrush {
        max-width: 100% !important;
    }
    .arrow-link {
    font-size: clamp(12px, .9vw, 16px);
}
.yearFour {padding: 0 50px;}
.hero-copy .real-impact {
    margin: 10px 0;
}
   }