/*==============================
STAINLESS STEEL CATEGORY
===============================*/

.steel-category-section{

    width:95%;
    max-width:1350px;
    margin:60px auto;

    display:flex;
    gap:40px;

    align-items:flex-start;
}

/*==============================
LEFT BANNER
===============================*/

.steel-banner{

    width:70%;
    position:relative;

    overflow:hidden;

    border-radius:6px;
}

.steel-banner img{

    width:100%;
    display:block;
}

/* Overlay */

.banner-overlay{

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;
}

.banner-logo{

    position:absolute;

    top:35px;
    left:45px;

    width:220px !important;
}

.banner-overlay h2{

    position:absolute;

    left:45px;
    bottom:145px;

    color:#fff;

    font-size:52px;

    font-weight:600;

    line-height:1.15;
}

.banner-overlay p{

    position:absolute;

    left:45px;
    bottom:35px;

    color:#ffffff;

    font-size:22px;

    font-weight:500;
}

/*==============================
RIGHT CATEGORY
===============================*/

.steel-category{

    width:32%;
}

.steel-category h2{

    font-size:52px;

    color:#0b1d42;

    margin-bottom:35px;

    font-weight:700;
}

.steel-category ul{

    margin:0;
    padding:0;

    list-style:none;
}

.steel-category li{

    margin-bottom:22px;
}

.steel-category li a{

    text-decoration:none;

    color:#666;

    font-size:31px;

    transition:.3s;
}

.steel-category li a::before{

    content:"›";

    color:#142e60;

    font-size:34px;

    font-weight:bold;

    margin-right:15px;
}

.steel-category li a:hover{

    color:#9fbdea;

    padding-left:8px;
}


/*==============================
PRODUCT ASPECTS
==============================*/

.product-aspects{

    /* width:78%;          Left side hi rahega */
    max-width:1150px;

    margin:60px 0;

}

/* Main Heading */

.product-aspects h2{

    font-size:40px;
    color:#061f4b;
    font-weight:700;

    margin-bottom:45px;

}

/* Sub Heading */

.section-heading{

    display:flex;
    align-items:center;

    gap:15px;

    margin-bottom:30px;
}

.section-heading span{

    width:90px;
    height:3px;

    background:#1b3978;
}

.section-heading h3{

    font-size:30px;
    color:#061f4b;
    font-weight:600;
}

/*==============================
TABLE
==============================*/

.aspect-table{

    width:100%;

    border-collapse:collapse;

    border-left:3px solid #3a50a0;
    border-right:3px solid  #3a50a0;

    background:#fff;
}

.aspect-table th,
.aspect-table td{

    padding:19px 40px;

    border:1px solid #ececec;

    font-size:22px;

    text-align:left;

    vertical-align:top;
}

.aspect-table th{

    width:260px;

    color:#444;

    font-weight:600;

    background:#fcfcfc;
}

.aspect-table td{

    color:#222;
}

/* Hover */

.aspect-table tr:hover{

    background:#fafafa;
}

/* Bottom Text */

.price-note{

    margin-top:20px;

    font-size:22px;
}

.price-note a{

    color:#3d4168;

    text-decoration:none;

    font-weight:600;
}

.price-note a:hover{

    text-decoration:underline;
}

/*==============================
RESPONSIVE
==============================*/

@media(max-width:991px){

.product-aspects{

    width:100%;
}

.product-aspects h2{

    font-size:38px;
}

.section-heading h3{

    font-size:26px;
}

.aspect-table th,
.aspect-table td{

    font-size:18px;
    padding:15px;
}

}

@media(max-width:768px){

.aspect-table{

    display:block;
    overflow-x:auto;
}

.product-aspects h2{

    font-size:30px;
}

.section-heading h3{

    font-size:22px;
}

}

/*=========================
PRODUCT CIRCLE SECTION
=========================*/

.product-circle-section{

    width:95%;
    max-width:1300px;

    margin:50px auto;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    gap:40px;
}

/* Card */

.circle-product{

    width:33%;

    text-align:center;
}

/* Circle */

.circle-image{

    width:300px;
    height:300px;

    margin:auto;

    border-radius:50%;

    padding:12px;

    background:#fff;

    border:4px solid #195983ad;

    overflow:hidden;

    transition:.4s;
}

.circle-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:50%;
}

/* Hover */

.circle-product:hover .circle-image{

    transform:translateY(-8px);

    box-shadow:0 12px 30px rgba(0,0,0,.18);
}

/* Heading */

.circle-product h3{

    margin-top:25px;

    font-size:30px;

    color:#0b1d42;

    line-height:1.4;

    font-weight:600;
}

/* Responsive */

@media(max-width:992px){

.product-circle-section{

    flex-wrap:wrap;

    justify-content:center;
}

.circle-product{

    width:45%;
}

}

@media(max-width:768px){

.product-circle-section{

    flex-direction:column;
}

.circle-product{

    width:100%;
}

.circle-image{

    width:260px;
    height:260px;
}

.circle-product h3{

    font-size:22px;
}

}

/*==================================
TABLE OF CONTENT
==================================*/

.toc-section{

    width:95%;
    max-width:1300px;

    margin:60px auto;
}

.toc-box{

    border:3px solid #04375e;

    border-radius:15px;

    padding:45px 60px;

    background:#fff;
}

/* Heading */

.toc-box h2{

    color:#0f2850;

    font-size:38px;

    font-weight:700;

    margin-bottom:35px;
}

/* List */

.toc-box ul{

    margin:0;
    padding:0;

    list-style:none;
}

.toc-box ul li{

    margin-bottom:24px;

    display:flex;

    align-items:center;
}

.toc-box ul li::before{

    content:"";

    width:16px;

    height:16px;

    background:#0f5781;

    margin-right:18px;

    flex-shrink:0;
}

/* Links */

.toc-box ul li a{

    color:#222;

    text-decoration:none;

    font-size:28px;

    transition:.3s;
}

.toc-box ul li a:hover{

    color:#052696;

    padding-left:8px;
}


/*==================================
FEATURE SECTION
===================================*/

.bolt-features{

    width:95%;
    max-width:1300px;

    margin:70px auto;
}

/* Intro */

.feature-intro{

    font-size:22px;

    color:#333;

    line-height:1.8;

    margin-bottom:40px;
}

/* Grid */

.feature-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;
}

/* Card */

.feature-card{

    position:relative;

    padding:60px 30px 30px;

    border:1px solid #d9d9d9;

    border-radius:8px;

    background:#fff;

    transition:.3s;
}

.feature-card.active{

    border:2px solid #1d4e97;
}

/* Hover */

.feature-card:hover{

    transform:translateY(-6px);

    box-shadow:0 12px 30px rgba(0,0,0,.12);

    border-color:#1f4185;
}

/* Icon */

.feature-icon{

    width:72px;

    height:72px;

    border:3px solid #103873;

    border-radius:50%;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:-95px auto 25px;
}

.feature-icon img{

    width:40px;
}

/* Heading */

.feature-card h3{

    text-align:center;

    color:#061f4b;

    font-size:30px;

    line-height:1.5;

    margin-bottom:20px;
}

/* List */

.feature-card ul{

    padding-left:22px;

    margin:0;
}

.feature-card li{

    font-size:22px;

    margin-bottom:15px;

    line-height:1.7;

    color:#333;
}

/* Responsive */

@media(max-width:992px){

.feature-grid{

    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.feature-grid{

    grid-template-columns:1fr;
}

.feature-card h3{

    font-size:24px;
}

.feature-card li{

    font-size:18px;
}

}


/*==============================
SIZE CHART
==============================*/

.size-chart-section{

    width:95%;
    max-width:1300px;

    margin:60px auto;
}

.size-chart-section h2{

    font-size:46px;

    color:#061f4b;

    line-height:1.4;

    margin-bottom:35px;
}

.section-title{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:25px;
}

.section-title span{

    width:50px;

    height:3px;

    background:#0f5187;
}

.section-title h3{

    font-size:34px;

    color:#061f4b;
}

.table-responsive{

    overflow-x:auto;
}

.size-chart{

    width:100%;

    border-collapse:collapse;

    min-width:1100px;
}

.size-chart th,
.size-chart td{

    border:1px solid #e5e5e5;

    padding:18px;

    text-align:left;

    font-size:20px;

    line-height:1.6;
}

.size-chart th{

    background:#fafafa;

    color:#444;

    font-weight:600;
}

.size-chart tr:hover{

    background:#fcfcfc;
}

@media(max-width:768px){

.size-chart-section h2{

    font-size:30px;
}

.section-title h3{

    font-size:24px;
}

.size-chart th,
.size-chart td{

    font-size:16px;

    padding:12px;
}

}


/*======================================
PRICE LIST SECTION
======================================*/

.price-list-section{

    width:95%;
    max-width:1300px;

    margin:70px auto;
}


/*=====================
Small Table
=====================*/

.small-spec-table{

    width:100%;

    border-collapse:collapse;

    border-left:3px solid #2b4e7c;

    border-right:3px solid #2b4e7c;

    margin-bottom:60px;
}

.small-spec-table th,
.small-spec-table td{

    border:1px solid #e5e5e5;

    padding:18px;

    text-align:left;

    font-size:20px;
}

.small-spec-table th{

    width:330px;

    font-weight:600;

    color:#444;

    background:#fafafa;
}


/*=====================
Heading
=====================*/

.price-heading{

    font-size:46px;

    color:#061f4b;

    line-height:1.4;

    margin-bottom:35px;
}



/*=====================
Sub Heading
=====================*/

.price-title{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:30px;
}

.price-title span{

    width:48px;

    height:3px;

    background:#1b5089;
}

.price-title h3{

    font-size:34px;

    color:#061f4b;
}



/*=====================
Description
=====================*/

.price-description{

    font-size:22px;

    line-height:1.9;

    color:#333;

    margin-bottom:45px;
}



/*=====================
CTA
=====================*/

.price-contact-box{

    background:#f5f7fa;

    border-radius:8px;

    padding:35px;

    text-align:center;
}

.price-contact-box p{

    margin:0;

    font-size:30px;

    line-height:1.8;

    font-style:italic;
}

.price-contact-box a{

    color:#21279b;

    text-decoration:none;

    font-weight:600;
}

.price-contact-box a:hover{

    text-decoration:underline;
}



/*=====================
Responsive
=====================*/

@media(max-width:768px){

.price-heading{

    font-size:30px;
}

.price-title h3{

    font-size:24px;
}

.price-description{

    font-size:18px;
}

.price-contact-box{

    padding:25px;
}

.price-contact-box p{

    font-size:20px;
}

.small-spec-table{

    display:block;

    overflow-x:auto;
}

.small-spec-table th,
.small-spec-table td{

    font-size:16px;

    padding:12px;
}

}

/*==========================
TORQUE TABLE
===========================*/

.torque-chart-section{

    width:95%;
    max-width:1300px;

    margin:70px auto;
}

.section-heading{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:25px;
}

.section-heading span{

    width:50px;

    height:3px;

    background:#214a7b;
}

.section-heading h2{

    font-size:36px;

    color:#061f4b;

    font-weight:700;
}

/* Scroll */

.table-wrapper{

    overflow-x:auto;

    border-left:3px solid #244960;

    border-right:3px solid #244960;
    margin-bottom:50px;
}

/* Table */

.torque-table{

    border-collapse:collapse;

    min-width:1700px;

    width:100%;
}

.torque-table th,
.torque-table td{

    border:1px solid #e5e5e5;

    padding:18px;

    text-align:center;

    font-size:20px;

    line-height:1.6;
}

.torque-table th{

    background:#fafafa;

    color:#444;

    font-weight:600;
}

.torque-table th:first-child{

    text-align:left;

    min-width:240px;
}

.torque-table td{

    min-width:110px;
}

.torque-table tr:hover{

    background:#fcfcfc;
}

/* Scrollbar */

.table-wrapper::-webkit-scrollbar{

    height:12px;
}

.table-wrapper::-webkit-scrollbar-thumb{

    background:#999;

    border-radius:20px;
}

.table-wrapper::-webkit-scrollbar-track{

    background:#efefef;
}

/* Responsive */

@media(max-width:768px){

.section-heading h2{

    font-size:26px;
}

.torque-table th,
.torque-table td{

    font-size:16px;

    padding:12px;
}

}

.table-main-heading{

    font-size:42px;
    color:#061f4b;
    line-height:1.4;
    margin-bottom:35px;
}

.highlight{

    color:#214773;
    font-weight:600;
}

/*=====================================
OUR PRODUCTS
======================================*/

.offer-products-section{

    width:95%;
    max-width:1300px;

    margin:70px auto;
}

/* Description */

.offer-description{

    text-align:center;

    font-size:22px;

    line-height:1.8;

    color:#333;

    max-width:950px;

    margin:35px auto 60px;
}

/* Grid */

.offer-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:60px 40px;

    justify-items:center;
}

/* Item */

.offer-item{

    text-align:center;
}

/* Image */

.offer-image{

    width:290px;
    height:290px;

    border-radius:50%;

    overflow:hidden;

    transition:.4s;
}

.offer-image img{

    width:100%;
    height:100%;

    object-fit:cover;
}

/* Hover */

.offer-item:hover .offer-image{

    transform:scale(1.05);
}

/* Heading */

.offer-item h3{

    margin-top:25px;

    font-size:28px;

    color:#061f4b;

    line-height:1.5;
}

/* Responsive */

@media(max-width:992px){

.offer-grid{

    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.offer-grid{

    grid-template-columns:1fr;
}

.offer-image{

    width:240px;
    height:240px;
}

.offer-item h3{

    font-size:22px;
}

.offer-description{

    font-size:18px;
}

}

.table-description{

    font-size:22px;

    color:#333;

    margin-bottom:25px;

    line-height:1.8;
}