.speakers-item{
	position:relative;   /* anchor for the absolutely-positioned linkedin badge */
}

.speakers-item-content-link{
	display:flex;
	justify-content: space-between;
	width:100%;
	color:inherit;
	text-decoration:none;
}

.speakers-item-social{
	position:absolute;
	right:2.125rem;
	bottom:0;
	z-index:2;
	margin:0;  
}
.speakers-item-social:focus-visible,
.speakers-item-content-link:focus-visible{
	outline:2px solid #004f5f;
	outline-offset:2px;
}

img {
display: block;  
}
.speakers-wrapper {
	padding: 4.625rem 2.375rem;
	display: flex;
	flex-direction: column;
	row-gap: 3.375rem;
	max-width: 99.063rem;
	margin: 0 auto;
}

.speakers-title {
	font-size: 2.75rem;
	font-style: normal;
	font-weight: 800;
	line-height: 3.51rem; 
	max-width: 55rem;
}
.speakers-items{
	display:flex;
	gap:2.125rem 0.95rem;
/* 	flex-wrap:wrap; */
	position:relative
	
}

.speakers-item{
	border-radius:10px;
	display:flex;
	gap:0.625rem;
	flex:1 1 calc(33% - 1rem);
	padding:2.125rem 1.5rem 2.125rem 1.5rem;

}
a.speakers-item{
		position:relative;
	top:0;
		transition:all 0.3s !important;
}
a.speakers-item:hover{  top:-3px;
}
.speakers-item-left{
	flex: 0 0 40%;
  position:relative;	
}

.speakers-item-left::before{
	content:url("https://www.stibosystems.com/hubfs/website-redesign/square-svg.svg");
	width:3.125rem;
	height:3.125rem;
	position:relative;
	left:0;
	top:0;
	display:block;
	margin-bottom:16px;
}

.speakers-item-top-name{
	font-size: 2.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	color:#00ABC1;
	margin-bottom:0.625rem;
}

.speakers-item-top-title{
	font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: normal;
	color:rgba(55, 70, 79, 0.70);
}

.speakers-item-social img{
	width:2rem;
	height:2rem;
	margin-top:1rem;
	margin-bottom: 2.125rem;
}

.speakers-item-image img{
	width:100%;
	height:100%;
	object-fit:contain;
	max-width:230px;
}
.speakers-item.speaker-headshot{
	justify-content:space-between;
	padding-bottom:2.125rem;
	align-items:center;
	padding:2.125rem;
}
.speaker-headshot .speakers-item-image{
	width:175px;
	height:175px;
	border-radius:50%;
	border:1px solid #00ABC1;
	overflow:hidden
}
.speaker-headshot .speakers-item-image img{
	object-position:top;
	object-fit:cover;
}
.speaker-icon{
	background-image:url("https://www.stibosystems.com/hubfs/website-redesign/microphone-icon-white.svg");
	background-repeat:no-repeat;
	background-position:1.375rem 50%;
	background-size:1.875rem;
  background-color:#00ABC1;
	padding:0.625rem 1.375rem 0.938rem 3.25rem;
	border-radius:100px;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 170%; /* 20.4px */
	text-transform: uppercase;
	position:absolute;
	bottom:19%;
	right:30%;
	color:#fff
}

@media(max-width:96.188rem){
	.speakers-item{
		flex: 0 1 calc(50% - 1rem);
	}
	.speakers-items{
		justify-content:center;
	}
}
	@media(max-width:80rem){
		.speakers-items{
			flex-wrap:wrap
		}
	}
@media(max-width:68.75rem){
	.speaker-headshot .speakers-item-image{
		width:190px !important;
		height:190px !important;
	}
}
@media(max-width:62.5rem){
	.speakers-item.speaker-headshot{
		flex: 1 1 100%
	}
}

@media(max-width:52.188rem){

	.speakers-item-right{
		align-self:end;
	}
}
@media(max-width:48rem){
	.speakers-item{
		flex-grow:1;
		gap:2.375rem;
		flex: 1 1 100% !important;
	}
	.speakers-item-left{
		max-width:unset;
		flex:1 1 100%;
	}
	.speakers-item-social img{
		margin-bottom: 1rem;
	}
}

@media (max-width: 48rem) {
	.speakers-title {
		font-size: 2.75rem;
	}
	.speakers-wrapper {
		padding: 3.375rem 2.375rem;
	}
}

@media (max-width: 37.5rem) {
	.speakers-items {
		padding: 0;
	}
			.speakers-item{
			flex-wrap:wrap;
			min-width:250px;
	}
}

@media (max-width: 31.25rem) {
	.speakers-title {
		font-size: 2.5rem;
	}
	.speakers-wrapper {
		padding: 2.75rem 1.375rem;
		row-gap: 2.75rem;
	}
  .speakers-item-content-link {
    flex-direction: column-reverse;
    align-items: center;
  }
   .speakers-item-right {
       align-self: unset;
    }
  .speakers-item-left::before {
    display: none;
  }
}
}
@media (max-width: 28.125rem) {
	.speakers-item{
		flex-wrap:wrap;
	}
}


