.stm-system-wrap{
position:relative;
width:100%;
min-height:650px;
background-size:cover;
background-position:center;
overflow:hidden;
padding:100px 0;
}
.stm-item-content {
    width: 260px;
    flex: 230px;
    color: #333;
}

.stm-center-img{
width:220px;
height:auto;
}
/* MAIN ITEM */
.stm-item{
    position:absolute;
    width:342px;
    padding:3px;
}
.stm-system-wrap{
background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}
/* ROW */
.stm-item-row{
    display:flex;
    align-items:center;
    gap:10px;    
}
.stm-left .stm-item-row{
    flex-direction:row-reverse;
}
/* IMAGE */
.stm-item-image{
    flex-shrink:0;
}

.stm-item-img{
    width:85px;
    height:auto;
    display:block;
    object-fit:contain;
}

/* CONTENT */
.stm-item-content{
    flex:1;
}
.stm-item-inputpost{
    display: flex;
    gap: 10px;
}

/* TITLE */
.stm-item-content h3{
    font-size:26px;
    font-weight:700;
    line-height:1;
    color:#000;
    margin:0 0 15px; text-align: right;
    text-transform:uppercase;
}
.stm-item.stm-right .stm-item-content h3, 
.stm-right .stm-item-content p{text-align: left;}
/* DESCRIPTION */
.stm-item-content p{
    font-size:18px;
    line-height:1.4;
    color:#111;text-align: right;
    margin:0;
    font-weight:400;
}
.stm-item-img{
    transition:transform 0.3s ease;
}

/* HOVER */
.stm-item:hover .stm-item-img{
    transform:scale(1.08);
}
/* MOBILE */
@media(max-width:767px){

    .stm-item{
        width:100%;
        padding:20px;
    }

    .stm-item-row{
        flex-direction:column;
        text-align:center;
    }

    .stm-item-img{
        width:110px;
    }

    .stm-item-content h3{
        font-size:32px;
    }

    .stm-item-content p{
        font-size:18px;
    }
}

@media(max-width:768px){

.stm-system-wrap{
    min-height:auto;
    padding:50px 20px;
}

/* .stm-center-circle{

    position:relative;

    top:auto;
    left:auto;

    transform:none;

    margin:0 auto 50px;

    width:250px;
    height:250px;
} */

.stm-center-img{
    width:140px;
}
.stm-item-imgmain {
    display: flex;
}
.stm-item{

    position:relative !important;

    top:auto !important;
    left:auto !important;

    margin:40px auto;
}

}
