
.speaker-block-three {
position: relative;
margin-bottom: 30px;
  }
  .speaker-block-three .inner-box {
position: relative;
padding-top: 15px;
padding-bottom: 15px;
margin-left: 70px;
min-height: 210px;
background-color: #f7f8fb;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.speaker-block-three .inner-box::before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 0;
height: 100%;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.speaker-block-three .inner-box .content {
position: relative;
padding-top: 22px;
margin-left: -70px;
padding-left: 200px;
}
.speaker-block-three .inner-box .content .image {
position: absolute;
left: 0;
top: 0;
display: inline-block;
width: 165px;
height: 180px;
overflow: hidden;
}
.elementor img {
height: auto;
max-width: 100%;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.sendmail {
  text-align: left;
}
.speaker-block-three .inner-box .content h3 a {
  position: relative;
  font-size: 0.8em;
  font-weight: 700;
  line-height: 1.4em;
  letter-spacing: -0.01em;
  color: #393d3e;
  font-family: var(--ltn__body-font);
}
.speaker-block-three .inner-box .content .designation {
position: relative;
color: #ff5a3c;
font-size: 17px;
margin-top: 5px;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
letter-spacing: -0.03em;
font-weight: 600;
}
.speaker-block-three .inner-box .content .text {
position: relative;
color: #666;
font-size: 16px;
margin-top: 15px;
line-height: 1.9em;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
p {
position: relative;
line-height: 1.8em;
}
@media (min-width: 992px){
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}}
.speaker-block-three .inner-box:hover {
box-shadow: 0 0 15px rgba(0,0,0,.12);
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}

element {

visibility: visible;
animation-duration: 1500ms;
animation-delay: 0ms;
animation-name: fadeInLeft;

}
.speaker-block-three .inner-box {

position: relative;
padding-top: 15px;
padding-bottom: 15px;
margin-left: 70px;
min-height: 210px;
background-color: #f7f8fb;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;

}
.fadeInLeft {

animation-name: fadeInLeft;

}
.animated {

-webkit-animation-duration: 1.25s;
animation-duration: 1.25s;

}
.staff-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.orange{
color: #ff5a3c !important;
}
.speaker-block-three .inner-box:hover::before {
width: 100%;
background-color: #132e6b;
}
.speaker-block-three .inner-box:hover .content .text, .speaker-block-three .inner-box:hover .content h3 a {
color: #fff;
}
.speaker-block-three .inner-box:hover .content .designation {
color: rgba(255, 255, 255, 0.685);
}
.speaker-block-three .inner-box:hover .content .text, .speaker-block-three .inner-box:hover .content h3 a {
color: #fff;
}


.speaker-block-three .inner-box:hover .content .text, .speaker-block-three .inner-box:hover .content p a {
color: #ff5a3c;
}
