.elementor-1876 .elementor-element.elementor-element-6a8a7fa{--display:flex;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1876 .elementor-element.elementor-element-558f21a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-e3d2696 */.steel-products{

display:flex;

flex-direction:column;

gap:35px;

max-width:1100px;

margin:auto;

}



.steel-product-card{

display:flex;

align-items:center;

gap:45px;

background:#fff;

padding:30px;

border-radius:30px;

box-shadow:
0 15px 45px rgba(35,59,99,.12);

border:1px solid #edf1f7;

transition:.4s ease;

}



.steel-product-card:hover{

transform:translateY(-8px);

box-shadow:
0 25px 60px rgba(35,59,99,.22);

}



/* تصویر سمت راست */

.steel-product-image{

order:2;

width:320px;

height:240px;

background:
linear-gradient(135deg,#f5f8fc,#fff);

border-radius:25px;

display:flex;

align-items:center;

justify-content:center;

overflow:hidden;

}



.steel-product-image img{

width:90%;

height:90%;

object-fit:contain;

transition:.5s;

}



.steel-product-card:hover img{

transform:scale(1.1);

}



/* متن سمت چپ */

.steel-product-content{

flex:1;

text-align:right;

}



.steel-product-content h2{

font-size:30px;

color:#233B63;

}



.steel-product-content p{

color:#666;

line-height:2;

font-size:16px;

}



.steel-product-content a{

display:inline-block;

margin-top:20px;

background:#233B63;

color:#fff;

padding:12px 30px;

border-radius:12px;

text-decoration:none;

}
.steel-product-content{
    display:flex;
    flex-direction:column;
}

.steel-product-content a{
    margin-top:auto;
    margin-right:auto;
    margin-left:0;
}
/*==========================
      Mobile Responsive
==========================*/

@media (max-width:768px){

.steel-product-card{
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:20px;
}

.steel-product-image{
    width:100%;
    margin-bottom:18px;
}

.steel-product-image img{
    width:100%;
    max-width:320px;
    height:auto;
    display:block;
    margin:auto;
    border-radius:12px;
}

.steel-product-content{
    width:100%;
}

.steel-product-content h2{
    font-size:22px;
    margin-bottom:12px;
}

.steel-product-content p{
    text-align:justify !important;
    font-size:15px;
    line-height:2;
}

.steel-product-content a{
    display:inline-block;
    margin-top:18px;
    width:100%;
    max-width:220px;
    text-align:center;
}

}/* End custom CSS */