.elementor-58 .elementor-element.elementor-element-afe0c36{--display:flex;}/* Start custom CSS for html, class: .elementor-element-0aeb538 */.industry-hero{

    background:#050505;
    color:#fff;
    padding:150px 8% 100px;
    overflow:hidden;

}

.industry-hero .container{

    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;

}

.hero-content span{

    color:#C8A96A;
    letter-spacing:4px;
    text-transform:uppercase;
    font-size:14px;

}

.hero-content h1{

    font-size:68px;
    margin:25px 0;
    line-height:1.1;

}

.hero-content p{

    color:#C8C8C8;
    line-height:1.9;
    font-size:18px;
    margin-bottom:45px;

}

.hero-image{

    text-align:center;

}

.hero-image img{

    max-width:500px;
    width:100%;

}

@media(max-width:991px){

.industry-hero .container{

grid-template-columns:1fr;
text-align:center;

}

.hero-content h1{

font-size:48px;

}

.hero-image{

margin-top:40px;

}

}

@media(max-width:768px){

.hero-content h1{

font-size:36px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e997714 */.industries-section{

    background:#0A0A0A;
    color:#fff;
    padding:120px 8%;

}

.industries-section .container{

    max-width:1400px;
    margin:auto;

}

.industry-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:70px;

}

.industry-card{

    background:#111;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    padding:40px;
    transition:.35s;

}

.industry-card:hover{

    transform:translateY(-10px);
    border-color:#C8A96A;
    box-shadow:0 20px 45px rgba(200,169,106,.15);

}

.industry-card i{

    width:75px;
    height:75px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    background:#C8A96A;
    color:#050505;
    font-size:30px;
    margin-bottom:25px;

}

.industry-card h3{

    font-size:26px;
    margin-bottom:15px;

}

.industry-card p{

    color:#C8C8C8;
    line-height:1.8;
    margin-bottom:20px;

}

.industry-card span{

    color:#C8A96A;
    font-weight:600;

}

@media(max-width:991px){

.industry-grid{

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

}

}

@media(max-width:768px){

.industry-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8760772 */.solution-section{

    background:#050505;
    color:#fff;
    padding:120px 8%;

}

.solution-section .container{

    max-width:1400px;
    margin:auto;

}

.solution-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    margin-top:70px;

}

.solution-card{

    background:#111;

    border:1px solid rgba(255,255,255,.08);

    border-radius:20px;

    padding:35px;

    transition:.35s;

}

.solution-card:hover{

    transform:translateY(-8px);

    border-color:#C8A96A;

}

.problem{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:20px;

}

.problem i{

    width:60px;
    height:60px;

    display:flex;
    justify-content:center;
    align-items:center;

    background:#C8A96A;

    color:#050505;

    border-radius:50%;

    font-size:24px;

}

.problem h3{

    font-size:26px;

}

.answer{

    color:#C8C8C8;

    line-height:1.9;

}

@media(max-width:991px){

.solution-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a95dd4 *//*==========================================================
INDUSTRIAL SOLUTION
==========================================================*/

.industrial-solution{

padding:120px 20px;

background:
linear-gradient(
180deg,
#03131F 0%,
#072D46 45%,
#050505 100%
);

position:relative;

overflow:hidden;

}

.industrial-solution::before{

content:"";

position:absolute;

width:900px;

height:900px;

right:-250px;

top:-250px;

border-radius:50%;

background:
radial-gradient(circle,
rgba(212,175,55,.10),
transparent 70%);

pointer-events:none;

}

.industrial-solution .solution-circle{

background:
radial-gradient(circle,
rgba(212,175,55,.08),
rgba(255,255,255,.02));

border:1px solid rgba(212,175,55,.20);

}

.industrial-solution .solution-circle::before{

border:1px dashed rgba(212,175,55,.25);

}

.industrial-solution .solution-tag{

background:rgba(212,175,55,.12);

border:1px solid rgba(212,175,55,.20);

color:#D4AF37;

}

.industrial-solution .solution-item{

background:
rgba(255,255,255,.05);

}

.industrial-solution .solution-item:hover{

border-color:#D4AF37;

transform:translateX(8px);

box-shadow:
0 20px 45px rgba(212,175,55,.12);

}

.industrial-solution .solution-check{

background:
linear-gradient(
135deg,
#D4AF37,
#F5D77B
);

color:#050505;

}

.industrial-solution .solution-primary{

background:
linear-gradient(
135deg,
#D4AF37,
#C69C3F
);

color:#050505;

}

.industrial-solution .solution-primary:hover{

background:
linear-gradient(
135deg,
#00CFFF,
#0099CC
);

color:#FFFFFF;

}

.industry-highlights{

display:grid;

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

gap:20px;

margin-top:45px;

}

.highlight-card{

padding:24px;

text-align:center;

border-radius:20px;

background:
linear-gradient(
135deg,
rgba(255,255,255,.06),
rgba(255,255,255,.03)
);

border:1px solid rgba(255,255,255,.08);

transition:.35s;

}

.highlight-card:hover{

transform:translateY(-8px);

border-color:#D4AF37;

box-shadow:
0 20px 45px rgba(212,175,55,.15);

}

.highlight-card h3{

font-size:28px;

font-weight:800;

margin-bottom:10px;

background:
linear-gradient(
90deg,
#D4AF37,
#FFE39C
);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.highlight-card p{

font-size:14px;

color:#D6D6D6;

line-height:1.6;

}

@media(max-width:1100px){

.industry-highlights{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.industrial-solution{

padding:80px 18px;

}

.highlight-card{

padding:20px;

}

.highlight-card h3{

font-size:22px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0bafb4d *//*==========================================================
HEALTHCARE SOLUTION
==========================================================*/

.healthcare-solution{

padding:120px 20px;

background:
linear-gradient(
180deg,
#050505 0%,
#062C42 45%,
#03131F 100%
);

position:relative;

overflow:hidden;

}

.healthcare-solution::before{

content:"";

position:absolute;

left:-250px;

top:-250px;

width:900px;

height:900px;

border-radius:50%;

background:
radial-gradient(circle,
rgba(0,207,255,.10),
transparent 70%);

pointer-events:none;

}

.healthcare-solution .solution-grid.reverse{

grid-template-columns:1fr 1fr;

align-items:center;

gap:90px;

}

.healthcare-solution .solution-content{

order:1;

}

.healthcare-solution .solution-image{

order:2;

display:flex;

justify-content:center;

}

.healthcare-solution .solution-circle{

background:
radial-gradient(circle,
rgba(255,255,255,.08),
rgba(255,255,255,.02));

border:1px solid rgba(0,207,255,.18);

}

.healthcare-solution .solution-circle::before{

border:1px dashed rgba(0,207,255,.22);

}

.healthcare-solution .solution-tag{

background:rgba(0,207,255,.12);

border:1px solid rgba(0,207,255,.18);

color:#00CFFF;

}

.healthcare-solution .solution-item:hover{

border-color:#00CFFF;

transform:translateX(-8px);

box-shadow:
0 18px 45px rgba(0,207,255,.15);

}

.healthcare-solution .solution-check{

background:
linear-gradient(
135deg,
#00CFFF,
#0099CC
);

}

.healthcare-solution .solution-primary{

background:
linear-gradient(
135deg,
#00CFFF,
#0099CC
);

}

.healthcare-solution .solution-primary:hover{

background:
linear-gradient(
135deg,
#25D366,
#1EBE5D
);

}

.healthcare-solution .highlight-card{

border:1px solid rgba(0,207,255,.10);

}

.healthcare-solution .highlight-card:hover{

border-color:#00CFFF;

box-shadow:
0 18px 45px rgba(0,207,255,.18);

}

@media(max-width:1100px){

.healthcare-solution .solution-grid.reverse{

grid-template-columns:1fr;

}

.healthcare-solution .solution-content{

order:2;

text-align:center;

}

.healthcare-solution .solution-image{

order:1;

}

}

@media(max-width:768px){

.healthcare-solution{

padding:80px 18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a34e4e *//*==========================================================
FOOD & BEVERAGE SOLUTION
==========================================================*/

.food-solution{

padding:120px 20px;

position:relative;

overflow:hidden;

background:
linear-gradient(
180deg,
#03131F 0%,
#06384D 45%,
#050505 100%
);

}

.food-solution::before{

content:"";

position:absolute;

right:-250px;

bottom:-250px;

width:900px;

height:900px;

border-radius:50%;

background:
radial-gradient(circle,
rgba(37,211,102,.10),
transparent 70%);

pointer-events:none;

}

.food-solution .solution-circle{

background:
radial-gradient(circle,
rgba(37,211,102,.08),
rgba(255,255,255,.02));

border:1px solid rgba(37,211,102,.18);

}

.food-solution .solution-circle::before{

border:1px dashed rgba(37,211,102,.20);

}

.food-solution .solution-tag{

background:rgba(37,211,102,.12);

border:1px solid rgba(37,211,102,.20);

color:#25D366;

}

.food-solution .solution-item:hover{

border-color:#25D366;

transform:translateX(8px);

box-shadow:
0 20px 45px rgba(37,211,102,.18);

}

.food-solution .solution-check{

background:
linear-gradient(
135deg,
#25D366,
#1EBE5D
);

}

.food-solution .solution-primary{

background:
linear-gradient(
135deg,
#25D366,
#1EBE5D
);

}

.food-solution .solution-primary:hover{

background:
linear-gradient(
135deg,
#00CFFF,
#0099CC
);

}

.food-solution .highlight-card{

border:1px solid rgba(37,211,102,.12);

}

.food-solution .highlight-card:hover{

border-color:#25D366;

box-shadow:
0 20px 45px rgba(37,211,102,.18);

}

.food-solution .highlight-card h3{

background:
linear-gradient(
90deg,
#25D366,
#7DFFAF
);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

@media(max-width:1100px){

.food-solution .solution-grid{

grid-template-columns:1fr;

text-align:center;

}

.food-solution .solution-buttons{

justify-content:center;

}

}

@media(max-width:768px){

.food-solution{

padding:80px 18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da9593b */.industry-grade{

    background:#0A0A0A;
    color:#fff;
    padding:120px 8%;

}

.industry-grade .container{

    max-width:1400px;
    margin:auto;

}

.grade-table{

    margin-top:70px;

    border-radius:20px;

    overflow:hidden;

}

.table-header{

    display:grid;

    grid-template-columns:2fr 1fr 2fr;

    background:#C8A96A;

    color:#050505;

    font-weight:700;

}

.table-header div{

    padding:22px;

}

.table-row{

    display:grid;

    grid-template-columns:2fr 1fr 2fr;

    background:#111;

    border-bottom:1px solid rgba(255,255,255,.08);

    transition:.3s;

}

.table-row:hover{

    background:#181818;

}

.table-row div{

    padding:22px;

    display:flex;

    align-items:center;

    gap:12px;

}

.grade{

    justify-content:center;

    font-weight:700;

    border-radius:40px;

    margin:12px;

    padding:10px 18px;

}

.ss304{

    background:#2E7D32;

}

.duplex{

    background:#1565C0;

}

.ss316{

    background:#8E24AA;

}

@media(max-width:768px){

.table-header{

display:none;

}

.table-row{

grid-template-columns:1fr;

}

.grade{

margin:0;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-95349c7 */.industrial-advantages{

    background:#050505;
    padding:120px 8%;
    color:#fff;

}

.industrial-advantages .container{

    max-width:1400px;
    margin:auto;

}

.advantage-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:70px;

}

.advantage-card{

    background:#111;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    padding:40px;
    transition:.35s;

}

.advantage-card:hover{

    transform:translateY(-10px);
    border-color:#C8A96A;
    box-shadow:0 20px 40px rgba(200,169,106,.15);

}

.advantage-card i{

    width:70px;
    height:70px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#C8A96A;
    color:#050505;
    font-size:28px;
    margin-bottom:25px;

}

.advantage-card h3{

    font-size:24px;
    margin-bottom:15px;

}

.advantage-card p{

    color:#C8C8C8;
    line-height:1.8;

}

@media(max-width:991px){

.advantage-grid{

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

}

}

@media(max-width:768px){

.advantage-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1b6eaa */.industrial-faq{

    background:#0A0A0A;
    color:#fff;
    padding:120px 8%;

}

.industrial-faq .container{

    max-width:1100px;
    margin:auto;

}

.faq-container{

    margin-top:60px;

}

.faq-item{

    background:#111;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    margin-bottom:20px;
    overflow:hidden;
    transition:.3s;

}

.faq-item[open]{

    border-color:#C8A96A;

}

.faq-item summary{

    padding:24px 30px;
    cursor:pointer;
    list-style:none;
    font-size:20px;
    font-weight:600;
    position:relative;

}

.faq-item summary::-webkit-details-marker{

    display:none;

}

.faq-item summary::after{

    content:"+";
    position:absolute;
    right:30px;
    font-size:28px;
    color:#C8A96A;

}

.faq-item[open] summary::after{

    content:"−";

}

.faq-item p{

    padding:0 30px 25px;
    color:#C8C8C8;
    line-height:1.8;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33ba67d */.industrial-cta{

    background:#050505;
    padding:120px 8%;

}

.industrial-cta .container{

    max-width:1200px;
    margin:auto;

}

.cta-wrapper{

    background:linear-gradient(135deg,#111,#1a1a1a);
    border:1px solid rgba(200,169,106,.25);
    border-radius:28px;
    padding:80px 60px;
    text-align:center;
    position:relative;
    overflow:hidden;

}

.cta-wrapper::before{

    content:"";
    position:absolute;
    width:300px;
    height:300px;
    background:rgba(200,169,106,.08);
    border-radius:50%;
    top:-120px;
    right:-120px;
    filter:blur(40px);

}

.cta-wrapper span{

    color:#C8A96A;
    letter-spacing:4px;
    text-transform:uppercase;
    font-size:14px;

}

.cta-wrapper h2{

    color:#fff;
    font-size:52px;
    margin:25px 0;

}

.cta-wrapper p{

    color:#C8C8C8;
    line-height:1.9;
    max-width:780px;
    margin:0 auto 45px;

}

.cta-highlights{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    max-width:750px;
    margin:0 auto 50px;

}

.highlight{

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#fff;

}

.highlight i{

    color:#C8A96A;

}

.cta-buttons{

    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;

}

.cta-buttons a{

    display:flex;
    align-items:center;
    gap:10px;

}

@media(max-width:768px){

.cta-wrapper{

padding:50px 30px;

}

.cta-wrapper h2{

font-size:36px;

}

.cta-highlights{

grid-template-columns:1fr;

}

}/* End custom CSS */