.leadership{position:relative;width:100%;height:430px;background:#fff;overflow:hidden}
.leadership__content{position:relative;z-index:5;width:54%;height:100%;display:flex;align-items:center;padding-left:78px;box-sizing:border-box}
.leadership__inner{width:100%;max-width:700px}
.leadership__title{margin:0;color:#252525;font-family:Montserrat,sans-serif;font-size:46px;line-height:1.2em;font-weight:900;letter-spacing:0}
.leadership__subtitle{margin:0 0 20px;color:#92d400;font-family:var(--fontitaly);font-size:19px;line-height:2;font-weight:400;letter-spacing:.1em}
.leadership__description{max-width:695px;color:var(--line1);font-family:Montserrat,sans-serif;font-size:max(16px,min(18px,calc(16 * clamp(0,100*1cqw*1,min(-9999px,99999999999px))/ 1980)));line-height:1.6;font-weight:400;letter-spacing:0}
.leadership__button{display:inline-flex;align-items:center;justify-content:center;margin-top:0px;padding:12px 20px;box-sizing:border-box;background:var(--line1);color:var(--green);font-family:Montserrat,sans-serif;font-size:13px;line-height:1;font-weight:700;text-decoration:none;text-transform:uppercase;border:0;transition:background-color .25s ease,color .25s ease}
.leadership__button:hover{color:var(--geen1);text-decoration:underline}

.leadership__media{position:absolute;z-index:1;top:0;right:0;width:58.6%;height:100%;overflow:hidden}
.leadership__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center right}
.leadership__brush{position:absolute;z-index:2;left:-70px;top:-2px;width:300px;height:calc(100% + 4px);pointer-events:none}


/********** leadership ****************/
.everythingPart {padding: 80px 0; overflow: hidden; }
.everythingPart h2.homeTitle span{font-family:var(--fontitaly);color:var(--green);font-weight:500}
.everythingBox .col-md-3 { padding: 0 5px;}
.everythingBox .everythingCol {background-color: var(--blackColor); padding: 20px;    text-align: center;     min-height: 230px;}
.everythingBox .everythingCol .numberText {color: var(--green);font-family:var(--fontitaly); font-size: clamp(20px, 2.5vw, 34px); margin-bottom: 15px;}
.everythingBox .everythingCol .everythingTitle {color: #fff; font-size: clamp(14px, 1.1vw, 16px); font-weight: 600;   margin: 10px 0;letter-spacing: 0.5px;}
.everythingBox .everythingCol p {color: #fff; font-size: 14px;}
.everythingCol svg [data-color="1"] {fill: #EAEAEA;}
.everythingCol svg [data-color="2"] {fill: var(--green);}

.competency-section { margin-bottom: 80px;}
.competency-image{width:100%;height:409px;overflow:hidden}
.competency-image img{width:100%;height:100%;display:block;object-fit:cover}
.competency-copy{margin:15px auto 0;text-align:center;padding:0 70px}
.competency-copy h2{margin:0;color:var(--black);font-family:var(--font1);font-size:27px;line-height:1.25;font-weight:600}
.competency-copy a { font-size: 13px;}
.competency-copy p{margin:16px 0 20px;font-size:14px;font-weight:400}
.competency-icon svg [data-color="1"] {fill: var(--green);}

.competency-cards{display:grid;grid-template-columns:repeat(2,50%);gap:24px;width:100%;justify-content:end;padding-left:30px}
.competency-card{width:100%;height:300px;background:var(--grayBg);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.competency-card-inner{width:100%}
.competency-icon{height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:17px}
.competency-icon svg{display:block;width:65px;height:65px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stickyInner .competency-left{position:sticky;top:100px;align-self:flex-start;overflow:visible!important}
.competency-card h3{margin:0 0 8px;color:var(--black);font-family:var(--font1);font-size:17px;line-height:1.25;font-weight:500;text-transform:uppercase;letter-spacing:.1em}
.competency-card p{margin:0;font-weight:400}
.competency-card.energy-card{grid-column:1/-1;justify-self:center}

.morePart { margin-bottom: 80px;}

.cardPart { margin-bottom: 30px; background-color: var(--grayBg); padding: 20px 0;}
.cardPart .cardText { background-color: #fff; padding: 20px; margin-bottom: 20px;}
.cardPart .cardText h3{ font-size: 24px; margin-bottom: 15px;}
.biggerPart {margin-top: 80px;    background-color: #252525;}
.biggerBG img{height:100px;object-fit:cover;object-position:top}

.biggerPart .biggerText h3 { font-size: 34px; color: #fff; text-transform: uppercase; line-height: 58px;}
.biggerPart .biggerText h3 span { font-size: 34px; color: var(--green); text-transform: uppercase; font-family: var(--fontitaly);}
.biggerPart .biggerText p { color: #fff;}

.biggerText .btn-dark-grey-btn{display:block;margin:10px 0;min-width:300px;width:300px;background-color:var(--green);color:var(--blackColor);text-align:center}
.biggerImg img{width:400px;height:400px;margin:auto;display:block}

.paginationPart {margin-bottom: 80px; }

/********** Pagination **********/
.pagination{display:flex;align-items:center;gap:14px;justify-content:center}
.page-btn{color#8a7e7e;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;background-color:inherit;border:0;transition:border-color .15s ease,color .15s ease}
.page-btn:hover{border-color:var(--grayBg);color:var(--grayBg)}
.page-btn:disabled{opacity:.35;cursor:default}
.page-btn:disabled:hover{border-color:var(--grayBg);color:var(--gold)}
.page-btn svg{width:34px;height:24px}
 
.current-page{font-size:16px;font-weight:500;color:#fff;min-width:20px;text-align:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--green);background:var(--green);line-height:40px}
.yearReviewSection { margin-top: 80px;}
.yearReviewCard{width:100%;height:753px;background:var(--grayBg);display:flex;justify-content:center;align-items:center;text-align:center;padding:30px 35px}
.yearReviewImage{width:336px;height:436px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0 auto}
.yearReviewImage img{width:100%;height:100%;display:block;object-fit:contain}
 .yearReviewTitle{margin:13px 0 0;font-family:Montserrat,sans-serif;font-size:16px;line-height:1.25;font-weight:700;text-transform:uppercase}
.yearReviewDescription{margin:10px auto 0;font-size:16px;line-height:1.58;font-weight:400;padding:0 5px}
.coachResidenceWrapper{width:100%;background:var(--grayBg);padding:70px 50px;}
.coachResidenceWrapper .row { background-color: #fff;}
/* .coachResidenceContent{padding:60px;} */
.coachResidenceTitle{margin:0;font-size:34px;line-height:1.2em;letter-spacing:0;text-transform:uppercase;font-weight: 600;}
.greenBrush{display:block;width:438px;max-width:63%;height:26px;margin-top:7px;margin-bottom:10px;text-align:left;position:relative;left:-26px}
.impactLeader .leadershipBox .leadershipCol{min-height:160px!important}

.partnersPart { background-color: var(--grayBg); padding: 50px 0;}
.partnersPart .partnerTitle {font-size: 35px; font-family: var(--fontitaly); color: var(--green); margin-bottom: 60px; text-align: center;}
.partnersPart .partnerLogo{background:#fff;padding:10px;text-align:center; margin-bottom: 20px;}
.partnersPart .partnerLogo img{aspect-ratio: 2 / 1;object-fit:contain}


.meetPart { background-color: var(--blackColor); padding: 50px 0;}
.meetPart .meetTitle{ font-size: 35px; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; margin-bottom: 30px; font-weight: 600;}
.meetPart .meetTitle span{ font-size: 35px; font-family: var(--fontitaly); color: var(--green); text-transform: uppercase; letter-spacing: 0.5px;}

.meetBox { background-color: var(--grayBg); padding: 30px; margin-bottom: 20px;    min-height: 160px;}
.meetBox h3{ font-size: 18px; font-family: var(--fontitaly); color: var(--green);text-transform: uppercase; letter-spacing: 0.5px;}
.meetBox p{ font-size: 16px;}

/* .sponsorLeader .leadershipCol { min-height: 180px !important; height: 180px;} */
.sponsorLeader { margin-bottom: 50px;}
.sponsorLeader .leadershipRight ul {border-top:1px solid #e00034;padding-top:10px !important;margin-top:10px}
.sponsorLeader .leadershipRight ul li{ color: #fff;    margin-left: 25px;}
.sponsorLeader .leadershipRight ul{display:flex;flex-wrap:wrap;text-align:center;justify-content:center;padding:0}
.sponsorLeader .leadershipBox .leadershipCol p{font-size:16px!important;}
.sponsorAbout {background-color:var(--blackColor);}
.sponsorcoach img.sponsorImg { height: 600px; object-fit: cover;}
.sponsorBottom { background-color: var(--blackColor); padding: 100px 0; }
.sponsorText {position: relative;}
.sponsorBottom .sponsorText h3{ font-size: 42px; font-weight: 900; color: #fff;}
.sponsorBottom .sponsorText .sponsorBtns{display:flex;align-items:center;margin-top:14px;flex-wrap:wrap;gap: 75px;}
.sponsorBottom .sponsorText p {color: #fff;}
.sponsorBottom .sponsorText .sponsorBtns .btn-dark-btn {font-size: 12px !important; width: 45%;}
.sponsorBottom .sponsorText .sponsorBtns .arrow-link {font-size: 12px !important;background: #fff;width: 45%;}
.sponsorText::before{background:url(../images/biggerImg.png);content:"";width:320px;height:300px;background-repeat:no-repeat;position:absolute;right:-270px;background-position:bottom right;background-size:contain;bottom:-100px}

.sponsorAbout .aboutBottomPart::before {display: none;}
.sponsorAbout .aboutBottomPart::after {display: none;}
.sponsorAbout .aboutPart-section { padding: 0;}
.careerMiddlePart { margin-top:80px;}
.careerMiddlePart .careerMiddle { background-color: var(--grayBg); padding: 30px; margin-top: 30px;}
.careerMiddlePart .careerMiddle .careerText h3 { font-size: 24px; margin-bottom: 15px;}
.careerMiddlePart .careerMiddle .careerText p { font-size: 17px;}
.careerMiddlePart h3 {font-size: 42px;}

.impactStats{background:#fff;width:94%}
.impactStats__item{width:100%;min-height:80px;background:var(--blackColor);padding:10px}
.impactStats__icon{width:40px;height:40px;margin-right:10px}
.impactStats__icon svg{display:block;width:100%;height:100%;fill:none;stroke:var(--green);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.impactStats__content{min-width:0}
.impactStats__green{font-size:15px;line-height:1.2;font-weight:700;text-transform:uppercase}
.impactStats__white{font-size:12px;line-height:1.2;font-weight:700;text-transform:uppercase}
.impactStats__green{color:var(--green);margin-bottom:3px}
.impactStats__white{color:#fff}
.leadershipBox ul.leaderGrid { display: flex; justify-content: center; align-items: center; width: 100%; padding-left: 0;gap: 10px;}
.leadershipBox ul.leaderGrid li.leaderList { width: 15%; list-style: none;}
.leadershipBox ul.leaderGrid li.leaderList .leadershipCol{padding:10px;min-height:230px}
.leadershipBox ul.leaderGrid li.leaderList .leadershipCol .numberText{margin-bottom:20px}
.leadershipBox ul.leaderGrid li.leaderList .leadershipCol p {font-size: 13px;}
.contactText{background-color:var(--grayBg);padding:20px;width:500px;margin-bottom:20px}
.loginPage .striveContactContent h5{font-size:34px;font-weight:900}
.loginPage .striveContactContent h4{font-size:34px;font-weight:900}

.ourStoryTimeline {
    position: relative;
    background: #fff;
    overflow: clip;
}
.ourStoryTimeline__left {
    position: sticky;
    top: 150px;
}
.ourStoryTimeline__left h2 {
    margin: 0 0 15px;
    font-size: 24px;
    font-weight: 600;
    color: var(--blackColor);
}

.ourStoryTimeline__left h4 {
    margin: 0 0 28px;
    font-family: var(--fontitaly);
    font-size: 25px;
    font-weight: 400;
    color: var(--green);
}

.ourStoryTimeline__left p {
    margin: 0 0 24px;
    font-size: 16px;
    font-weight: 400;
    color: var(--blackColor);
}

.ourStoryCards {
    width: 100%;
    max-width: 480px;
    margin: auto;
    position: relative;
    padding-bottom: 120px;
}

.ourStoryCard {
    --card-rotate: 0deg;
    position: sticky;
    top: -70px;
    width: 100%;
    margin: 0 0 140px;
    background: #fff;
    padding: 13px 13px 30px;
    box-shadow:
        0 3px 4px rgba(0, 0, 0, .08),
        0 12px 35px rgba(0, 0, 0, .12);
    transform:
        translateY(120px)
        rotate(var(--card-rotate))
        scale(.94);
    transform-origin: center center;
    will-change: transform, opacity;
    transition:box-shadow .3s ease;
}

.ourStoryCard:nth-child(1) {
    --card-rotate: -7.4deg;
    z-index: 1;
}
.ourStoryCard:nth-child(2) {
   --card-rotate: 2deg;
    z-index: 2;
    margin-left: 40px;
}
.ourStoryCard:nth-child(3) {
    --card-rotate: 5deg;
    z-index: 3;
    margin-left: 85px;
}
.ourStoryCard:nth-child(4) {
    --card-rotate: -7.8deg;
    z-index: 4;
}

.ourStoryCard:nth-child(5) {
    --card-rotate: 4deg;
    z-index: 5;
    margin-left: 30px;
}
.ourStoryCard:nth-child(6) {
    --card-rotate: 4.8deg;
    z-index: 6;
    margin-left: 85px;
}
.ourStoryCard:nth-child(7) {
    --card-rotate: -1deg;
    z-index: 7;
    margin-left: 30px;
}

.ourStoryCard__image {
    width: 100%;
    overflow: hidden;
}
.ourStoryCard__image img {
    display: block;
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.ourStoryCard__body {
    padding: 22px 25px 0;
    text-align: center;
}
.ourStoryCard__year {
    margin-bottom: 11px;
    font-size: 30px;
    font-family: var(--fontitaly);
    font-weight: 500;
    color: var(--green);
}

.ourStoryCard__body h3 {
    margin: 0 0 12px;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: .02em;
    color: var(--blackColor);
}

.ourStoryCard__body p {
    margin: auto;
    font-size: 15px;
    line-height: 26px;
    color:var(--blackColor);
}

@media (max-width: 991.98px) {

    .ourStoryTimeline {
        padding: 70px 0 100px;
    }
    .ourStoryTimeline__left {
        position: relative;
        top: auto;
        max-width: 650px;
        margin-bottom: 65px;
        padding-right: 0;
    }
    .ourStoryCards {
        max-width: 600px;
        margin: auto;
    }
    .ourStoryCard {
        top: 70px;
    }
    .ourStoryCard:nth-child(2) {
    margin-left: 0;
}
.ourStoryCard:nth-child(3) {
    
    margin-left: 0;
}
.ourStoryCard:nth-child(5) {
    margin-left: 0;
}
.ourStoryCard:nth-child(6) {
    margin-left: 0;
}
.ourStoryCard:nth-child(7) {
    margin-left: 0;
}
.ourStoryCards {
    padding-bottom: 0;
}
}

@media (max-width: 575.98px) {

    .ourStoryTimeline {
        padding: 55px 0 70px;
    }
    .ourStoryTimeline__left {
        margin-bottom: 45px;
    }
    .ourStoryTimeline__left h2 {
        font-size: 22px;
    }
    .ourStoryTimeline__left h4 {
        font-size: 16px;
    }
    .ourStoryTimeline__left p {
        font-size: 15px;
    }
    .ourStoryCards {
        width: calc(100% - 20px);
    }
    .ourStoryCard {
        top: 55px;
        margin-bottom: 90px;
        padding: 9px 9px 22px;
    }
    .ourStoryCard__image img {
        height: 230px;
    }
    .ourStoryCard__body {
        padding: 18px 13px 0;
    }
    .ourStoryCard__year {
        font-size: 25px;
    }
    .ourStoryCard__body h3 {
        font-size: 15px;
    }
    .ourStoryCard__body p {
        font-size: 12px;
    }
    
}

.striveContactSection {
    padding:0 0 50px 0;
}
.striveContactTitle {
    margin: 20px 0 15px;
    font-size: 42px;
    font-weight: 800;
    color: var(--blackColor);
}
.striveContactAddress {
    margin-bottom: 25px;
    font-size: 17px;
    font-weight: 400;
    color: var(--blackColor);
}
.striveContactForm .form-label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--blackColor);
}
input::placeholder { color: var(--blackColor);}
.striveContactForm .form-control, .striveContactForm .form-select
 {
    width: 100%;
    min-height: 35px;
    padding: 5px 5px;
    border: 1px solid var(--blackColor);
    border-radius: 0;
    box-shadow: none;
    font-size: 16px;
    color: var(--blackColor);
}

.striveContactForm textarea.form-control {
    min-height: 120px;
    resize: none;
}

.striveContactForm .form-control:focus,
.striveContactForm .form-select:focus {
    background: transparent;
    border-color: var(--green);
    box-shadow: none;
    outline: 0;
}
.striveContactBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 70%;
    min-height: 40px;
    padding: 13px 32px;
    border: 0;
    border-radius: 0;
    background: var(--green);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .03em;
    color: var(--blackColor);
    margin: auto;
}

.striveContactSocial p {
    margin: 20px 0 20px;
    font-size: 18px;
    font-weight: 500;
    color: var(--blackColor);
    text-align: center;
}

.striveSocialLinks {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.striveSocialLinks a {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    transition:
        background .3s ease,
        color .3s ease;
}

.sportPart .RedText { color: #E00034;}
.sportPart h3.RedText{font-size:35px;font-weight:800}
.sportPart .hero-actions a { width: 45%; text-align: center;}
.financialPart svg { margin: auto; display: block;}
.financialPart .financialContent h3{ font-size: 35px; font-weight: 700; margin-bottom: 20px;}
.financialPart .financialContent p{ font-size: 16px;}
.financialPart {  margin: 50px 0;}

.challengeWrapper { background-color: var(--grayBg); padding: 50px 0;}
.challengeWrapper .challengeHeading{ text-align: center; margin-bottom: 30px;}
.challengeWrapper .challengeHeading h3{font-size:45px;font-weight:800}
.challengeWrapper .challengeHeading p { font-size: 18px;}
.challengeWrapper .challengeText{background:#eaeaea;text-align:center}
.challengeWrapper .challengeText h3{margin-top:15px;font-size:18px}
.challengeWrapper .challengeText p{
    font-size: 16px;
    padding: 10px 20px;
}
.challengeWrapper .challengeText img{
    height: 270px;
    object-fit: cover;
}
.challengeWrapper .challengeText {
    background: #eaeaea;
    text-align: center;
    height: 440px;
}
.leadPart{
    margin: 80px 0;
}
.leadPart .leadPartBg{
    background-color: var(--blackColor);
    padding: 30px 0;
}
.leadPart .leadPartText h3 { font-size: 30px; font-weight: 600;}
.leadPart .leadPartText p { font-size: 16px; color: #fff; margin-bottom: 30px;}
.leadPart .leadPartText .leadCard h4 { font-size: 20px; font-weight: 600; color: #fff; margin-bottom: 25px;}

.leadPart .leadPartText .leadCard ul li { font-size: 20px; color: #fff; margin-bottom: 10px; }
.leadPart .leadPartText .leadCard ul li.RedText { color: #E00034;}
.leadPart .leadPartText .leadCard ul.BrdRight {
    border-right: 2px solid #fff;
}

.sportPart .sponsorLeader { margin-bottom: 80px; background-color: var(--grayBg); padding: 50px 0;}
.sportPart .sponsorLeader .leaderBox {
    text-align: center; gap: 20px;
}
.sportPart .sponsorLeader .leaderBox .leadershipNo {  line-height: 80px;  font-size: 110px; font-family: var(--fontitaly);}
.sportPart .sponsorLeader .leadershipCol {
    min-height: 320px !important;
}
.sportPart .sponsorLeader p { font-size: 18px;}
.sportPart .sponsorLeader .homeTitle { font-weight: 800 !important;}
.sportPart .sponsorLeader .leaderBox ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 0 20px;
    justify-content: center;
    align-items: center;
    line-height: 25px;
    padding-left: 0;
    margin: auto;
}
.sportPart .sponsorLeader .leaderBox ul li { color: #fff; font-size: 16px;    margin-bottom: 5px;}

.policiesPage { margin: 50px 0;}
.policiesPage h4 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 15px;
}
.policiesPage h1{
    font-size: 50px;
    font-weight: 800;
}
.policiesPage h3{
    font-size: 25px;
    font-weight: 600;
     margin-top: 20px;
}
.policiesPage p { font-size: 16px;}
.policiesPage ul li { margin-bottom: 10px; font-size: 16px;}
.striveContactVisual { margin-top: 30px;}

@media (max-width: 1200px) {
.sponsorBottom .sponsorText .sponsorBtns .btn-dark-btn{font-size:11px!important;width:50%}
.sponsorBottom .sponsorText .sponsorBtns{gap:25px}
.upload-btn{font-size:14px !important;}
.careerNew .upload-label {
    font-size: 13px!important;
}
.careerheading h4 {
    font-size: 25px!important;
}
.careerNew .striveContactContent h5 {
    font-size: 16px;
}
.striveContactAddress {
    margin-bottom: 15px;
    font-size: 14px!important;
}
.careerNew .format-hint {
    font-size: 11.5px!important;
        margin: 12px 0;
}
.careerNew .upload-label {
    font-size: 11px!important;
}
.careerNewText p {
    font-size: 14px !important;
}
.careerNewText ul li {
    font-size: 14px !important;
}
.striveContactSocial p {
    font-size: 14px !important;
}
.competency-cards {
      padding-left: 10px;
}
.financialPart .financialContent h3 {
    font-size: 23px;margin-bottom: 10px;
}
.challengeWrapper .challengeHeading h3 {
    font-size: 25px;  margin-bottom: 0;
}
.challengeWrapper .challengeText p {
    font-size: 14px;
    padding: 10px 20px;
}
.challengeWrapper .challengeHeading p {
    font-size: 14px;
}
.challengeWrapper .challengeText {
   margin-bottom: 20px;
    height: auto;
}

.leadPart .leadPartText p {
    font-size: 13px;
    margin-bottom: 10px;
}
.leadPart .leadPartText .leadCard h4 {
    font-size: 16px;
}
.leadPart .leadPartText .leadCard ul {padding-left: 15px;}
.leadPart .leadPartText .leadCard ul li {
    font-size: 12px;
    margin-bottom: 5px;
}
.sportPart .sponsorLeader .leaderBox .leadershipNo {
    line-height: 60px;
    font-size:40px;
}
 .donationViewport {
    width: 100% !important;
} 
.donatePage .donateHeading h2 {
    font-size: 20px !important;
    margin: 10px 0 !important;
}
.donatePage .donateHeading h3 {
    font-size: 20px !important;
    line-height: 30px;
}
.donatePage .donateHeading p { font-size: 14px !important;}
.leadershipBox ul.leaderGrid {
    flex-wrap: wrap;
}

}


@media screen and (min-width:980px) and (max-width:1200px) {
   .meetBox {        min-height: 130px;
        height: 130px;}
 .meetBox h3 {line-height: 32px;}

    .clinic-card .btn-dark-grey-btn {font-size: clamp(10px, .9vw, 16px);
    }
    .competency-copy h2 {
    font-size: 17px;
}
.competency-copy {
        padding: 0 20px;
}
.competency-copy a {
    font-size: 12px;
}
.donationViewport {
    height: 820px !important;
}
.leadership__button {font-size: 12px;}
.meetPart .container-fluid {
    padding: 0 clamp(15px, 10vw, 78px) !important;
}
.sportPart .hero-actions a {
    font-size: 11px;
}
.leadershipBox ul.leaderGrid li.leaderList {
    width: 24%;
}
    .leadershipCol {
        margin-bottom: 10px;
    }
   
    .ourStoryCards {
    max-width: 350px;
}
.ourStoryCard:nth-child(3) {
    margin-left: 65px;
}
.ourStoryCard:nth-child(6) {
    
    margin-left: 70px;
}
}

@media (max-width: 1100px) {
.competency-container{padding-left:30px;padding-right:30px}
.competency-layout{grid-template-columns:1fr;row-gap:65px}
.competency-left{max-width:800px;margin:0 auto}
.competency-cards{width:100%;max-width:100%;margin:0 auto;grid-template-columns:repeat(2,50%);gap:20px}
.competency-card{min-height:300px;height:auto}
.more-resource-section{margin-top:90px;padding:0 30px}
.more-resource-grid{grid-template-columns:1fr;gap:45px}
.more-resource-image{height:auto;aspect-ratio:1.7/1}
.more-resource-content{max-width:700px;padding:0}

.financialPart svg {
    width: 100px;
}
.sponsorLeader .leadershipCol {
        margin-bottom: 10px; height: 200px !important; 
    }
    .sponsorLeader .leadershipBox .leadershipCol p {
    font-size: 14px !important;
    line-height: 25px;
}
}
@media screen and (max-width:992px) {
.meetBox{padding:20px 10px;min-height: 130px;}
.meetBox h3{font-size:14px; line-height: 26px;}
.meetBox p{font-size:14px}
.biggerImg img {
    margin: 0 0 0 auto;
}
.leadPartText {
    padding: 15px;
}
.leadershipBox ul.leaderGrid li.leaderList {
    width: 23%;
}

.financialContent {text-align: center;}
.everythingPart {padding: 0 0;}
}
@media screen and (min-width:992px) {
   .col-xl-2{flex:0 0 auto;width:20%}
   .yearReviewSection .yearReviewRow .col-xl-4 {padding: 12.5px;}
   .sportPart .leadership { height: 550px;}
.morePart .container-fluid {
    padding: 0 clamp(15px, 7vw, 108px);
}

}

@media (min-width: 767px) {
.striveContactVisual .striveContactPhoto img{
    object-fit: cover;
    object-position: top;
    height: 450px;
    width: 800px;
    margin: auto;
    text-align: center;
    display: block;
}
 .everythingBox .everythingCol {
    margin-bottom: 25px;
}
 
}
@media screen and (min-width: 767px) and (max-width:991px) {
.competency-section .stickyInner .competency-left {
    position: inherit !important;
    margin-bottom: 30px !important;
}
.everythingPart {
    padding: 20px 0;
}
.moreText { margin-top: 20px;}
}


@media screen and (max-width:767px) {
.stickyInner .competency-left{position:inherit}
.competency-copy h2{font-size:20px}
.competency-copy a{font-size:14px}
.everythingBox .everythingCol{margin-bottom:20px}
.competency-cards{grid-template-columns:1fr;gap:16px;margin-top:20px}
.impactLeader .leadershipBox .leadershipCol{min-height:auto!important}
 .competency-card{min-height:285px;padding:30px 25px;width:100%}
.competency-card.energy-card{grid-column:auto}
 .competency-layout{row-gap:45px}
 .competency-image{width:100%;aspect-ratio:1.45/1}
.competency-copy{margin-top:20px;padding:0}
.leadership__title{font-size:32px}
.leadership__subtitle{font-size:15px}
.leadership__description{font-size:13px;margin-bottom:10px}
.leadership__content p { font-size: 13px;}
.leadership__button { font-size: 12px;}
.leadership__media{width:68.6%}
.yearReviewCard{height:auto;padding:20px 0 10px 0;margin-bottom:20px}
.yearReviewImage{width:250px;height:300px}
.coachResidenceWrapper{padding:15px}
.coachResidenceContent{padding:20px 10px}
.coachResidenceTitle{font-size:24px}
.greenBrush{left:0}
.sponsorLeader .leadershipCol { min-height: auto !important;}
.sportPart .sponsorLeader .leadershipCol {
    min-height: auto !important;
}
.policiesPage h1 {
    font-size: 32px;
}
.policiesPage h3 {
    font-size: 18px;
}
.sponsorLeader .leadershipBox .leadershipCol p {font-size: 13px !important;}
.sponsorText::before{width:190px;height:200px;right:0; bottom: -200px;}
.sponsorBottom .sponsorText h3{font-size:30px}
.sponsorBottom .sponsorText .sponsorBtns .btn-dark-btn{width:100% !important;}
.sponsorBottom .sponsorText .sponsorBtns .arrow-link{width:100%}
.sponsorBottom .sponsorText .sponsorBtns{gap:15px !important;}
.sponsorBottom{padding:50px 0 200px 0}
.leadership__title{font-size:38px}
.leadership__subtitle{font-size:20px}
.careerMiddlePart .careerMiddle {padding: 20px;margin-top: 0;}
.careerMiddlePart .careerMiddle .careerText h3 {font-size: 18px;}
.careerMiddlePart .careerMiddle .careerText p {font-size: 14px;}
.careerMiddlePart h3 {font-size: 32px;}
.impactStats{padding-left:4px;padding-right:4px;width:100%}
    .yearReviewSection {
    margin-top: 0;
}

    .impactStats__item {
        min-height: 90px;
        padding: 16px 18px;
    }

    .impactStats__icon {
        width: 40px;
        height: 40px;
        margin-right: 13px;
    }

    .impactStats__green,
    .impactStats__white {
        font-size: 15px;
    }
    .leadershipBox ul.leaderGrid {
    gap: 0;
    flex-wrap: wrap;
}
.leadershipBox ul.leaderGrid li.leaderList {
    width: 47%;
    margin: 5px;
}
    .leadershipBox ul.leaderGrid li.leaderList .leadershipCol {
        margin-bottom: 0 !important;
    }
    .financialPart {
    margin: 20px 0;
}
.sportPart .sponsorLeader {
    margin-bottom: 40px;
    padding: 20px 0;
}
.leadPart {
    margin: 30px 0;
}
.challengeWrapper {
    padding: 20px 0;
}
.morePart {
    margin-bottom: 20px;
}
}

@media (max-width: 700px) {
.leadership__content{width:70%;padding-left:18px}
.biggerImg img{height:auto}
.partnersPart .partnerTitle {
    font-size: 20px;
}
.competency-cards {
      padding-left: 0;
}
.leadPart .leadPartText .leadCard ul.BrdRight {
    border-right: none;
        border-bottom: 1px solid #fff;    padding-bottom: 15px;

}
}

@media (max-width: 500px) {
 .btn-dark-grey-btn{display:block;width:85%;text-align:center; margin: auto;}
 .leadership__content{width:100%}
.impactLeader .leadershipBox .leadershipCol .leadershipTitle{font-size:11px!important}
.impactLeader .leadershipBox .leadershipCol { margin-bottom: 0 !important;}
.impactLeader .col-6{padding:5px!important}
.partnersPart .col-4 { padding: 5px !important;}
.meetBox {
    padding:10px;
    min-height: 90px;

}
.sportPart .sponsorLeader .leaderBox ul li {
    font-size: 12px;
}
.meetBox p {
    font-size: 13px;
}
.meetBox h3 {
    font-size: 11px;}
    .meetPart .col-6 { padding: 5px !important;}
    .meetPart .meetTitle span {
    font-size: 20px;
    display: block;
}
.resourcePart-section .resourcePartBg {
    padding: 0;
}
}

@media only screen and (max-width: 1000px) {
    .leadership {
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }
    .leadership__content {
        width: 100%;
        height: auto;
        padding: 40px clamp(15px, 5vw, 78px);
        order: 2;
    }
        .leadership__media {
        position: static;
        width: 100%;
        height: auto;
    }
        .leadership__inner {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .leadership__brush {
    left: -200px;
}
.sponsorBottom .sponsorText .sponsorBtns {
   
    gap: 25px;
}
.sponsorBottom .sponsorText .sponsorBtns .btn-dark-btn {
    width: 47%;
}
.sponsorBottom .sponsorText h3 {
    font-size: 32px;
}
.yearReviewDescription {
    font-size: 14px;
    padding: 0 20px;
}
.yearReviewCard { margin-bottom: 25px;}
}




@media (max-width: 991.98px) {

    .striveContactSection {
        padding: 80px 0 90px;
    }

    .striveContactContent {
        max-width: 100%; text-align: center;
        margin-bottom: 20px;
    }

    .striveContactAddress {
        margin-bottom: 40px;
    }


}


@media (max-width: 575.98px) {

    .striveContactSection {
        padding: 55px 0 70px;
    }

    .striveContactTitle {

        margin-bottom: 20px;

        font-size: 30px;
    }
    .striveContactForm .form-label {
    text-align: left !important;
}
.striveSocialLinks a {
    width: 25px;
    height: 25px;}


    .striveContactAddress {

        margin-bottom: 35px;

        font-size: 15px;
    }


    .striveContactSocial p {

        font-size: 14px;
    }

}


.donateMain{min-height:720px; margin-bottom: 50px;}
.donationSide{background:var(--grayBg)}
.donationViewport{height:810px;overflow-y:auto;padding:18px 0;scrollbar-color:#8d8d8d #efefef;scrollbar-width:auto;width:650px;margin:auto}
.donationViewport::-webkit-scrollbar{width:16px}
.donationViewport::-webkit-scrollbar-track{background:#efefef}
.donationViewport::-webkit-scrollbar-thumb{background:#8a8a8a;border:4px solid #efefef;border-radius:12px}
.donationCard{width:min(425px,calc(100% - 30px));margin:0 auto;background:#fff;border:1px solid #ddd;position:relative;min-height:620px;padding-bottom:56px}
.donationHeader{height:68px;background:var(--green);display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:18px}
.stepDots{display:flex;gap:11px;align-items:center}
.dot{width:12px;height:12px;border:1.8px solid var(--blackColor);border-radius:50%;display:inline-block;background:transparent}
.dot.active{background:var(--blackColor)}
.lockIcon{font-size:15px;opacity:.3}
.topArrow{font-size:30px;line-height:1;margin-left:5px}
.donationStep{display:none}
.donationStep.active{display:block}
.stepBody{padding:26px 38px 26px}
.introText{text-align:center;font-size:16px;line-height:1.55;margin:0 0 18px}
.frequencySwitch{display:flex;justify-content:center;margin-bottom:26px}
.frequencyBtn{background:#fff;border:1px solid var(--green);padding:10px 14px;font-size:13px}
.frequencyBtn:first-child{border-radius:3px 0 0 3px}
.frequencyBtn:last-child{border-radius:0 3px 3px 0}
.frequencyBtn.active{background:var(--green); color: #fff;}
.amountGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:13px}
.amountBtn{height:61px;background:#fff;border:1px solid #c8c8c8;border-radius:2px;font-size:18px;color:#444}
.amountBtn:hover,.amountBtn.active{border-color:var(--green);box-shadow:inset 0 -2px 0 var(--green)}
.customAmount{height:61px;border:1px solid #bdbdbd;display:flex;align-items:center;padding:0 13px;margin-bottom:18px}
.customAmount:focus-within{border-color:var(--green);box-shadow:inset 0 -2px 0 var(--green)}
.currency{font-size:16px;margin-right:10px}
.customAmount input{width:100%;border:0;outline:0;font-size:18px;background:transparent}
.checkLine{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;margin:9px 0}
.checkLine.compact{margin:10px 0}
.form-check-input{width:17px;height:17px;margin-top:2px;border:1px solid #aaa}
.form-check-input:checked{background-color:var(--blackColor);border-color:var(--blackColor)}
.expandPanel{display:none;border:1px solid #d8d8d8;margin:10px 0 16px;padding:20px}
.expandPanel.simple{border:0;padding:0 0 2px;margin-top:3px}
.expandPanel.show{display:block}
.radioRow{display:flex;gap:32px;margin-bottom:18px;font-size:14px}
.radioRow input{accent-color:#000}
.smallHeading{font-size:14px;margin:14px 0 8px}
.floatingLine{position:relative;margin:23px 0}
.floatingLine input,.floatingLine textarea{width:100%;border:0;border-bottom:1px solid #b8b8b8;outline:0;padding:8px 0 7px;background:transparent;font-size:15px}
.floatingLine textarea{height:55px;resize:vertical}
.floatingLine label{position:absolute;left:0;top:7px;color:#8c8c8c;font-size:14px;transition:.15s;pointer-events:none}
.floatingLine input:focus,.floatingLine textarea:focus{border-bottom-color:var(--green);box-shadow:0 1px 0 var(--green)}
.floatingLine input:focus+label,.floatingLine input:not(:placeholder-shown)+label,
.floatingLine textarea:focus+label,.floatingLine textarea:not(:placeholder-shown)+label{top:-11px;font-size:11px;color:#999}
.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fieldError{color:var(--error);font-size:12px;line-height:1.15;margin-top:4px;min-height:0}
.invalidLine input,.invalidLine textarea{border-bottom-color:var(--error)!important}
.nextBtn{width:100%;height:58px;border:0;border-radius:3px;background:#98da39;font-size:18px;margin-top:26px;box-shadow:0 2px 0 #548213}
.nextBtn span{font-size:27px;margin-left:15px;vertical-align:-2px}
.backBtn{height:58px;border:1px solid #aaa;background:#fff;padding:0 22px;border-radius:3px;font-size:15px;margin-top:26px}
.navButtons{display:grid;grid-template-columns:auto 1fr;gap:12px}
.summaryBox,.finalAmountBox{background:#f6f6f6;border-left:4px solid var(--green);padding:13px 15px;margin-bottom:24px;display:flex;justify-content:space-between;gap:12px;font-size:14px}
.selectLine{margin:22px 0}
.selectLine label{font-size:13px;color:#858585;margin-bottom:6px}
.selectLine .form-select{border:0;border-bottom:1px solid #bbb;border-radius:0;padding-left:0;box-shadow:none}
.choosePayment{text-align:center;font-size:13px;margin:0 0 46px}
.paymentChoiceStep{min-height:420px}
.paymentChoice{width:100%;height:48px;border:0;border-bottom:1px solid #ccc;background:#fafafa;font-weight:600}
.cardGlyph{color:#979daa;margin-right:12px}
.paymentNav{grid-template-columns:1fr;margin-top:30px}
.poweredBy{position:absolute;bottom:28px;left:0;right:0;text-align:center;color:#78a82c;font-size:11px}
.gatewayNotice{background:#fff8df;border:1px solid #ead68b;padding:12px;font-size:12px;line-height:1.4;margin-bottom:18px}
.stripeElement{border:1px solid #bbb;border-radius:3px;padding:14px;margin-top:8px}
.demoCardRow{display:grid;grid-template-columns:1.8fr .7fr .6fr;gap:8px}
.demoCardRow input{min-width:0;border:0;outline:0;font-size:14px}
.successBox{text-align:center;margin-top:20px;padding:24px;border:1px solid #98da39}
.successMark{width:45px;height:45px;border-radius:50%;background:#98da39;display:grid;place-items:center;margin:0 auto 12px;font-size:25px}
.supportSide{background:#242424;color:#fff}
.supportInner{padding:24px 9% 42px;height:100%;display:flex;flex-direction:column;justify-content:center}
.supportImage{width:min(100%,578px);aspect-ratio:1.73/1;object-fit:cover;margin:0 auto 25px;display:block}
.supportInner h2{font-size:30px;letter-spacing:3px;font-weight:600;margin-bottom:8px}
.supportInner>p{font-size:18px;line-height:1.6;margin-bottom:24px}
.impactItem{margin:7px 0 11px}
.impactItem h3{color:#8df000;font-size:18px;font-weight:700;margin-bottom:5px}
.impactItem p{font-size:17px;line-height:1.55;margin:0}
.donationViewport .nav-pills .nav-link { color: var(--green);}
.donationViewport .nav-pills .nav-link.active { background-color: var(--green); color: #fff;}
.donatePage .donateHeading {margin: 50px 0;}
.donatePage .donateHeading h1 {font-size: 20px; color: var(--green); text-transform: uppercase;text-align: center;}
.donatePage .donateHeading h2 {font-size: 45px; color: var(--blackColor); font-weight: 800;text-transform: uppercase;text-align: center; margin: 20px 0;}
.donatePage .donateHeading h3 {font-size: 28px; color: var(--green); font-family: var(--fontitaly);text-transform: uppercase;text-align: center; font-weight: 500; margin-bottom: 20px;}
.donatePage .donateHeading p { text-align: center; font-size: 18px;}

@media(max-width:991.98px){
  .donationViewport{height:auto;max-height:none;overflow:visible;padding:24px 0}
  .donationCard{width:min(520px,calc(100% - 24px))}
  .supportInner{padding:38px 24px}
  .connectForm{width:100%}
 
}
@media(max-width:575.98px){
  .stepBody{padding:22px 20px}
  .donationHeader{padding:0 15px}
  .stepTitle{font-size:15px}
  .stepDots{gap:7px}
  .amountGrid{gap:9px}
  .amountBtn{font-size:16px;height:54px}
  .twoCol{grid-template-columns:1fr;gap:0}
  .supportInner h2{font-size:24px}
  .supportInner>p,.impactItem p{font-size:15px}
  .demoCardRow{grid-template-columns:1fr}
  .sportPart .hero-actions a {
    width: 100%;
    text-align: center;
    display: block;
    margin: 10px 0;
}
.sportPart .hero-actions{ display: block;}
}
@media(min-width:1400px){
.sportPart .sponsorLeader .leaderBox ul li {
    font-size: 13px;
}
.sportPart .sponsorLeader .leaderBox .leadershipNo {
    font-size: 40px;}
.sportPart .sponsorLeader .leaderBox .leadershipNo {
    width: 100%;
}
.sportPart .sponsorLeader .leaderBox .leadershipRight {
    width: 100%;
}
}