.card {
  background-image: url(https://templatemo.com/templates/templatemo_569_edu_meeting/assets/images/service-item-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  /* border-radius: 20px; */
  border: initial;
}
.card-body,
.card-footer,
.card-text {
  color: #ddd;
  background-color: initial;
  font-size: .9em;
}

.card-title {
  color: #fff;
}
.card .img{
  position: relative;
  /* width: max-content; */
}
.card .img svg {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.small, small {
  font-size: .75em;
}

.link-red {
  color: #a12c2f;
}

section.upcoming-meetings {
  background-image: url(https://templatemo.com/templates/templatemo_569_edu_meeting/assets/images/meetings-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: repeat;
  background-size: cover;
  padding-top: 230px;
  padding-bottom: 110px;
}

.services {
  margin-top: -450px;
}

  .main-banner .caption p {
      max-width: initial;
  }

  .main-banner .caption {
      margin-top: 100px;
      position: initial;
      top: initial;
      text-align: initial;
      transform: initial;
  }

body {
  background-image: url(https://templatemo.com/templates/templatemo_569_edu_meeting/assets/images/meetings-bg.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-repeat: repeat;
  background-size: cover;
  height: 5000px;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.card{
  height: 100%;
}

@media (max-width: 768px) {
  body {
      height: 8000px;
  }
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

i.fa.circle {
  display: inline-block;
  border-radius: 50px;
  box-shadow: 0 0 2px #888;
  padding-left: 13px;
  padding-top: 13px;
  height: 40px;
  width: 40px;
  position: absolute;
  color: white;
  background-color: #a12c2f;
  transform: translate(-50%, -50%);
  top: 0;
  left: 50%;
  z-index: 1
}
.main-banner .caption {
  margin-top: initial;
  position: initial;
  top: initial;
  text-align: initial;
  transform: initial;
}

.main-banner .caption h2 {
  font-size: 24px;
  margin-bottom: 10px;
  text-transform: initial;
  letter-spacing: initial;
  color: white;
}
.main-banner {
  overflow: initial;
}

html {
  background: url(https://templatemo.com/templates/templatemo_569_edu_meeting/assets/images/service-item-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100vh;
}

h5 {
  font-size: 1rem;
}

p {
  line-height: initial;
}

.main-button-red a {
  padding: 6px;
}

.back-btn {
  font-size: 0.9em;
}

.active>.page-link, .page-link.active {
  background-color: #a12c2f;
  border-color: #a12c2f;
  color: #ffffff;
}

.active:hover>.page-link,
.page-link.active:hover {
  color: #ffffff;
}
.page-link,
.page-link:hover,
.page-link:focus {
  color: #a12c2f;
}

.card-container{
  margin-top: 25px;
  margin-bottom: 25px;
}

@media (min-width: 768px) and (max-width: 991.98px)
{
  .container {
      max-width: 900px;
  }
}

/* Breadscrumb style */
.default-breadcrumb .link a {
text-decoration: none;
}

.default-breadcrumb {
display: flex;
flex-direction: row;
flex-wrap: wrap;
list-style: none;
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 0.8rem;
}
.default-breadcrumb li.crumb {
position: relative;
margin-bottom: 0.5em;
background-color: #eaecf1;
color: #8093a7;
}
.default-breadcrumb li.crumb::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 100%;
height: 100%;
width: 1.5em;
background-color: #eaecf1;
clip-path: polygon(50% 50%, -50% -50%, 0 100%);
}
.default-breadcrumb li.crumb::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 1px;
height: 100%;
width: 1.5em;
background-color: #eaecf1;
clip-path: polygon(100% 0, 100% 100%, 0% 100%, 50% 50%, 0% 0%);
transform: translateX(-100%);
}
.default-breadcrumb li.crumb:not(:first-child) {
margin-left: 1.8em;
}
.default-breadcrumb li.crumb:first-child {
padding-left: 0.5em;
border-radius: 5px 0 0 5px;
}
.default-breadcrumb li.crumb:first-child::before {
display: none;
}
.default-breadcrumb li.crumb:last-child {
padding-right: 1em;
border-radius: 0 5px 5px 0;
}
.default-breadcrumb li.crumb:last-child::after {
display: none;
}
.default-breadcrumb li.crumb.active,
.default-breadcrumb li.crumb.active a,
.default-breadcrumb li.crumb.active i {
background-color: #a12c2f;
color: #fff;
}
.default-breadcrumb li.crumb.active::before, .default-breadcrumb li.crumb.active::after {
background-color: #a12c2f;
}
.default-breadcrumb li.crumb .link {
max-width: 350px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.default-breadcrumb li.crumb a {
color: #8093a7;
}
.default-breadcrumb li.crumb a:hover {
color: #a12c2f;
}
.default-breadcrumb li.crumb.active a:hover {
color: #ffffff;
}
