/* GI Pipes 2 page: everything below the banner. Scoped to .gi2 */
.gi2{font-family:"Montserrat","Red Hat Display",sans-serif;color:#2b2b2b;--gi2-blue:#00336C;--gi2-blue2:#1d4e8f;--gi2-orange:#C2540A;--gi2-grey:#EDEDED;--gi2-line:#C8C8C8}
.gi2 *{box-sizing:border-box}
.gi2 a{color:var(--gi2-blue)}
.gi2-wrap{width:1180px;max-width:92%;margin:0 auto}
.gi2-sec{padding:60px 0}
.gi2-sec--grey{background:var(--gi2-grey)}
.gi2-sec--tight{padding:40px 0 60px}
.gi2 p{font-size:16px;line-height:1.65;margin:0 0 14px}
.gi2-h{font-size:34px;line-height:1.2;font-weight:800;text-transform:uppercase;color:var(--gi2-blue);text-align:center;margin:0 0 14px}
.gi2-h--left{text-align:left}
.gi2-sub{text-align:center}
.gi2 h3{font-size:19px;font-weight:700;color:var(--gi2-blue);margin:0 0 10px}
.gi2 h4{font-size:17px;font-weight:700;color:var(--gi2-blue);margin:0 0 8px}

/* buttons */
.gi2-btns{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 14px}
.gi2-btn{display:inline-block;padding:13px 28px;border-radius:40px;font-size:14px;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;border:2px solid var(--gi2-orange);font-family:inherit;transition:.2s}
.gi2 .gi2-btn--solid{background:var(--gi2-orange);color:#fff}
.gi2 .gi2-btn--solid:hover{background:#a24508;border-color:#a24508}
.gi2 .gi2-btn--line{background:#fff;color:var(--gi2-blue);border-color:var(--gi2-blue)}
.gi2 .gi2-btn--line:hover{background:var(--gi2-blue);color:#fff}
.gi2-contact{font-weight:700;color:var(--gi2-blue)}
.gi2-contact a{text-decoration:none}

/* intro */
.gi2-intro{display:grid;grid-template-columns:420px 1fr;gap:48px;align-items:center}
.gi2-intro-img{margin:0;position:relative;border-radius:20px;overflow:hidden;background:var(--gi2-blue2);box-shadow:0 0 12px #0000001f}
.gi2-intro-img img{display:block;width:100%;height:340px;object-fit:cover;object-position:center}
.gi2-intro-img figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 16px 14px;font-size:11px;font-weight:700;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,51,108,.85))}
.gi2-spec{margin-top:36px;background:var(--gi2-grey);border-radius:16px;padding:22px 30px 18px}
.gi2-spec ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:44px}
.gi2-spec li{position:relative;padding:6px 0 6px 22px;font-size:15px;line-height:1.5}
.gi2-spec li:before{content:"\2713";position:absolute;left:0;top:6px;color:var(--gi2-blue);font-weight:700}

/* two col text */
.gi2-two{display:grid;grid-template-columns:1fr 1fr;gap:40px}

/* why cards */
.gi2-why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.gi2-why-card{background:var(--gi2-grey);border-radius:16px;padding:26px 22px;text-align:center}
.gi2-why-card h4{margin:16px 0 8px}
.gi2-why-card p{font-size:14px;margin:0}
.gi2-tick{display:inline-flex;width:60px;height:60px;border-radius:50%;background:var(--gi2-blue);color:#fff;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(0,51,108,.12);transition:.25s}
.gi2-why-card:hover .gi2-tick{background:var(--gi2-orange);box-shadow:0 0 0 6px rgba(194,84,10,.18);transform:translateY(-2px)}
.gi2-tick svg{display:block}

/* quote */
.gi2-quote{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}
.gi2-form{background:#fff;border:3px solid var(--gi2-blue);border-radius:16px;padding:22px 24px}
.gi2-form h3{text-transform:uppercase}
.gi2-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin-bottom:18px}
.gi2-form label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--gi2-blue)}
.gi2-form input[type=text],.gi2-form input[type=tel]{display:block;width:100%;margin-top:5px;height:38px;padding:0 10px;border:1px solid #bdbdbd;border-radius:8px;font-size:14px;font-family:inherit;background:#fff}
.gi2-form input:focus{outline:2px solid var(--gi2-blue2);border-color:var(--gi2-blue2)}
.gi2-form button{border:2px solid var(--gi2-orange)}
.gi2-hp{position:absolute!important;left:-9999px!important;height:0!important;width:0!important;opacity:0}
.gi2-note{padding:10px 14px;border-radius:8px;font-size:14px!important}
.gi2-note--ok{background:#e6f4ea;color:#1b5e20}
.gi2-note--err{background:#fdecea;color:#b71c1c}

/* table */
.gi2-tbl-cap{margin-top:20px}
.gi2-tbl-wrap{overflow-x:auto}
.gi2-tbl{width:100%;border-collapse:collapse;font-size:15px}
.gi2-tbl th,.gi2-tbl td{padding:11px 16px;text-align:left;border:1px solid #eadfc9}
.gi2-tbl th{background:#e3e3e3;border-color:#d4d4d4;font-weight:700}
.gi2-tbl td{background:#f9efdf}

/* accordions */
.gi2-acc{margin-top:22px;border-top:1px solid var(--gi2-line)}
.gi2-acc details{border-bottom:1px solid var(--gi2-line)}
.gi2-acc summary{list-style:none;cursor:pointer;padding:15px 34px 15px 0;position:relative;font-size:15px;font-weight:700;line-height:1.45}
.gi2-acc summary::-webkit-details-marker{display:none}
.gi2-acc summary:after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--gi2-blue)}
.gi2-acc details[open] summary:after{content:"\2212"}
.gi2-acc summary:hover{color:var(--gi2-blue)}
.gi2-acc-body{padding:6px 0 22px;text-align:center}
.gi2-acc-body img{max-width:100%;height:auto}
.gi2-acc-body--txt{text-align:left;padding-right:34px}
.gi2-acc-body--txt ul{padding-left:20px;margin:0 0 14px}
.gi2-acc-body--txt li{font-size:16px;line-height:1.65;margin-bottom:4px}
.gi2-faq-intro{font-style:italic}

/* buy direct */
.gi2-direct{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.gi2-links a{display:inline-block;margin-right:16px;font-size:14px}
.gi2-map{border-radius:16px;overflow:hidden;height:320px;box-shadow:0 0 12px #0000001f}
.gi2-map iframe{width:100%;height:100%;border:0;display:block}

/* closing */
.gi2-closing{background:var(--gi2-grey);padding:36px 4%;text-align:center}
.gi2-closing p{margin:0;font-size:18px}

@media (max-width:991px){
  .gi2-sec{padding:44px 0}
  .gi2-h{font-size:28px}
  .gi2-intro,.gi2-two,.gi2-quote,.gi2-direct{grid-template-columns:1fr;gap:26px}
  .gi2-intro-img{max-width:460px}
  .gi2-intro-img img{height:300px}
  .gi2-why{grid-template-columns:1fr 1fr}
  .gi2-spec ul{grid-template-columns:1fr}
}
@media (max-width:575px){
  .gi2-h{font-size:24px}
  .gi2-why,.gi2-form-grid{grid-template-columns:1fr}
  .gi2-spec{padding:18px}
  .gi2-btn{padding:12px 22px}
  .gi2-acc-body--txt{padding-right:0}
  .gi2-map{height:260px}
}

/* ERW Steel Tubes 2 additions */
.gi2-fine{font-size:13px!important;color:#555}
.gi2-steps{list-style:none;padding:0;margin:22px 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;counter-reset:none}
.gi2-steps li{background:#fff;border-radius:12px;padding:14px 16px;font-size:15px;font-weight:700;color:var(--gi2-blue)}
.gi2-steps li span{margin-right:4px}
.gi2-tbl--cmp td:first-child{font-weight:600}
.gi2-acc-body--txt .gi2-tbl{margin:6px 0 16px;max-width:520px}
@media (max-width:575px){.gi2-steps{grid-template-columns:1fr}}

/* Hot Rolled Coils 2 / Cycle & Rickshaw Rims 2 additions */
.gi2-tbl--3 td:first-child{font-weight:600}
.gi2-who{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}
.gi2-who-card{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 0 12px #0000001f}
.gi2-who-head{background:linear-gradient(135deg,var(--gi2-blue),var(--gi2-blue2));color:#fff;padding:26px 22px 14px;font-size:19px;font-weight:700}
.gi2-who-body{padding:20px 22px 24px}
.gi2-who-body h4{margin:0 0 10px}
.gi2-who-body ul{margin:0;padding-left:20px}
.gi2-who-body li{font-size:15px;line-height:1.6;margin-bottom:4px}
@media (max-width:991px){.gi2-who{grid-template-columns:1fr}}