/*** tstk-ihbox-style-3 ***/
.tstk-ihbox-style-3{
    padding-left: 40px;
    display: inline-block;
}
.tstk-ihbox-style-3 .tstk-ihbox-icon-type-image{
    position: relative;
    width: 56px;
    height: 56px;
}
.tstk-ihbox-style-3 .tstk-ihbox-icon-type-image img{
    border-radius: 50%;
    padding: 3px;
    border:2px solid var(--tstk-industrey-global-color);
}
.tstk-ihbox-style-3 .tstk-ihbox-contents {
    padding-left: 20px;
}
.tstk-ihbox-style-3 .tstk-element-title {
	font-size: 22px;
    line-height: 22px;
    font-weight: 100;
    margin-bottom: 0;
    color: var(--tstk-industrey-blackish-color);
}
.tstk-ihbox-style-3 .tstk-element-title a{
    color:var(--tstk-industrey-global-color);
    text-decoration-line: underline;
}
.tstk-ihbox-style-3 .tstk-ihbox-icon-type-image:before {
    position: absolute;
    content: "\e84b";
    left: -40px;
    top: 5px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    background-color: var(--tstk-industrey-blackish-bg-color);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-family: 'themestek-base-icons';
}
.tstk-ihbox-style-3:hover .tstk-ihbox-icon-wrapper{
    animation: ts-bounce 500ms ease-in-out 50ms;
}
@keyframes ts-bounce { 0% { transform: translateY(0); }40% {transform: translateY(-12px);}100% {transform: translateY(0);}}

/*===== RTL =====*/
body.rtl .tstk-ihbox-style-3{
    padding-left: 0px;
    padding-right: 40px;
}
body.rtl .tstk-ihbox-style-3 .tstk-ihbox-contents{
    padding-left: 0px;
    padding-right: 20px;
}
body.rtl .tstk-ihbox-style-3 .tstk-ihbox-icon-type-image:before{
    left: inherit;
    right: -40px;
}
body.rtl .tstk-ihbox-style-3 .tstk-element-title{
    font-size: 18px;
}