@media (min-width: 992px) {
  #ourcauses .col-lg-2 {
    flex: 0 0 auto;
    width: 19.66666667%;
  }
}

/* BLUE CTA */
.blue-cta{
  border-radius:28px 28px ;background:linear-gradient(90deg,#168fd0,#0b78b7);
  color:#fff;padding:2.1rem 2.8rem;position:relative;overflow:hidden
}
.blue-cta h2{font-weight:850}
.blue-cta:after{
  content:"";position:absolute;right:-70px;bottom:-90px;width:260px;height:180px;border:5px solid rgba(255,255,255,.86);
  border-left-color:transparent;border-top-color:transparent;border-radius:50%;
  transform:rotate(-12deg)
}


.btn-outline-white {
    border: 2px solid rgba(255, 255, 255, .8);
    color: #fff;
}
.btn-outline-white:hover{background:#fff;color:var(--blue)}

/* ==========================================
   Scroll To Top Button
========================================== */

#scrollTopBtn{
    position:fixed;
    right:25px;
    bottom:25px;
    width:55px;
    height:55px;
    border-radius:50%;
    border:none;
    background:linear-gradient(135deg,#168fd0,#0b68a7);
    color:#fff;
    font-size:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    z-index:9999;

    opacity:0;
    visibility:hidden;

    transform:translateY(20px);

    transition:all .35s ease;

    box-shadow:0 10px 30px rgba(0,0,0,.25);
}

#scrollTopBtn:hover{
    background:linear-gradient(135deg,#ffbd1f,#ffcf52);
    color:#222;
    transform:translateY(-5px);
}

#scrollTopBtn.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

@media (max-width:768px){

    #scrollTopBtn{
        width:48px;
        height:48px;
        right:15px;
        bottom:15px;
        font-size:18px;
    }

}

.footer img {
  width: 105px;
  border-radius: 50%;
  padding-top: 8px !important;
  height: 105px;
}

.footer {
  background: radial-gradient(circle at top left,#28323d,#0c1117 65%);
  color: #fff;
  padding-top: 62px;
  border-radius: 65px 65px 0 0;
  margin-top: 0px;
}

.hero .carousel-item:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(35deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .82) 42%, rgba(255, 255, 255, .05) 80%) !important;
}

.gold-swoosh {
  display: inline-block;
  border-bottom: 6px solid var(--gold);
  border-radius: 50%;
  padding-bottom: 3px;
}

.service-card img, .cause-card img {
  height: auto;
  object-fit: cover;
}

.card-body a, .other-cause a{
  text-decoration: none !important;
}

.cause-main-image {
 display: block;
    width: 100%;
    max-width: 100%;
    height: 470px;
    object-fit: cover;
    object-position: top center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 28px;
    box-shadow: 0 18px 45px rgba(20, 50, 75, .13);
}

.section-pad {
    padding: 82px 0;
}

.section-title {
    font-weight: 850;
    letter-spacing: -.035em;
    margin-top: .45rem;
}

.info-card {
    background: #fff;
    border-radius: 22px;
    box-shadow: var(--shadow);
    padding: 1.6rem;
    height: 100%;
}

#foodbank a{
  text-decoration: none;
}

#foodbank a:hover{
  text-decoration:none;
  color: #168fd0;
}

.carousel-indicators {
  display: none;
}