/*Team*/
.button.button-outline {
  color: #000;
  border: none;
  cursor: pointer;
  padding: 0;
  width: auto;
}
.two-lable {
  padding: 50px 0;
}

.two-lable .container {
  justify-content: center;
  display: flex;
}

.two-lable-item.active {
	color: #007CC2;
	font-family: "Proxima Nova";
	font-weight: 800; 
}

.two-lable-item {
	color: #8F8F8F;
	font-family: "Work Sans";
	font-size: 26px;
	font-weight: 500;
	position: relative;
}

.two-lable a {
  margin: 34px;
}

.two-lable-item.active::before {
  content: "";
  display: block;
  width: 72px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='73' height='26' viewBox='0 0 73 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.252197' y='0.381836' width='52' height='17' fill='%232B66C2' fill-opacity='0.7'/%3E%3Crect x='20.6536' y='8.88184' width='52' height='17' fill='%2349A166' fill-opacity='0.8'/%3E%3Crect x='21.2522' y='10.1113' width='31' height='7.27051' fill='%232B66C2'/%3E%3C/svg%3E");
  margin-bottom: 8px;
  position: absolute;
  bottom: 100%
}

.executive-team {
  padding-bottom: 75px;
}

.executive-team .wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
}

.executive-team h2::before,
.executive-team .h2::before {
  content: none;
}

.executive-team h2 {
  padding-bottom: 23px;
}

.executive-team .col-md-3 {
  padding-bottom: 37px;
}

.executive-team .title {
  font-family: "Work Sans";
  font-size: 18px;
  line-height: 167%;
}

.executive-team .desc {
  color: #383838;
  font-family: "Work Sans";
  font-weight: 500;
  min-height: 80px;
}

.senior-management {
  padding: 50px 0;
}

.senior-management h2 {
  padding-bottom: 23px;
}

.senior-management .col-md-3 {
	margin-bottom: 30px;
}

.senior-management .content {
	border-radius: 8px;
	background: #F6F6F9;
	padding: 13px 0px 25px 21px;
	height: calc(100% - 38px);
}

.senior-management .content-all .title {
  color: #007CC2;
  font-family: "Work Sans";
  font-size: 18px;
  line-height: 167%;
}

.senior-management .content-all .desc {
  color: #383838;
  font-family: "Work Sans";
  font-weight: 500;
}

.senior-management .content-all .content:hover {
  border-radius: 8px;
  background: #007CC2;
}

.senior-management .content-all .content:hover .title  {
  color: #FFF;
}

.senior-management .content-all .content:hover .desc {
  color: #FFF; 
}

.executive-team .desc p,
.senior-management .content-all .desc p {
	margin-top: 0;
}

.team-item-hidden {
	display: none;
}

.team-hidden .col-md-10 {
	border-radius: 16px;
	background: #F6F6F9;
	padding: 47px 57px;
	position: relative;
	margin-bottom: 49px;
}

.team-item-hidden-content {
	color: #2D2D2D;
	font-family: "Proxima Nova";
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
}

.team-item-hidden-title {
	color: #2D2D2D;
	font-family: "Proxima Nova";
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.team-item-hidden-content .close {
	position: absolute;
	top: 25px;
	right: 25px;
	cursor: pointer;
}

.team-item, .team-item-text {
  height: 100%;
}

.team-item-text > img {
  border-radius: 10px;
}

.team-item.team-item-gray {
  border-radius: 8px;
  background: #F6F6F9;
  padding: 13px 6px 25px 21px;
  height: calc(100% - 38px);
}

.team-item.team-item-gray .title {
  color: #007CC2;
  font-family: "Work Sans";
  font-size: 18px;
  line-height: 167%;
}

.team-item.team-item-gray:hover {
  border-radius: 8px;
  background: #007CC2;
}

.team-item.team-item-gray:hover .title,
.team-item.team-item-gray:hover .desc,
.team-item.team-item-gray:hover .button {
  color: #FFF;
}

@media (max-width: 767px){
  .senior-management .content {
    height: 100%;
  }
}

@media (max-width: 480px){
  .two-lable .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
  }

  .two-lable a {
    margin: 0;
    font-size: 20px;
  }

  .executive-team h2 {
    text-align: center;
  }

  .executive-team .col-md-3 .attachment-teammember {
    width: 100%;
  }

  .executive-team .title {
    text-align: center;
  }

  .executive-team .desc {
    text-align: center;
  }

  .senior-management h2 {
    text-align: center;
  }

  .senior-management h2:before {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .team-item-mobile {
		margin: 20px 10px;
	}
	.team-item {
		padding: 20px;
	}

	.team-item:hover .button {
		padding: 10px 18px;
	}

	.team-item-hidden-content {
		margin-top: 60px;
		position: relative;
	}

	.team-item-hidden-content .close {
		top: -44px;
	}
}