<style>

/* ======================================================
MPS STEEL STRUCTURE
PREMIUM CORPORATE RESPONSIVE UI
DESKTOP • LAPTOP • TABLET • MOBILE
====================================================== */

/* ======================================================
ROOT
====================================================== */

:root{

    --primary:#071c3c;
    --secondary:#0052cc;
    --accent:#0a66ff;

    --text:#64748b;
    --white:#ffffff;

    --bg:#f8fbff;

    --shadow:
    0 14px 35px rgba(15,23,42,.05);
}

/* ======================================================
GLOBAL
====================================================== */

.steel-hero,
.steel-services,
.why-steel,
.steel-cta{

    position:relative;

    overflow:hidden;
}

img{

    width:100%;

    display:block;

    object-fit:cover;
}

a{

    text-decoration:none;

    transition:.35s ease;
}

ul{

    list-style:none;
}

/* ======================================================
SECTION TITLE
====================================================== */

.section-title{

    text-align:center;

    max-width:760px;

    margin:0 auto 55px;
}

.section-title span{

    display:inline-block;

    color:#0052cc;

    font-size:11px;
    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:14px;
}

.section-title h2{

    font-size:42px;

    line-height:1.3;

    font-weight:800;

    color:#071c3c;

    margin-bottom:16px;
}

.section-title p{

    font-size:14px;

    line-height:1.9;

    color:#64748b;
}

/* ======================================================
HERO
====================================================== */

.steel-hero{

    padding:150px 0 110px;

    background:
    url('../../images/steel-banner.jpg');

    background-size:cover;
    background-position:center;
}

/* OVERLAY */

.hero-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        135deg,
        rgba(7,28,60,.94),
        rgba(7,28,60,.88)
    );
}

/* GRID */

.steel-hero-grid{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
    1.05fr .95fr;

    gap:55px;

    align-items:center;
}

/* ======================================================
LEFT CONTENT
====================================================== */

.steel-content{

    color:#ffffff;
}

.hero-mini{

    display:inline-block;

    padding:8px 16px;

    border-radius:40px;

    background:
    rgba(255,255,255,.08);

    color:#7ec3ff;

    font-size:10px;
    font-weight:700;

    letter-spacing:2px;

    margin-bottom:22px;
}

.steel-content h1{

    font-size:58px;

    line-height:1.1;

    font-weight:800;

    margin-bottom:24px;

    max-width:700px;
}

.steel-content p{

    font-size:15px;

    line-height:1.9;

    color:#dbeafe;

    max-width:620px;

    margin-bottom:30px;
}

/* ======================================================
FEATURES
====================================================== */

.hero-features{

    margin-bottom:30px;
}

.hero-feature{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:14px;
}

.hero-feature i{

    width:22px;
    height:22px;

    border-radius:50%;

    background:#0052cc;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:9px;

    color:#ffffff;
}

.hero-feature span{

    font-size:13px;

    color:#ffffff;
}

/* ======================================================
BUTTONS
====================================================== */

.hero-btns{

    display:flex;

    gap:14px;

    flex-wrap:wrap;
}

.btn-main{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:13px 24px;

    border-radius:10px;

    background:
    linear-gradient(
        135deg,
        #0052cc,
        #0a66ff
    );

    color:#ffffff;

    font-size:13px;
    font-weight:700;

    box-shadow:
    0 12px 30px rgba(0,82,204,.18);
}

.btn-main:hover{

    transform:translateY(-3px);
}

.btn-outline{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:12px 24px;

    border-radius:10px;

    border:
    1.5px solid rgba(255,255,255,.16);

    color:#ffffff;

    font-size:13px;
    font-weight:700;
}

.btn-outline:hover{

    background:#ffffff;

    color:#071c3c;
}

/* ======================================================
RIGHT CARD
====================================================== */

.steel-card{

    background:
    rgba(255,255,255,.08);

    backdrop-filter:blur(10px);

    border:
    1px solid rgba(255,255,255,.08);

    border-radius:22px;

    padding:32px;

    color:#ffffff;

    box-shadow:
    0 18px 45px rgba(0,0,0,.15);
}

.steel-icon{

    width:68px;
    height:68px;

    border-radius:18px;

    background:
    linear-gradient(
        135deg,
        #0052cc,
        #0a66ff
    );

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:22px;
}

.steel-icon i{

    font-size:24px;

    color:#ffffff;
}

.steel-card h3{

    font-size:28px;

    line-height:1.35;

    margin-bottom:14px;

    font-weight:800;
}

.steel-card p{

    font-size:13px;

    line-height:1.85;

    color:#dbeafe;

    margin-bottom:20px;
}

.steel-card ul li{

    position:relative;

    padding-left:22px;

    margin-bottom:10px;

    font-size:12px;
}

.steel-card ul li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#7ec3ff;

    font-weight:700;
}

/* ======================================================
SERVICES
====================================================== */

.steel-services{

    padding:95px 0;

    background:
    linear-gradient(
        180deg,
        #f8fbff 0%,
        #ffffff 100%
    );
}

/* GRID */

.steel-grid{

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:18px;
}

/* ======================================================
CARD
====================================================== */

.steel-card-box{

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

    border:
    1px solid rgba(0,82,204,.05);

    box-shadow:var(--shadow);

    transition:.32s ease;
}

.steel-card-box:hover{

    transform:translateY(-5px);

    box-shadow:
    0 18px 42px rgba(15,23,42,.07);
}

/* IMAGE */

.steel-image{

    position:relative;

    overflow:hidden;
}

.steel-image img{

    height:190px;

    transition:.4s ease;
}

.steel-card-box:hover img{

    transform:scale(1.04);
}

/* CONTENT */

.steel-box-content{

    padding:20px 18px 18px;
}

/* ICON */

.steel-service-icon{

    width:50px;
    height:50px;

    border-radius:14px;

    background:
    linear-gradient(
        135deg,
        #0052cc,
        #0a66ff
    );

    display:flex;
    align-items:center;
    justify-content:center;

    color:#ffffff;

    font-size:18px;

    margin-top:-42px;

    position:relative;

    z-index:2;

    box-shadow:
    0 10px 24px rgba(0,82,204,.16);
}

/* TITLE */

.steel-box-content h3{

    font-size:17px;

    line-height:1.4;

    margin:14px 0 10px;

    font-weight:700;

    color:#071c3c;
}

/* TEXT */

.steel-box-content p{

    font-size:12px;

    line-height:1.75;

    color:#64748b;

    margin-bottom:14px;
}

/* LIST */

.steel-box-content ul{

    margin-bottom:16px;
}

.steel-box-content ul li{

    position:relative;

    padding-left:16px;

    margin-bottom:7px;

    font-size:11px;

    color:#334155;
}

.steel-box-content ul li::before{

    content:"◆";

    position:absolute;

    left:0;

    top:1px;

    color:#38bdf8;

    font-size:7px;
}

/* BUTTON */

.steel-btn{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    width:100%;

    padding:10px 14px;

    border-radius:8px;

    background:
    linear-gradient(
        135deg,
        #071c3c,
        #0b2d5f
    );

    color:#ffffff;

    font-size:11px;
    font-weight:600;
}

.steel-btn:hover{

    background:
    linear-gradient(
        135deg,
        #0052cc,
        #0a66ff
    );
}

/* ======================================================
LAPTOP
====================================================== */

@media(max-width:1200px){

.steel-grid{

    grid-template-columns:
    repeat(3,1fr);
}

.steel-content h1{

    font-size:50px;
}

}

/* ======================================================
TABLET
====================================================== */

@media(max-width:992px){

.steel-hero-grid{

    grid-template-columns:1fr;

    gap:40px;
}

.steel-grid{

    grid-template-columns:
    repeat(2,1fr);

    gap:16px;
}

.steel-content h1{

    font-size:42px;
}

.section-title h2{

    font-size:34px;
}

.steel-card{

    max-width:650px;
}

}

/* ======================================================
MOBILE
====================================================== */

@media(max-width:768px){

.steel-hero,
.steel-services{

    padding:75px 0;
}

.steel-content h1{

    font-size:32px;

    line-height:1.25;
}

.steel-content p{

    font-size:13px;

    line-height:1.8;
}

.hero-btns{

    flex-direction:column;
}

.btn-main,
.btn-outline{

    width:100%;
}

.steel-card{

    padding:24px 20px;

    border-radius:18px;
}

.steel-card h3{

    font-size:21px;
}

.steel-grid{

    grid-template-columns:
    repeat(2,1fr);

    gap:12px;
}

.steel-card-box{

    border-radius:16px;
}

.steel-image img{

    height:145px;
}

.steel-box-content{

    padding:16px 12px 14px;
}

.steel-service-icon{

    width:42px;
    height:42px;

    font-size:15px;

    border-radius:12px;

    margin-top:-36px;
}

.steel-box-content h3{

    font-size:14px;

    margin:12px 0 8px;
}

.steel-box-content p{

    font-size:10px;

    line-height:1.65;

    margin-bottom:10px;
}

.steel-box-content ul{

    margin-bottom:12px;
}

.steel-box-content ul li{

    font-size:9px;

    margin-bottom:5px;
}

.steel-btn{

    font-size:10px;

    padding:8px 10px;
}

}

/* ======================================================
SMALL MOBILE
====================================================== */

@media(max-width:480px){

.steel-content h1{

    font-size:26px;
}

.section-title h2{

    font-size:24px;
}

.steel-grid{

    gap:10px;
}

.steel-image img{

    height:130px;
}

.steel-box-content{

    padding:14px 10px 12px;
}

.steel-box-content h3{

    font-size:12px;
}

.steel-box-content p{

    font-size:9px;
}

.steel-box-content ul li{

    font-size:8px;
}

.steel-btn{

    font-size:9px;

    padding:7px 8px;
}

}


/* ======================================================
STEEL STRENGTH SECTION
====================================================== */

.steel-strength{

    padding:90px 0;

    background:
    linear-gradient(
        180deg,
        #f8fbff 0%,
        #ffffff 100%
    );
}

/* GRID */

.strength-grid{

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:18px;
}

/* CARD */

.strength-card{

    background:#ffffff;

    padding:28px 22px;

    border-radius:18px;

    border:
    1px solid rgba(0,82,204,.06);

    box-shadow:
    0 10px 28px rgba(15,23,42,.04);

    transition:.35s ease;

    position:relative;

    overflow:hidden;
}

.strength-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:4px;

    background:
    linear-gradient(
        90deg,
        #0052cc,
        #0a66ff
    );
}

.strength-card:hover{

    transform:translateY(-6px);

    box-shadow:
    0 18px 42px rgba(15,23,42,.07);
}

/* ICON */

.strength-icon{

    width:52px;
    height:52px;

    border-radius:14px;

    background:
    linear-gradient(
        135deg,
        #0052cc,
        #0a66ff
    );

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:18px;
}

.strength-icon i{

    color:#ffffff;

    font-size:18px;
}

/* TITLE */

.strength-card h3{

    font-size:19px;

    line-height:1.45;

    color:#071c39;

    margin-bottom:12px;

    font-weight:700;
}

/* TEXT */

.strength-card p{

    font-size:12px;

    line-height:1.85;

    color:#64748b;
}

/* ======================================================
EXPERIENCE SECTION
====================================================== */

.steel-experience{

    padding:95px 0;

    background:#071c39;
}

/* WRAPPER */

.experience-wrapper{

    display:grid;

    grid-template-columns:
    1.2fr .8fr;

    gap:30px;

    align-items:center;
}

/* CONTENT */

.experience-content span{

    display:inline-block;

    color:#60a5fa;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:14px;
}

.experience-content h2{

    font-size:42px;

    line-height:1.2;

    color:#ffffff;

    margin-bottom:18px;

    font-weight:800;
}

.experience-content p{

    color:#cbd5e1;

    font-size:14px;

    line-height:1.9;

    margin-bottom:26px;
}

/* LIST */

.experience-list{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:14px;
}

.experience-item{

    display:flex;

    align-items:center;

    gap:10px;

    background:
    rgba(255,255,255,.05);

    padding:14px 16px;

    border-radius:14px;

    border:
    1px solid rgba(255,255,255,.06);
}

.experience-item i{

    width:26px;
    height:26px;

    border-radius:50%;

    background:#0a66ff;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#ffffff;

    font-size:10px;
}

.experience-item span{

    margin:0;

    font-size:12px;

    color:#ffffff;

    letter-spacing:0;
}

/* RIGHT BOX */

.experience-box{

    display:grid;

    gap:18px;
}

/* MINI CARD */

.experience-mini-card{

    background:
    rgba(255,255,255,.05);

    padding:28px 24px;

    border-radius:18px;

    border:
    1px solid rgba(255,255,255,.08);
}

.experience-mini-card h3{

    font-size:34px;

    color:#ffffff;

    margin-bottom:10px;

    font-weight:800;
}

.experience-mini-card p{

    font-size:12px;

    line-height:1.8;

    color:#cbd5e1;
}

/* ======================================================
LAPTOP
====================================================== */

@media(max-width:1200px){

.strength-grid{

    grid-template-columns:
    repeat(2,1fr);
}

}

/* ======================================================
TABLET
====================================================== */

@media(max-width:992px){

.experience-wrapper{

    grid-template-columns:1fr;
}

.experience-content h2{

    font-size:34px;
}

}

/* ======================================================
MOBILE
====================================================== */

@media(max-width:768px){

.steel-strength,
.steel-experience{

    padding:70px 0;
}

/* GRID */

.strength-grid{

    grid-template-columns:
    repeat(2,1fr);

    gap:12px;
}

/* CARD */

.strength-card{

    padding:18px 14px;

    border-radius:15px;
}

.strength-icon{

    width:42px;
    height:42px;

    border-radius:12px;

    margin-bottom:14px;
}

.strength-icon i{

    font-size:14px;
}

.strength-card h3{

    font-size:14px;

    margin-bottom:8px;
}

.strength-card p{

    font-size:10px;

    line-height:1.7;
}

/* EXPERIENCE */

.experience-content h2{

    font-size:28px;
}

.experience-content p{

    font-size:12px;
}

.experience-list{

    grid-template-columns:1fr;

    gap:10px;
}

.experience-item{

    padding:12px 14px;
}

.experience-item span{

    font-size:10px;
}

.experience-mini-card{

    padding:20px 16px;

    border-radius:14px;
}

.experience-mini-card h3{

    font-size:24px;
}

.experience-mini-card p{

    font-size:10px;
}

}

/* ======================================================
SMALL MOBILE
====================================================== */

@media(max-width:480px){

.strength-grid{

    gap:10px;
}

.strength-card{

    padding:16px 12px;
}

.strength-card h3{

    font-size:12px;
}

.strength-card p{

    font-size:9px;
}

.experience-content h2{

    font-size:24px;
}

}

/* ======================================================
PROJECT PROCESS
====================================================== */

.steel-process{

    padding:95px 0;

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #f8fbff 100%
    );
}

/* GRID */

.process-grid{

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:18px;
}

/* CARD */

.process-card{

    background:#ffffff;

    padding:30px 24px;

    border-radius:18px;

    border:
    1px solid rgba(0,82,204,.06);

    box-shadow:
    0 10px 28px rgba(15,23,42,.04);

    position:relative;

    transition:.35s ease;
}

.process-card:hover{

    transform:translateY(-6px);

    box-shadow:
    0 18px 40px rgba(15,23,42,.07);
}

/* NUMBER */

.process-number{

    position:absolute;

    top:18px;
    right:18px;

    font-size:34px;

    font-weight:800;

    color:rgba(0,82,204,.08);
}

/* ICON */

.process-icon{

    width:54px;
    height:54px;

    border-radius:15px;

    background:
    linear-gradient(
        135deg,
        #0052cc,
        #0a66ff
    );

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:18px;
}

.process-icon i{

    color:#ffffff;

    font-size:18px;
}

/* TITLE */

.process-card h3{

    font-size:19px;

    line-height:1.45;

    color:#071c39;

    margin-bottom:12px;

    font-weight:700;
}

/* TEXT */

.process-card p{

    font-size:12px;

    line-height:1.85;

    color:#64748b;
}

/* ======================================================
INDUSTRIES
====================================================== */

.steel-industries{

    padding:95px 0;

    background:#071c39;
}

/* GRID */

.industry-grid{

    display:grid;

    grid-template-columns:
    repeat(6,1fr);

    gap:16px;
}

/* CARD */

.industry-card{

    background:
    rgba(255,255,255,.05);

    border:
    1px solid rgba(255,255,255,.06);

    border-radius:18px;

    padding:26px 18px;

    text-align:center;

    transition:.35s ease;
}

.industry-card:hover{

    transform:translateY(-5px);

    background:
    rgba(255,255,255,.08);
}

/* ICON */

.industry-icon{

    width:52px;
    height:52px;

    border-radius:14px;

    margin:0 auto 16px;

    background:
    linear-gradient(
        135deg,
        #0052cc,
        #0a66ff
    );

    display:flex;
    align-items:center;
    justify-content:center;
}

.industry-icon i{

    color:#ffffff;

    font-size:18px;
}

/* TITLE */

.industry-card h3{

    font-size:14px;

    line-height:1.6;

    color:#ffffff;

    font-weight:600;
}

/* ======================================================
LAPTOP
====================================================== */

@media(max-width:1200px){

.process-grid{

    grid-template-columns:
    repeat(2,1fr);
}

.industry-grid{

    grid-template-columns:
    repeat(3,1fr);
}

}

/* ======================================================
TABLET
====================================================== */

@media(max-width:992px){

.steel-process,
.steel-industries{

    padding:80px 0;
}

}

/* ======================================================
MOBILE
====================================================== */

@media(max-width:768px){

.process-grid{

    grid-template-columns:
    repeat(2,1fr);

    gap:12px;
}

.industry-grid{

    grid-template-columns:
    repeat(2,1fr);

    gap:12px;
}

/* CARD */

.process-card{

    padding:20px 16px;

    border-radius:15px;
}

.process-number{

    font-size:24px;

    top:12px;
    right:14px;
}

.process-icon{

    width:42px;
    height:42px;

    border-radius:12px;

    margin-bottom:14px;
}

.process-icon i{

    font-size:14px;
}

.process-card h3{

    font-size:14px;

    margin-bottom:8px;
}

.process-card p{

    font-size:10px;

    line-height:1.7;
}

/* INDUSTRY */

.industry-card{

    padding:18px 12px;

    border-radius:15px;
}

.industry-icon{

    width:42px;
    height:42px;

    border-radius:12px;

    margin-bottom:12px;
}

.industry-icon i{

    font-size:14px;
}

.industry-card h3{

    font-size:11px;
}

}

/* ======================================================
SMALL MOBILE
====================================================== */

@media(max-width:480px){

.process-grid,
.industry-grid{

    gap:10px;
}

.process-card{

    padding:16px 12px;
}

.process-card h3{

    font-size:12px;
}

.process-card p{

    font-size:9px;
}

.industry-card h3{

    font-size:10px;
}

}



/* ======================================================
TRUST & CLIENT SATISFACTION
PREMIUM CONTRACTOR UI
====================================================== */

.steel-trust{

    padding:100px 0;

    background:
    linear-gradient(
        180deg,
        #ffffff 0%,
        #f8fbff 100%
    );

    position:relative;

    overflow:hidden;
}

/* WRAPPER */

.trust-wrapper{

    display:grid;

    grid-template-columns:
    1fr 1fr;

    gap:28px;

    align-items:center;
}

/* ======================================================
LEFT CONTENT
====================================================== */

.trust-content span{

    display:inline-block;

    color:#0052cc;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:16px;
}

.trust-content h2{

    font-size:44px;

    line-height:1.2;

    color:#071c39;

    margin-bottom:20px;

    font-weight:800;
}

.trust-content p{

    font-size:14px;

    line-height:1.9;

    color:#64748b;

    margin-bottom:28px;
}

/* LIST */

.trust-list{

    display:grid;

    gap:14px;
}

.trust-item{

    display:flex;

    align-items:center;

    gap:12px;

    background:#ffffff;

    padding:14px 18px;

    border-radius:14px;

    border:
    1px solid rgba(0,82,204,.05);

    box-shadow:
    0 10px 24px rgba(15,23,42,.04);
}

.trust-item i{

    width:28px;
    height:28px;

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #0052cc,
        #0a66ff
    );

    display:flex;
    align-items:center;
    justify-content:center;

    color:#ffffff;

    font-size:10px;
}

.trust-item span{

    margin:0;

    color:#071c39;

    font-size:13px;

    font-weight:600;

    letter-spacing:0;
}

/* ======================================================
RIGHT SIDE
====================================================== */

.trust-cards{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:18px;
}

/* CARD */

.trust-card{

    background:#ffffff;

    padding:28px 22px;

    border-radius:18px;

    border:
    1px solid rgba(0,82,204,.06);

    box-shadow:
    0 10px 30px rgba(15,23,42,.04);

    transition:.35s ease;
}

.trust-card:hover{

    transform:translateY(-6px);

    box-shadow:
    0 18px 42px rgba(15,23,42,.07);
}

/* ICON */

.trust-icon{

    width:54px;
    height:54px;

    border-radius:15px;

    background:
    linear-gradient(
        135deg,
        #0052cc,
        #0a66ff
    );

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:18px;
}

.trust-icon i{

    color:#ffffff;

    font-size:18px;
}

/* TITLE */

.trust-card h3{

    font-size:19px;

    line-height:1.45;

    color:#071c39;

    margin-bottom:12px;

    font-weight:700;
}

/* TEXT */

.trust-card p{

    font-size:12px;

    line-height:1.85;

    color:#64748b;
}

/* ======================================================
LAPTOP
====================================================== */

@media(max-width:1200px){

.trust-content h2{

    font-size:38px;
}

}

/* ======================================================
TABLET
====================================================== */

@media(max-width:992px){

.steel-trust{

    padding:80px 0;
}

.trust-wrapper{

    grid-template-columns:1fr;

    gap:30px;
}

}

/* ======================================================
MOBILE
====================================================== */

@media(max-width:768px){

.steel-trust{

    padding:65px 0;
}

.trust-content h2{

    font-size:28px;
}

.trust-content p{

    font-size:12px;
}

.trust-list{

    gap:10px;
}

.trust-item{

    padding:12px 14px;

    border-radius:12px;
}

.trust-item span{

    font-size:10px;
}

.trust-item i{

    width:24px;
    height:24px;

    font-size:9px;
}

/* CARDS */

.trust-cards{

    gap:12px;
}

.trust-card{

    padding:18px 14px;

    border-radius:15px;
}

.trust-icon{

    width:42px;
    height:42px;

    border-radius:12px;

    margin-bottom:14px;
}

.trust-icon i{

    font-size:14px;
}

.trust-card h3{

    font-size:14px;

    margin-bottom:8px;
}

.trust-card p{

    font-size:10px;

    line-height:1.7;
}

}

/* ======================================================
SMALL MOBILE
====================================================== */

@media(max-width:480px){

.trust-cards{

    grid-template-columns:
    repeat(2,1fr);

    gap:10px;
}

.trust-card{

    padding:16px 12px;
}

.trust-card h3{

    font-size:12px;
}

.trust-card p{

    font-size:9px;
}

}
/* ======================================================
INDUSTRIES TITLE FIX
====================================================== */

.steel-industries .section-title{

    text-align:center;

    max-width:900px;

    margin:auto auto 60px;
}

.steel-industries .section-title span{

    display:block;

    color:#0a66ff;

    font-size:12px;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:18px;

    text-transform:uppercase;
}

.steel-industries .section-title h2{

    font-size:52px;

    line-height:1.2;

    color:#ffffff;

    font-weight:800;

    margin-bottom:20px;

    background:none !important;

    display:block;

    padding:0;

    box-shadow:none;
}

.steel-industries .section-title p{

    max-width:760px;

    margin:auto;

    color:#cbd5e1;

    font-size:15px;

    line-height:1.9;
}

/* ======================================================
TABLET
====================================================== */

@media(max-width:992px){

.steel-industries .section-title h2{

    font-size:40px;
}

}

/* ======================================================
MOBILE
====================================================== */

@media(max-width:768px){

.steel-industries .section-title{

    margin-bottom:40px;
}

.steel-industries .section-title h2{

    font-size:28px;

    line-height:1.35;
}

.steel-industries .section-title p{

    font-size:12px;
}

}

</style>