.hr-team-item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:40px}.hr-team-item figure{margin:0}.hr-team-item .hr-team-img{width:50%}.hr-team-item .hr-team-img img{-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;border-radius:25px}.hr-team-item .hr-team-content{background-color:#fff;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;border-radius:25px;padding:35px 40px 40px;width:57%;position:relative;margin-left:-10%;box-shadow:1px 1.732px 60px 0 rgb(0 0 0 / .1)}.hr-team-item .hr-team-content h3 a{color:var(--color-4)}.hr-team-item .hr-team-content h3 a:hover{color:var(--color-3)}.hr-team-item .hr-team-content span{color:#787878;display:block;font-size:16px;font-weight:600;line-height:1.1;margin-bottom:15px}.hr-team-item .hr-social-links{padding-top:5px}.hr-social-links ul{margin:0;padding:0;font-size:0}.hr-social-links li{display:inline-block;list-style:none;margin:0 4px}.hr-team-item .hr-social-links li:first-child{margin-left:0;margin-right:0}.hr-price-table,.hr-table{margin-bottom:0;font-size:16px;line-height:24px}.hr-table{max-width:370px;margin-left:auto;margin-right:auto}.hr-table,.hr-table td{border:0}.hr-table th,.hr-table td,.hr-table th,.hr-table td{padding:14px 14px;vertical-align:top;border-top:1px solid #e6e6e6;background-color:#fff}.hr-table,.hr-table td{border:0}.hr-table tr:nth-child(odd) td{background-color:#f6f6f6}.hr-info-name{flex:1}.hr-info-name h3{font-size:32px;line-height:1em;margin-bottom:18px}.hr-info-name h6{font-size:16px;line-height:1em;margin-bottom:0;color:var(--color-4)}.hr-info-phone{padding:0 30px;font-size:18px;line-height:37px;font-weight:600;color:#444}.hr-info-phone span{position:relative;top:-1px;padding-right:7px;font-size:11px;color:var(--color-4)}.hr-info-phone a{color:#444;text-decoration:none}.hr-info-social{font-size:15px;line-height:37px}.hr-info-social a{display:inline-block;width:37px;height:37px;color:var(--color-4);background-color:#fff;text-align:center;border-radius:50%;transition:0.2s}@media (min-width:768px){.col-md{flex-basis:0%;flex-grow:1;max-width:100%}}@media (max-width:1024px){}@media (max-width:991px){.hr-team-item .hr-team-img img{width:100%}}@media (max-width:767.98px){.hr-team-item .hr-team-img{width:100%}.hr-team-item .hr-team-img img{-webkit-border-radius:25px 25px 0 0;-moz-border-radius:25px 25px 0 0;-ms-border-radius:25px 25px 0 0;border-radius:25px 25px 0 0}.hr-team-item .hr-team-content{-webkit-border-radius:0 0 25px 25px;-moz-border-radius:0 0 25px 25px;-ms-border-radius:0 0 25px 25px;border-radius:0 0 25px 25px;margin-left:0;padding:20px 20px 25px;width:100%}.hr-team-item .hr-team-content h3{font-size:20px}}

.team-box-style-3 {
	background: #ddd;
	padding: 45px 20px 0;
	border-radius: 15px;
	text-align: center;
	margin-bottom: 125px;
	position: relative;
	transition: .3s ease-in-out;
}
.team-box-style-3:hover {
	background: linear-gradient(135deg, #e4275a, #2392c7, #21c761) !important;
}
.team-box-style-3 .team-box-info {
	margin-bottom: 20px;
}
.team-box-style-3 .team-box-info .team-box-title {
	font-size: 28px;
	line-height: 36px;
	margin-bottom: 5px;
	transition: none;
	transition: .3s ease-in-out;
}
.team-box-info .team-box-title a {
	text-decoration: none;
	color: var(--color-4);
	font-weight: 600;
}
.team-box-style-3 .team-box-info .team-box-categorie {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	position: relative;
	text-transform: uppercase;
	color: red;
	letter-spacing: 0.04em;
	transition: .3s ease-in-out;
}
.team-box-info .team-box-categorie a {
	text-decoration: none;
}
.team-box-style-3 .team-box-img {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	margin-bottom: -100px;
	border-radius: 15px;
}
.team-box-style-3 .team-box-img img {
	transition: .3s ease-in-out;
	width: 100%;
	max-height: 376px;
	object-fit: cover;
}
.owl-item.center .team-box-style-3 .team-box-img img, .team-box-style-3:hover .team-box-img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.team-box-style-3 .menu {
	z-index: 9;
	position: absolute;
	padding: 0;
	margin: 0;
	bottom: -105px;
	list-style-type: none;
	left: 50%;
	transform: translateX(-50%);
}
.team-box-style-3 .menu .share > i {
	height: 70px;
	width: 70px;
	font-size: 25px;
	text-align: center;
	line-height: 70px;
	background-color: #000;
	color: #fff;
	border-radius: 50%;
	cursor: pointer;
}
.team-box-style-3 .menu .submenu {
	list-style-type: none;
	padding: 8px 20px;
	margin: 0;
	background: #fff;
	position: absolute;
	top: -30px;
	opacity: 0;
	display: flex;
	align-items: center;
	gap: 15px;
	border-radius: 15px;
	left: 50%;
	transform: translateX(-50%);
	transition:  .3s ease-in-out;
}
.team-box-style-3:hover .menu .share .submenu, .team-box-style-3 .menu .share:hover .submenu {
	top: -60px;
	opacity: 1;
}
.team-box-style-3 .menu .submenu {
	list-style-type: none;
}
.team-box-style-3 .menu .submenu li a {
	color: #000;
	font-size: 18px;
	line-height: 26px;
}
.team-box-style-3 .menu .submenu li a:hover {
	color: red;
}

.team-box-style-3:hover .team-box-info .team-box-title a {
  color: #fff;
  transition: .3s ease-in-out;
}
.team-box-style-3:hover .team-box-info .hr-sub-title {
  color: #fff !important;
  background: inherit !important;
  -webkit-text-fill-color: inherit !important;
  transition: .3s ease-in-out;
}
.hr-team-img {
	overflow: hidden;
}

.staffDetailDiv h4 b {
  font-weight: 600;
  font-size: 30px;
  color: var(--color-4);
}
.staffDetailDiv .hr-social-wrap {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  column-gap: 20px;
}
.staffDetailDiv .hr-social-wrap li {
  list-style: none;
}
.staffDetailDiv .hr-social-wrap li a {
  font-size: 24px;
}
.staffDetailDiv h4 {
  margin: 0;
}
.staffDetailDiv .hr-social-wrap li a:hover {
  color: var(--color-6);
}

.staffs-address b {
	border: 1px solid var(--color-6);
	padding: 10px;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-6);
}
.staffs-address {
  display: flex;
  column-gap: 10px;
}

.hr-staff-single-left .hr-social-wrap {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 400px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 60px 40px 20px;
  border-radius: 10px;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: -70px;
  background: var(--color-4);
  z-index: 0;
}
.hr-staff-single-left .hr-social-wrap li a {
  font-size: 25px;
  color: #fff;
}
.hr-staff-single-left .hr-social-wrap li {
  list-style: none;
}
.hr-staff-single-left {
  position: relative;
}
.hr-staff-single-left .hr-social-wrap li a:hover {
  color: var(--color-3);
}
.hr-staff-photo {
  position: relative;
  z-index: 1;
}
.hr-staff-photo img {
  border-radius: 10px;
}

.hr-staff-single-right .hr-info-name h3 {
  font-size: 35px;
  font-weight: 600;
  color: var(--color-4);
  margin-bottom: 10px;
}
.hr-staff-single-right .hr-info-name h6 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}

.staff-infomation {
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	padding-bottom: 20px;
}
.staff-infomation li span i {
  border: 1px solid var(--color-6);
  padding: 10px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-6);
}
.staff-infomation li {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.staff-infomation li span a {
  color: #000;
}
.staff-infomation li span a:hover {
  color: var(--color-6);
}

@media(max-width:991.98px){
	.hr-staff-single .row {
	row-gap: 90px;
}
}

@media(max-width:480px){
	.hr-staff-single-right .hr-info-name h3 {
	font-size: 25px;
}
.hr-staff-single .row {
	row-gap: 70px;
}
.staff-infomation li span i {
	width: 30px;
	height: 30px;
}
.hr-section {
	padding-bottom: 3.5rem;
	padding-top: 3.5rem;
}
}