@use "../../../plugins/bootstrap-5.1.3/scss/functions";
@use "../../../plugins/bootstrap-5.1.3/scss/variables";
@use "../../../plugins/bootstrap-5.1.3/scss/mixins";
@use "../../../plugins/bootstrap-5.1.3/scss/utilities";
@use "../../../plugins/bootstrap-5.1.3/scss/reboot";
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto !important;
  }
}

:root {
  --primary: #CD0511;
  --consumed-by-js: $primary;
  --bs-primary: #CD0511;
  --bs-primary-rgb: 205, 5, 17;
  --success: #179149;
  --consumed-by-js: $success;
  --bs-success: #179149;
  --bs-success-rgb: 23, 145, 73;
  --bs-dark: #161616;
  --bs-dark-rgb: 22, 22, 22;
  --bs-font-open-sans:'Open Sans', sans-serif;
  --bs-body-font-family: var(--bs-font-open-sans);
  --bs-body-color: #161616;
  --bs-link-color: $primary;
}

@use "../../../plugins/bootstrap-5.1.3/scss/bootstrap";
@use "../../../plugins/bootstrap-5.1.3/scss/bootstrap";
.card-icon {
  max-width: 90px;
  max-height: 105px;
  height: 105px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.card-body a {
  font-weight: 600;
  color: #808080;
}

.gray-box a {
  font-weight: 600;
  color: #808080;
}

.card-list-first {
  border-radius: 20px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.card-list .card-body {
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 40px;
}

.card-list:last-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.card-list:last-child .card-body {
  border-bottom: none !important;
}

.card-list .col-md-2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-list .col-md-2 .card-icon {
  max-width: 75px;
  margin: 0;
}

.card-list.gray-box:hover {
  background: #F4F4F4;
}

@media (max-width: 767.98px) {
  .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .card-list {
    margin-bottom: 20px;
    border-radius: 20px;
  }
  .card-list .card-body {
    border: none !important;
  }
}