:root{
  --primary: green;
  --secondary: springgreen;
  --tertiary: #49B279;
  --quartarnary: #0f7098;
}

.text-primary{color: var(--primary) !important;}
.text-secondary{color: var(--secondary) !important;}
.text-tertiary{color: var(--tertiary) !important;}
.text-quartarnary{color: var(--quartarnary) !important;}
.bg-primary{background-color: var(--primary) !important;}
.bg-secondary{background-color: var(--secondary) !important;}
.bg-tertiary{background-color: var(--tertiary) !important;}
.bg-quartarnary{background-color: var(--quartarnary) !important;}

.fs-18{font-size: 18px !important;}

body{font-family: "sanchez", serif;font-size: 18px;}
.navbar{padding: 20px 0;}
.navbar-brand{
  font-size: 24px;
  font-weight: 700;
  border: 2px solid var(--secondary);
  border-radius: 9px;
  padding: 12px 20px;
  line-height: 1;
}
.navbar .nav-item .nav-link{padding-left: 25px;padding-right: 25px;color: #000;}
.navbar .nav-item .nav-link.active{font-weight: 700;color: var(--primary);}

.home-box{background-color: #c2c2c2;}
.home-img{margin-left: -50px;}

hr{border-top-color: var(--quartarnary);border-top-width: 3px;opacity: 1;}
.donate-volunteer-box{border: 1px solid var(--quartarnary);box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);height: 560px;display: flex;align-items: center;justify-content: center;flex-direction: column;}





footer{
  background-color: #262626;
}
footer h2{height: 38px;}
footer a{color: #fff;text-decoration: none;}






ul li:last-child .number:after{display: none;}
.number{font-size: 22px;font-weight: bold;position: relative;}
.number-meta {padding-top: 2px;}
.number-meta h4{font-size: 22px;}
.number:after{content: '';position: absolute;left: 0;right: 0;top: 30px;height: calc(100% - 10px);width: 4px;background-color: var(--secondary);margin: auto;bottom: 0;margin-top: 4px;}



.btn-gradient{
  background: linear-gradient(to right, #65faaa,#0cfe7c);
  transition: .4s;
}
.btn-gradient:hover{
  filter: brightness(1.4);
}

.donate-volunteer-box .btn{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);transition: .5s;}
.donate-volunteer-box .btn:hover{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);transform: scale(1.01);}







@media(max-width:992px){
  .navbar-brand{font-size: 18px;}
  .home-img{margin-left: -0px;}
  .donate-volunteer-box{height: unset;}
  footer h2 {
    height: unset;
}
}