/* Header Section */
*{
    margin: 0;
    padding: 0;
    font-family: cursive;
    color: black;
}
:root {
  --bs-success: #198754;
  --light: #f1f8ff;
  --dark: #0f172b;
}

.ff-secondary {
  font-family: 'Pacifico', cursive;
}

.fw-medium {
  font-weight: 600 !important;
}

.fw-semi-bold {
  font-weight: 700 !important;
}

.back-to-top {
  position: fixed;
  display: none;
  right: 45px;
  bottom: 45px;
  z-index: 99;
}


.ribbon {
    font-size: 22px;
    width: 500px;
    background-color: var(--bs-success);
    color: var(--bs-success);
    text-align: center;
    padding: 1em 2em;
    margin: 2em auto;
    position: relative;
}

.ribbon:before {
    content: "";
    position: absolute;
    border: 1.5em solid var(--bs-success);
    left: -2em;
    border-left-color: transparent;
}

.ribbon:after {
    content: "";
    position: absolute;
    border: 1.5em solid var(--bs-success);
    right: -2em;
    border-right-color: transparent;
}

.team-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    
    height: calc(100%);
    transition: .5s;
  }

  .team-item img {
    transition: .5s;
  }

  .team-item:hover img {
    transform: scale(1.1);
  }

  .team-item:hover {
    height: 100%;
  }

  /* Box-sizing */
  .border {
    border: 20px solid black;
    width: 300px;
    height: 300px;
   
  }

  /* footer Section */
  .footer .btn.btn-social {
    margin-right: 5px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light);
    border: 1px solid #FFFFFF;
    border-radius: 35px;
    transition: .3s;
  }

  .footer .btn.btn-social:hover {
    color: var(--bs-success);
  }

  .footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
  } 

  .footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    margin-right: 10px;
  }

  .footer .btn.btn-link:hover {
    letter-spacing: 1px;
    box-shadow: none;
  }

  .footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
  }

  .footer .copyright a {
    color: var(--light);
  }

  .footer .footer-menu a {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, .1);
  }

  .footer .footer-menu a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }

  @media (max-width: 430px) {
    .ribbon {
      padding: 17px 5px;
      width: 300px;
      margin: 15 auto; 
      text-align: center; 
    }
  }