/* --------------------------
    5.3 - Team
-------------------------- */
.best-roles {
  margin-bottom: 50px;
}

.best-roles .row {
  padding-bottom: 50px;
}

.best-roles .role-image {
  overflow: hidden;
  height: 250px;
  border-radius: 10px;
  box-shadow: 2px 5px 15px rgba(51, 51, 51, 0.3);
}

.no-radius .best-roles .role-image {
  border-radius: 0;
}

.best-roles .role-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 576px) {
  .best-roles .role-description {
    margin-top: 20px;
  }
}

.best-roles .role-description .section-title {
  margin-bottom: 15px;
  margin-top: 20px;
}

.best-roles .role-description .section-title h3{font-size: 25px;}
	
.best-roles .role-description p {
  color: #8c8c8c;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
}
.profilepic{padding: 15px 5px;border: solid #dedede 1px;}
.section-title .d-line {
  top: 5px;
}

.intro-slider .slide .content .d-line {
  margin-bottom: 10px;
}
/* --------------------------
    6.3 - Lines
-------------------------- */
.d-line {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 5px;
  background-color: #0066cc;
  border-radius: 10px;
}

.no-radius .d-line {
  border-radius: 0;
}

.green .d-line {
  background-color: #3AE374;
}

.lightblue .d-line {
  background-color: #3BA2FF;
}

.red .d-line {
  background-color: #ff4d4d;
}

.d-line:after {
  content: '';
  position: absolute;
  left: 30px;
  width: 10px;
  height: inherit;
  display: inline-block;
  background-color: inherit;
  border-radius: 10px;
}

.no-radius .d-line:after {
  border-radius: 0;
}

.d-line.right:after {
  left: -15px;
}