.title{font-size: var(--title);font-weight: 700;line-height:var(--titlelh);margin: 0 0 4rem;font-family: var(--htff);}
.titlemd{font-size: var(--titlesm);margin: 0 0 1rem;font-weight: 700;line-height: calc(var(--titlesm) + 5px);}


.page .title{line-height:var(--pagetitlelh);}



@media (max-width: 1201px) {
    .title{margin: 0 0 2rem;}
}


.btn-outlined{display: inline-block;font-size: var(--defaultxs);color: var(--color-dafault);background: #fff;border: solid 1px var(--color-dafault);text-decoration: none;padding: 1rem 1.5rem;border-radius: 0;transition: all 0.4s ease 0s;font-weight: 700;}
.btn-outlined:hover{color: #fff;background: var(--color-dafault);}


.btn-outlined-lite{display: inline-block;font-size: var(--defaultxs);color: var(--color-dafault);background: #fff;border: solid 1px #E2E5E6;text-decoration: none;padding: 1rem 1.5rem;border-radius: 0;transition: all 0.4s ease 0s;font-weight: 700;}
.btn-outlined-lite:hover{color: #fff;background: var(--color-dafault);}


.btn-solid{display: inline-block;font-size: var(--default);color: var(--white);background: var(--color-dafault);text-decoration: none;padding: 1rem 1.5rem;border-radius: 0;transition: all 0.4s ease 0s;font-weight: 700;border-radius: 4px}
.btn-solid:hover{color: var(--white);background: var(--brand-color-main);}


.btn-solid-action{display: inline-block;font-size: var(--default);color: var(--white);background: var(--brand-color-main);text-decoration: none;padding: 1rem 1.5rem;border-radius: 0;transition: all 0.4s ease 0s;font-weight: 700;border-radius: 4px;}
.btn-solid-action:hover{color: var(--white);background: var(--color-dafault);}

.btn-solid-action--small{font-size: var(--defaultsm);padding: 1rem 1.5rem;font-weight: 700;border-radius: 4px;}




/* introduction */
.introduction{padding: 5rem calc(var(--col) * 2 + var(--gap) * 2) 1rem;text-align: center;margin-bottom: 7rem;}
.introduction .title-block{}
.introduction .title-block img{width: auto;}
.introduction .title{color: var(--brand-color-main);}
.introduction .description{margin-bottom: 4rem;}


@media (max-width: 992px) {
    .introduction{padding: 5rem 35px;}
}

@media (max-width: 768px) {
    .introduction{padding: 5rem 0;}
}

@media (max-width: 680px) {
    .introduction .title{font-size: 36px;}
}












.news-posts{margin-bottom: 7rem;background: #fafafa;padding: 7rem 0 4rem;border-radius: 10px;position: relative;}
.news-posts::before{content: '';position: absolute;display: block;inset: 0;background: #eee;border-radius: 10px;transform: translate(5px, 5px);z-index: -1;}

.news-posts-inner{display: grid;grid-template-columns: 1fr 3fr;}

.news-posts .title-block{margin: 0 0 2rem;text-align: center;padding: 0 0 0 calc(var(--col));}
.news-posts .title{font-size: var(--titlemd);margin-bottom: 4rem;color: #3d3d3d;position: relative;}
.news-posts .title span{color: var(--brand-color-main);}
.news-posts .title::after{content: '';position: absolute;display: block;left: 0;bottom: -1rem;width: 4rem;height: 4px;background: #666;}
.news-posts .description p{margin-top: 0;}

.news-articles{padding: 0 calc(var(--col)); min-width: 100%;} /* display: grid;grid-template-columns: repeat(3,1fr);gap:calc(var(--gap) * 2); */

.news-articles-carousel{padding: 2rem 0;}
.news-articles-carousel.owl-carousel .owl-stage{padding: 0 0 2rem;}

.news-articles .news-article{border-radius: 0;overflow: hidden;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}
.news-articles .news-article .img-holder{}
.news-articles .news-article .img-holder a{display: block;line-height: 0;}
.news-articles .news-article .img-holder img{width: 100%;height: 100%;object-fit: cover;transition: all 0.4s ease 0s;position: relative;filter: grayscale(10%);}
.news-articles .news-article .img-holder::after{content: '';position: absolute;display: block;inset: 0;background: linear-gradient(#fff0, #000);opacity: 0.5;transition: all 0.4s ease 0s;pointer-events: none;}
.news-articles .news-article .img-holder:hover img{transform: scale(1.1);filter: grayscale(0%);}
.news-articles .news-article .img-holder:hover::after{opacity: 0;}
.news-articles .news-article .caption{padding: 2rem;background: #fff;border-top: solid 2px var(--brand-color-main);}
.news-articles .news-article .caption h3{font-size: var(--titlexxs);line-height: 1.25;color:#3d3d3d;font-weight: 500;margin: 0 0 2rem;}
.news-articles .news-article .caption h3 a{color:#3d3d3d;text-decoration: none;display: block;}
.news-articles .news-article .caption h3 a:hover{color: var(--brand-color-main);}
.news-articles .news-article .caption .meta{font-size: var(--defaultxs);margin-bottom: 4px;display: inline-block;background: #b9b9b9;;color: #fff;padding: 4px;border-radius: 2px;text-transform: uppercase;}

@media (max-width: 1201px) {
    .news-posts .title-block{margin: 0 0 3rem;padding: 0 calc(var(--col));}

    .news-posts-inner{display: block;grid-template-columns: 1fr;}
    .news-articles{padding: 0 calc(var(--col)); min-width: 0;}
    
}


@media (min-width: 768px) {
    /* .news-posts .title-block{display: grid;grid-template-columns: 1fr 3fr;text-align: left;gap:var(--gap);} */
    .news-posts .title-block{text-align: left;}

    
}

@media (max-width: 768px) {
    .news-posts-inner{padding: 0 3rem;}
    .news-posts{padding: 4rem 0 2rem;}
    .news-posts .title-block{padding: 0;}
    .news-posts .title{margin-bottom: 2rem;}
    .news-posts .title::after{left: 50%;transform: translateX(-50%);}
    .news-articles{padding: 0;} 
}

@media (max-width: 580px) {
    .news-posts{text-align: left;}
    .news-articles{grid-template-columns: 1fr;padding: 0;}    
}







.donate-home{display: grid;grid-template-columns: 1fr 1fr;padding: 2vw 12vw;gap:4vw;margin-bottom: 5rem;}
  .donate-home-inner{text-align: left;}

  .donate-home h2{font-size: 3.1875vw;margin: 1vw 0 1.75vw;font-weight: 600;font-family: 'Saira', sans-serif;}
  .donate-home h2 span{color: #ed1c24;}
  .donate-home p{font-size: 1.25vw;line-height: 1.5;}


  .donate-home .donate-now-wrapper{display: grid;align-items: center;background: #f5f5f5;padding: 50px;overflow: hidden;}
  .donate-home .donate-now-wrapper h3{text-align: center;font-size: clamp(24px,1.25vw,24px);}
  .donate-home .donate-now-wrapper .btn-holder a{display:block;font-size: 30px;padding: 20px 30px;background: #ed1c24;color: #fff;text-decoration: none;text-align: center;border-radius: 5px;line-height: 30px;}
  .donate-home .donate-now-wrapper .btn-holder a:hover{background: #b80b11;}
  .donate-home .donate-now-wrapper .btn-holder a i{font-size: 22px;}
  .donate-home .donate-now-wrapper .donate-message{padding: 1rem;text-align: center;}

  @media (max-width: 992px) {
    .donate-home{grid-template-columns: 1fr;padding: 40px 10vw;}
    .donate-home-inner{}
    .donate-home-inner br{display: none;}
    .donate-home h1{font-size: 40px;margin: 10px 0 20px;}
    .donate-home p{font-size: 16px;}
  }


  @media (max-width: 480px) {
      .donate-home .donate-now-wrapper{padding: 25px;}
      .donate-home .donate-now-wrapper h3{margin-top: 0}
      .donate-home .donate-now-wrapper .btn-holder a{font-size: 25px;line-height: 25px;}
      .donate-home .donate-now-wrapper .btn-holder a i{font-size: 18px;}
  }

.donation{padding:10px 0 0;text-align: center;}
.donation h2{font-size: 30px;}
.donation h2 span{color: #ed1c24;}
.donation .btn-holder{}
.donation .btn-holder a{display: inline-block;padding: 20px 30px;background: #ed1c24;color: #fff;text-decoration: none;}
.donation .btn-holder a:hover{background: #b80b11;}





.volunteers{margin-bottom: 7rem;}
.volunteers-inner{}

.volunteers-wrapper{margin: 0 calc(var(--col) + var(--gap));position: relative;}
.volunteers .img-holder{}
.volunteers .img-holder img{width: 100%;}

.volunteers .volunteers-description{position: absolute;inset: 0;padding: 4rem;color: #fff;}
.volunteers .volunteers-description h2{font-size: var(--titlelg);margin: 0;padding-bottom: 1rem;}
.volunteers .volunteers-description h2::after{content: '';position: absolute;display: block;left: 0;bottom: -1rem;width: 4rem;height: 4px;background: var(--brand-color-main);}
/* .volunteers .volunteers-description h2 span{color: var(--brand-color-main);} */
.volunteers .volunteers-description p{font-size: var(--defaultlg);}


@media (max-width: 768px) {
    .volunteers-wrapper{margin: 0 calc(var(--gap));position: relative;}
    .volunteers .volunteers-description{position: relative;color: #000;padding: 2rem;}
    .volunteers .volunteers-description h2{font-size: var(--title);}
    .volunteers .volunteers-description p{font-size: var(--default);}
}




.first-aid{margin-bottom: 10rem;}
.first-aid-inner{margin: 0 calc(var(--col) + var(--gap));gap:var(--gap);display: grid;grid-template-columns: 2fr 3fr;}

.first-aid .img-holder{}
.first-aid .img-holder img{width: 100%;}

.first-aid .details{display: grid;align-content: center;background: #f5f5f5;padding: 2rem 6rem;position: relative;}
/* .first-aid .description::after{content: '+';position: absolute;display: block;font-size: 600px;font-weight: 700;top: 0;right: 0;opacity: 1;color: #f5f5f5;pointer-events: none;filter: drop-shadow(0 0 10px rgba(255,0,0,0.25));} */
.first-aid .details h2{font-size: var(--titlelg);margin: 0 0 1rem;position: relative;z-index: 1;position: relative;}
.first-aid .details h2 span{color: var(--brand-color-main);}
.first-aid .details h3::after{content: '';position: absolute;display: block;left: 0;bottom: -2rem;width: 4rem;height: 4px;background: var(--brand-color-main);}
.first-aid .details h3{font-size: var(--titlesm);margin: 0 0 4rem;position: relative;}
.first-aid .details .description{z-index: 1;position: relative;margin: 0 0 2rem;}
.first-aid .details .description p{margin: 0 0 1rem;}


.first-aid  .btn-holder-first-aid{position: static;grid-column: 1/3;text-align: center;background: #f5f5f5;padding: 2rem 2rem 1rem;}
.first-aid  .btn-holder-first-aid a{display: inline-block;background: #333;color: #fff;text-decoration: none;padding: 1.5rem 3rem;margin-bottom: 1rem;}
.first-aid  .btn-holder-first-aid a:hover{color: var(--brand-color-main);}
.first-aid  .btn-holder-first-aid a:last-child{background: var(--brand-color-main);}
.first-aid  .btn-holder-first-aid a:last-child:hover{background: #333;}

@media (max-width: 992px) {
    .first-aid-inner{grid-template-columns: 1fr;gap: 0;}
    .first-aid .img-holder{text-align: center;}
    .first-aid .img-holder img{width: 50%;}

    .first-aid .details{padding: 4rem 6rem;text-align: center;}
    .first-aid .details h3::after{left: 50%;transform: translateX(-50%);}
}

@media (max-width: 768px) {
    .first-aid{margin-bottom: 7rem;}
    .first-aid-inner{margin: 0;}

    .first-aid .details{padding: 4rem 4rem;text-align: center;}

    .first-aid .details .btn-holder-first-aid{position: relative;margin-bottom: 2rem;}
    .first-aid .details .btn-holder-first-aid a{display: block;margin-bottom: 1rem;}
}







.training-center{margin-bottom: 0;}
.training-center-inner{margin: 0 calc(var(--col) + var(--gap));display: grid;grid-template-columns: 1fr 1fr;}

.training-center .img-holder{}
.training-center .img-holder img{width: 100.125%;height: 100%;object-fit: cover;}

.training-center .details{padding: 4rem 6rem;background: #111;color: #fff;}
.training-center .details h2{font-size: var(--titlelg);margin: 0 0 1rem;position: relative;z-index: 1;position: relative;}
.training-center .details h2 span{color: var(--brand-color-main);}
.training-center .details h3::after{content: '';position: absolute;display: block;left: 0;bottom: -2rem;width: 4rem;height: 4px;background: var(--brand-color-main);}
.training-center .details h3{font-size: var(--titlesm);margin: 0 0 4rem;position: relative;line-height: 1.2;}
.training-center .details .description{z-index: 1;position: relative;margin: 0 0 2rem;}
.training-center .details .description p{margin: 0 0 1rem;}

.training-center--flipped{}
.training-center--flipped .img-holder{order: 2;}
.training-center--flipped .img-holder img{transform: translateX(-1px);}
.training-center--flipped .details{order: 1;}

.training-center--last{margin-bottom: 7rem;}


@media (max-width: 992px) {
    .training-center{margin-bottom: 7rem;}
    .training-center-inner{grid-template-columns: 1fr;gap: 0;margin: 0;}

    .training-center .details{padding: 4rem 4rem;background: #111;color: #fff;}

    .training-center--flipped .img-holder{order: 1;}
    .training-center--flipped .img-holder img{transform: translateX(0);}
    .training-center--flipped .details{order: 2;}
    
}








.more-news{margin-bottom: 7rem;}
.more-news-inner{margin: 0 calc(var(--col) + var(--gap));}

.more-news .title{margin: 0 0 1rem;}
.more-news .title span{color: var(--brand-color-main);}

.more-news-carousel{position: relative;}

.more-news .news-article{overflow: hidden;display: grid;grid-template-columns: 1fr 1fr;gap: 15px;background: #f5f5f5;position: relative;}
.more-news .news-article::after{content: '';display: block;position: absolute;width: 3rem;background:#fff;inset: 0;left: auto;}
.more-news .news-article .img-holder{order: 2;padding: 3rem 0;display: grid;align-content: center;z-index: 1;}
.more-news .news-article .img-holder a{display: block;line-height: 0;}
.more-news .news-article .img-holder img{width: 100%;height: 100%;object-fit: cover;transition: all 0.4s ease 0s;position: relative;filter: grayscale(10%);}
.more-news .news-article .img-holder:hover img{}

.more-news .news-article .description{order: 1;padding: 3rem;}
.more-news .news-article .description h3{font-size: var(--titlemd);line-height: 1.25;color:#000;font-weight: 500;margin: 0 0 2rem;}
.more-news .news-article .description h3 a{color:#000;text-decoration: none;display: block;}
.more-news .news-article .description h3 a:hover{color: var(--brand-color-main);}
.more-news .news-article .description .meta{font-size: var(--defaultxs);margin-bottom: 4px;display: inline-block;background: #b9b9b9;;color: #fff;padding: 4px;border-radius: 2px;text-transform: uppercase;}

.more-news .owl-theme .owl-nav{position: absolute;right: 0;top: 40%;transform: translateY(-50%);}
.more-news .owl-theme .owl-nav [class*="owl-"]{padding: 15px 20px;position: absolute;right: -20px;background: #333;color: #fff;}
.more-news .owl-theme .owl-nav [class*="owl-"]:hover{background: var(--brand-color-main);}
.more-news .owl-theme .owl-nav .owl-prev{transform: translateY(-51%);}
.more-news .owl-theme .owl-nav .owl-next{transform: translateY(51%);}

.more-news .owl-theme .owl-dots{margin-top: 2rem;}
.more-news .owl-theme .owl-dots .owl-dot{}

.more-news-inner > .btn-holder{text-align: center;padding: 2rem 0;}


@media (max-width: 992px) {
    .more-news .news-article{grid-template-columns: 1fr;}
    .more-news .news-article .img-holder{order: 1;padding: 3rem 0 0;}
    .more-news .news-article .description{order: 2;padding: 3rem 6rem 3rem 3rem;}
    .more-news .news-article .description h3{font-size: var(--titlexs);}
}


@media (max-width: 768px) {
    .more-news-inner{margin: 0;}
}