.elementor-44003 .elementor-element.elementor-element-4b5e462{--display:flex;}.elementor-44003 .elementor-element.elementor-element-3f0404a{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-44003 .elementor-element.elementor-element-3f0404a:not(.elementor-motion-effects-element-type-background), .elementor-44003 .elementor-element.elementor-element-3f0404a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );}.elementor-44003 .elementor-element.elementor-element-afc3692{--grid-columns:4;}.elementor-44003 .elementor-element.elementor-element-afc3692.elementor-element{--align-self:center;}.elementor-44003 .elementor-element.elementor-element-afc3692 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-44003 .elementor-element.elementor-element-afc3692 .e-loop-item > .elementor-section, .elementor-44003 .elementor-element.elementor-element-afc3692 .e-loop-item > .elementor-section > .elementor-container, .elementor-44003 .elementor-element.elementor-element-afc3692 .e-loop-item > .e-con, .elementor-44003 .elementor-element.elementor-element-afc3692 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-44003 .elementor-element.elementor-element-afc3692{--grid-columns:2;}}@media(max-width:767px){.elementor-44003 .elementor-element.elementor-element-afc3692{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-763f86e */.sn-industrial-hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 45px 20px !important;
    background: #333333 !important; /* */
    /* Subtle pattern using CSS gradients */
    background-image:
        linear-gradient(45deg, #3a3a3a 25%, transparent 25%),
        linear-gradient(-45deg, #3a3a3a 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #3a3a3a 75%),
        linear-gradient(-45deg, transparent 75%, #3a3a3a 75%) !important;
    background-size: 30px 30px !important;
    color: #E0E0E0 !important; /* */
    border-radius: 12px !important;
    margin-bottom: 35px !important;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2) !important;
}

.sn-industrial-emoji-container {
    width: 120px !important; /* */
    height: 120px !important; /* */
    background: linear-gradient(135deg, #707070, #9e9e9e, #dcdcdc, #b0b0b0, #707070) !important; /* */
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 25px !important;
    animation: sn-industrial-emoji-pulse 2.5s infinite !important; /* */
    border: 3px solid #E0E0E0 !important;
}

@keyframes sn-industrial-emoji-pulse { /* */
    0% {
        transform: scale(1) !important;
        box-shadow: 0 0 0 0 rgba(220, 220, 220, 0.7) !important;
    }
    50% {
        transform: scale(1.05) !important;
        box-shadow: 0 0 10px 5px rgba(220, 220, 220, 0.3) !important;
    }
    100% {
        transform: scale(1) !important;
        box-shadow: 0 0 0 0 rgba(220, 220, 220, 0.7) !important;
    }
}

.sn-industrial-emoji {
    font-size: 80px !important; /* */
    line-height: 1 !important;
    color: #333333 !important;
}

.sn-industrial-hero h1 { /* */
    font-size: 2.3rem !important;
    color: #FFFFFF !important; /* */
    margin-bottom: 15px !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5) !important;
}

.sn-industrial-slogan { /* */
    font-size: 1.35rem !important;
    color: #DCDCDC !important; /* */
    margin-bottom: 35px !important;
    font-style: italic !important;
}

.sn-industrial-anchor-nav { /* */
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 18px !important;
}

.sn-industrial-anchor-link {
    text-decoration: none !important; /* */
    color: inherit !important;
}

.sn-industrial-anchor-card { /* */
    background: #2A3F54 !important; /* */
    padding: 18px 22px !important;
    border-radius: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-width: 130px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;
    border: 1px solid #707070 !important; /* */
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}

.sn-industrial-anchor-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.25) !important;
    background-color: #314d64 !important; /* */
}

.sn-industrial-anchor-emoji {
    font-size: 32px !important;
    margin-bottom: 10px !important;
}

.sn-industrial-anchor-card span:last-child {
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    color: #E0E0E0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e9ef04 */.sn-industrial-intro {
    padding: 35px 25px !important;
    background-color: #2A3F54 !important; /* */
    /* Background with a large, faded emoji/icon */
    background-image:
        linear-gradient(rgba(42, 63, 84, 0.98), rgba(42, 63, 84, 0.98)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 100 100'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='90' fill='%23334b61' opacity='0.2'%3E⚖️%3C/text%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center 10px !important; /* Position slightly towards top */
    background-size: auto, 250px 250px !important;
    color: #DDDDDD !important; /* */
    border-radius: 10px !important;
    margin-bottom: 35px !important;
    text-align: right !important; /* */
    box-shadow: 0 6px 12px rgba(0,0,0,0.2) !important;
}

.sn-industrial-intro h2 { /* */
    font-size: 1.9rem !important;
    color: #F8D573 !important;
    margin-bottom: 25px !important;
    text-align: center !important;
    border-bottom: 2px solid #A79051 !important;
    padding-bottom: 12px !important;
}

.sn-industrial-intro h3 { /* */
    font-size: 1.45rem !important;
    color: #E0E0E0 !important;
    margin-top: 30px !important;
    margin-bottom: 18px !important;
    padding-right: 10px !important;
    border-right: 3px solid #A79051 !important;
}

.sn-industrial-intro p {
    font-size: 1.05rem !important; /* */
    line-height: 1.75 !important;
    margin-bottom: 18px !important;
}

.sn-industrial-intro strong { /* */
    color: #FDEAB5 !important;
    font-weight: bold !important;
}

.sn-industrial-intro ul {
    list-style: none !important;
    padding-right: 0 !important; /* */
}

.sn-industrial-intro ul li {
    padding-right: 30px !important; /* */
    margin-bottom: 12px !important;
    position: relative !important;
    font-size: 1rem !important; /* */
    line-height: 1.65 !important;
}

.sn-industrial-intro ul li::before { /* */
    font-family: "Font Awesome 5 Free"; /* Ensure Font Awesome is available or use emoji */
    content: '\f0c8' !important; /* fa-square, or use a specific industrial icon/emoji like '⚙️' or '🔩' */
    position: absolute !important;
    right: 0 !important; /* */
    top: 3px !important;
    color: #A79051 !important;
    font-size: 0.9em !important;
}

.sn-industrial-intro-placeholder-image {
    width: 100% !important;
    max-width: 450px !important;
    height: 280px !important;
    background-color: #3e5770 !important; /* Darker shade from palette */
    color: #AAAAAA !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    font-size: 2rem !important;
    border-radius: 8px !important;
    margin: 0 auto 30px auto !important;
    border: 2px dashed #A79051 !important;
    box-shadow: inset 0 0 15px rgba(0,0,0,0.3) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0218464 *//* --- General Styles for Section 3 --- */
.sn-industrial-section-three {
    margin-bottom: 35px !important;
}

/* --- Part 1: Products Intro --- */
.sn-industrial-products-intro { /* */
    text-align: center !important;
    padding: 30px 20px !important;
    background-color: #333333 !important; /* */
    color: #E0E0E0 !important; /* */
    border-radius: 10px 10px 0 0 !important; /* Rounded top corners */
    border-bottom: 2px solid #A79051 !important;
}

.sn-industrial-products-emoji { /* */
    font-size: 55px !important;
    display: block !important;
    margin-bottom: 12px !important;
}

.sn-industrial-products-intro h3 {
    font-size: 1.7rem !important;
    color: #FDEAB5 !important;
    margin-bottom: 12px !important;
}

.sn-industrial-products-intro p {
    font-size: 1.05rem !important; /* */
    line-height: 1.65 !important;
    max-width: 750px !important;
    margin: 0 auto !important;
}

/* --- Part 2: WooCommerce Product Loop (internal-loop-grid) --- */
/* */
.internal-loop-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 22px !important;
    padding: 25px !important;
    background-color: #384d62 !important; /* Slightly different background for product area */
}

.product-container-in-loop-grid { /* */
    background-color: #2A3F54 !important; /* */
    border: 1px solid #707070 !important; /* */
    border-radius: 10px !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
}

.product-container-in-loop-grid:hover {
    transform: translateY(-7px) !important;
    box-shadow: 0 12px 24px rgba(0,0,0,0.25) !important;
    border-color: #A79051 !important;
}

.product-image-in-loop-grid img { /* */
    max-width: 100% !important;
    height: auto !important;
    width: 220px !important; /* Display size for industrial products */
    max-height: 220px !important;
    object-fit: contain !important;
    margin-bottom: 18px !important;
    border-radius: 6px !important;
    background-color: #FFFFFF !important; /* White background for product images */
    padding: 5px !important; /* Small padding around image */
}

.product-name-in-loop-grid { /* */
    font-size: 1.15rem !important; /* */
    font-weight: bold !important;
    color: #FDEAB5 !important;
    margin-bottom: 10px !important;
    min-height: 44px !important; /* Ensure consistent height */
}

.product-brand-in-loop-grid,
.product-brand-in-loop-grid a { /* */
    font-size: 0.9rem !important; /* */
    color: #B0B0B0 !important; /* */
    margin-bottom: 12px !important;
    text-decoration: none !important; /* */
}

.product-brand-in-loop-grid a:hover {
    color: #F8D573 !important;
}

.product-price-in-loop-grid { /* */
    font-size: 1.25rem !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
    margin-bottom: 18px !important;
}

.product-button-in-loop-grid a { /* */
    display: inline-block !important;
    background: linear-gradient(135deg, #A79051, #F8D573) !important; /* */
    color: #2A3F54 !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    text-decoration: none !important; /* */
    font-weight: bold !important;
    font-size: 0.95rem !important;
    transition: background 0.3s ease, transform 0.2s ease !important;
}

.product-button-in-loop-grid a:hover {
    background: linear-gradient(135deg, #F8D573, #A79051) !important; /* */
    color: #223344 !important;
    transform: scale(1.05) !important;
}

/* --- Part 3: Related Suggestions --- */
.sn-industrial-related-suggestions { /* */
    padding: 30px 20px !important;
    background-color: #333333 !important; /* */
    color: #E0E0E0 !important; /* */
    border-radius: 0 0 10px 10px !important; /* Rounded bottom corners */
    text-align: center !important;
    border-top: 2px solid #707070 !important;
}

.sn-industrial-related-suggestions h3 {
    font-size: 1.6rem !important;
    color: #FDEAB5 !important;
    margin-bottom: 22px !important;
}

.sn-industrial-suggestions-grid { /* */
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 22px !important;
}

.sn-industrial-suggestion-card { /* */
    background-color: #2A3F54 !important; /* */
    padding: 22px !important;
    border-radius: 10px !important;
    border: 1px solid #4b6680 !important; /* Darker border */
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: 0 3px 7px rgba(0,0,0,0.1) !important;
}

.sn-industrial-suggestion-card:hover {
    transform: translateY(-5px) !important;
    border-color: #F8D573 !important;
    box-shadow: 0 8px 15px rgba(0,0,0,0.2) !important;
}

.sn-industrial-suggestion-card-emoji { /* */
    font-size: 2.2rem !important;
    margin-bottom: 12px !important;
}

.sn-industrial-suggestion-card h4 {
    font-size: 1.25rem !important;
    margin-bottom: 10px !important;
    color: #F8D573 !important;
}

.sn-industrial-suggestion-card p {
    font-size: 0.95rem !important; /* */
    line-height: 1.55 !important;
    margin-bottom: 18px !important;
    color: #DCDCDC !important;
}

.sn-industrial-suggestion-card a {
    display: inline-block !important;
    color: #FFFFFF !important;
    background: #707070 !important; /* */
    padding: 10px 18px !important;
    border-radius: 5px !important;
    text-decoration: none !important; /* */
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    transition: background-color 0.3s ease !important;
}

.sn-industrial-suggestion-card a:hover {
    background: #8c8c8c !important; /* */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4326a9 */.sn-industry-products-intro {
    background-color: #333333 !important;
    padding: 30px 20px !important;
    text-align: center !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
}
.sn-industry-products-emoji {
    background: linear-gradient(135deg, #707070, #9e9e9e, #dcdcdc, #b0b0b0, #707070) !important; /* Silver gradient */
    animation: none !important; /* No animation */
}
.sn-industry-emoji-medium {
    font-size: 70px !important;
}
.sn-industry-products-title {
    color: #FFFFFF !important;
    font-size: 2em !important;
    margin-bottom: 10px !important;
}
.sn-industry-products-description {
    color: #E0E0E0 !important;
    font-size: 1.1em !important;
    line-height: 1.6 !important;
    max-width: 750px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.sn-industry-related-links-container {
    background-color: #2A3F54 !important; /* Dark blue */
    padding: 30px 20px !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
}
.sn-industry-related-title {
    color: #F8D573 !important; /* Gold title */
    font-size: 1.6em !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}
.sn-industry-related-list {
    list-style: none !important;
    padding-left: 0 !important;
}
.sn-industry-related-list li {
    color: #DDDDDD !important;
    margin-bottom: 12px !important;
    font-size: 1.05em !important;
    background-color: #333A4D !important; /* Slightly lighter blue */
    padding: 10px 15px !important;
    border-radius: 5px !important;
    transition: background-color 0.3s ease !important;
}
.sn-industry-related-list li:hover {
    background-color: #3B445A !important;
}
.sn-industry-related-list li::before {
    content: '🔗 ' !important;
    margin-right: 8px !important;
    color: #FDEAB5 !important;
}
.sn-industry-related-link {
    color: #FDEAB5 !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: color 0.3s ease !important;
}
.sn-industry-related-link:hover {
    color: #A79051 !important;
    text-decoration: underline !important;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .sn-industry-products-title {
        font-size: 1.7em !important;
    }
    .sn-industry-products-description {
        font-size: 1em !important;
    }
    .sn-industry-related-title {
        font-size: 1.4em !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d7610a */.sn-industrial-analysis {
    padding: 35px 25px !important;
    background: #333333 !important; /* */
    /* Professional background with large, semi-transparent text */
    position: relative !important; /* Needed for pseudo-element positioning */
    overflow: hidden !important; /* To contain the pseudo-element */
    color: #E0E0E0 !important; /* */
    border-radius: 10px !important;
    margin-bottom: 35px !important;
    text-align: right !important; /* */
    box-shadow: 0 6px 12px rgba(0,0,0,0.2) !important;
}

.sn-industrial-analysis::before { /* Large text background */
    content: "Ag 47" !important; /* Chemical symbol and atomic number of Silver */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(-15deg) !important;
    font-size: 180px !important; /* Adjust size as needed */
    font-weight: bold !important;
    color: rgba(255, 255, 255, 0.05) !important; /* Very subtle color */
    z-index: 1 !important; /* Behind the content */
    pointer-events: none !important; /* Allow clicks through */
    font-family: 'Arial', sans-serif !important; /* A common, bold font */
}


.sn-industrial-analysis > * { /* Ensure content is above the pseudo-element */
    position: relative !important;
    z-index: 2 !important;
}


.sn-industrial-analysis h2 {
    font-size: 1.9rem !important;
    color: #F8D573 !important;
    margin-bottom: 30px !important;
    text-align: center !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #A79051 !important;
}

.sn-industrial-analysis h3 {
    font-size: 1.5rem !important;
    color: #FDEAB5 !important;
    margin-top: 30px !important;
    margin-bottom: 18px !important;
    display: flex !important;
    align-items: center !important;
}

.sn-industrial-analysis h3::before { /* */
    /* Using a gear icon for industrial applications */
    font-family: "Font Awesome 5 Free"; /* Ensure Font Awesome is available */
    content: '\f013' !important; /* fa-cog */
    margin-left: 12px !important; /* For RTL, change to margin-right */
    font-size: 1.1em !important;
    color: #A79051 !important;
}


.sn-industrial-analysis p {
    font-size: 1.05rem !important; /* */
    line-height: 1.75 !important;
    margin-bottom: 18px !important;
}

.sn-industrial-analysis strong { /* */
    color: #FDEAB5 !important;
    font-weight: bold !important;
}

.sn-industrial-analysis > ul { /* Main list of industries */
    list-style: none !important;
    padding-right: 0 !important; /* */
    margin-bottom: 25px !important;
}

.sn-industrial-analysis > ul > li { /* Each industry item */
    padding-right: 0px !important; /* */
    margin-bottom: 20px !important;
    font-size: 1.1rem !important; /* */
    line-height: 1.7 !important;
    font-weight: bold;
    color: #E0E0E0;
}

.sn-industrial-analysis > ul > li > ul { /* Sub-list for applications within an industry */
    list-style: none !important;
    padding-right: 25px !important; /* Indent sub-list */
    margin-top: 8px !important;
}

.sn-industrial-analysis > ul > li > ul > li {
    padding-right: 25px !important; /* */
    margin-bottom: 10px !important;
    position: relative !important;
    font-size: 0.95rem !important; /* */
    line-height: 1.6 !important;
    font-weight: normal;
    color: #DCDCDC;
}

.sn-industrial-analysis > ul > li > ul > li::before { /* */
    content: '▪' !important;
    position: absolute !important;
    right: 0 !important; /* */
    top: 4px !important;
    color: #F8D573 !important;
    font-size: 0.8em !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38e9878 */.sn-industrial-honest-review {
    padding: 35px 25px !important;
    background-color: #2A3F54 !important; /* */
    /* Using a subtle hash/grid background */
    background-image:
        linear-gradient(rgba(42, 63, 84, 0.97), rgba(42, 63, 84, 0.97)),
        repeating-linear-gradient(0deg, #314d64, #314d64 1px, transparent 1px, transparent 20px),
        repeating-linear-gradient(90deg, #314d64, #314d64 1px, transparent 1px, transparent 20px) !important;
    background-size: cover, auto, auto !important;
    color: #DDDDDD !important; /* */
    border-radius: 10px !important;
    margin-bottom: 35px !important;
    text-align: right !important; /* */
    box-shadow: 0 6px 12px rgba(0,0,0,0.2) !important;
}

.sn-industrial-honest-review h2 {
    font-size: 1.9rem !important;
    color: #F8D573 !important;
    margin-bottom: 30px !important;
    text-align: center !important;
    border-bottom: 2px solid #A79051 !important;
    padding-bottom: 12px !important;
}

.sn-review-columns {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 25px !important;
    margin-bottom: 30px !important;
}

.sn-review-column {
    flex: 1 !important;
    min-width: 300px !important;
    padding: 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}

.sn-pros {
    background-color: rgba(76, 175, 80, 0.08) !important; /* Light green tint */
    border: 1px solid rgba(76, 175, 80, 0.4) !important;
}

.sn-cons {
    background-color: rgba(244, 67, 54, 0.08) !important; /* Light red tint */
    border: 1px solid rgba(244, 67, 54, 0.4) !important;
}

.sn-review-column h3 {
    font-size: 1.35rem !important;
    color: #E0E0E0 !important;
    margin-bottom: 18px !important;
    display: flex !important;
    align-items: center !important;
    padding-bottom: 8px !important;
    border-bottom: 1px dashed #707070 !important;
}

.sn-review-emoji { /* */
    margin-left: 10px !important; /* For RTL, change to margin-right */
    font-size: 1.25em !important;
}

.sn-pros .sn-review-emoji {
    color: #4CAF50 !important;
}

.sn-cons .sn-review-emoji {
    color: #F44336 !important;
}


.sn-review-column ul {
    list-style: none !important;
    padding-right: 0 !important; /* */
}

.sn-review-column ul li {
    padding-right: 25px !important; /* */
    margin-bottom: 12px !important;
    position: relative !important;
    font-size: 0.95rem !important; /* */
    line-height: 1.65 !important;
}

.sn-pros ul li::before { /* */
    font-family: "Font Awesome 5 Free";
    content: '\f058' !important; /* fa-check-circle */
    font-weight: 900 !important;
    position: absolute !important;
    right: 0px !important; /* */
    top: 3px !important;
    color: #4CAF50 !important;
}

.sn-cons ul li::before { /* */
    font-family: "Font Awesome 5 Free";
    content: '\f06a' !important; /* fa-exclamation-circle */
    font-weight: 900 !important;
    position: absolute !important;
    right: 0px !important; /* */
    top: 3px !important;
    color: #F44336 !important;
}

.sn-industrial-honest-review h3:not(.sn-review-column h3) {
    font-size: 1.5rem !important;
    color: #FDEAB5 !important;
    margin-top: 35px !important;
    margin-bottom: 18px !important;
}

.sn-industrial-honest-review p {
    font-size: 1.05rem !important; /* */
    line-height: 1.75 !important;
    margin-bottom: 18px !important;
}

.sn-industrial-honest-review p a { /* */
    color: #F8D573 !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.sn-industrial-honest-review p a:hover {
    text-decoration: underline !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bed1f93 */.sn-industrial-faq {
    padding: 35px 25px !important;
    background-color: #333333 !important; /* */
    /* CSS background pattern: blueprint style */
    background-image:
        linear-gradient(rgba(51, 51, 51, 0.98), rgba(51, 51, 51, 0.98)),
        linear-gradient(to right, #40566e 1px, transparent 1px),
        linear-gradient(to bottom, #40566e 1px, transparent 1px) !important;
    background-size: auto, 20px 20px, 20px 20px !important;
    color: #E0E0E0 !important; /* */
    border-radius: 10px !important;
    margin-bottom: 35px !important;
    text-align: right !important; /* */
    box-shadow: 0 6px 12px rgba(0,0,0,0.2) !important;
}

.sn-industrial-faq h2 {
    font-size: 1.9rem !important;
    color: #FDEAB5 !important;
    margin-bottom: 30px !important;
    text-align: center !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #A79051 !important;
}

.sn-faq-item { /* */
    margin-bottom: 18px !important;
    border: 1px solid #44586d !important; /* Darker border from palette */
    border-radius: 10px !important;
    background-color: #2A3F54 !important; /* */
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1) !important;
}

.sn-faq-item:hover {
    box-shadow: 0 5px 10px rgba(0,0,0,0.15) !important;
}

.sn-faq-item[open] {
    background-color: #314d64 !important; /* Slightly lighter when open */
    box-shadow: 0 5px 12px rgba(0,0,0,0.2) !important;
}

.sn-faq-question { /* */
    padding: 18px 22px !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-weight: bold !important;
    color: #FDEAB5 !important;
    transition: color 0.3s ease !important;
}

.sn-faq-question h3 { /* */
    margin: 0 !important;
    font-size: 1.15rem !important; /* */
    line-height: 1.55 !important;
    flex-grow: 1 !important;
}

.sn-faq-item[open] .sn-faq-question {
    color: #FFFFFF !important;
}

.sn-faq-question::after { /* */
    /* Using gear icons for open/close state */
    font-family: "Font Awesome 5 Free"; /* Ensure Font Awesome is available */
    content: '\f013' !important; /* fa-cog (settings) for closed */
    font-size: 1.3rem !important;
    transition: transform 0.4s ease-out, color 0.3s ease !important;
    color: #A79051 !important;
    transform: rotate(0deg) !important;
}

.sn-faq-item[open] .sn-faq-question::after {
    content: '\f013' !important; /* fa-cog (settings) for open */
    transform: rotate(90deg) !important; /* Spin the gear */
    color: #F8D573 !important;
}

.sn-faq-answer { /* */
    padding: 0 22px 20px 22px !important;
    font-size: 1rem !important; /* */
    line-height: 1.75 !important;
    color: #DCDCDC !important;
    border-top: 1px solid #40566e !important; /* Separator line */
    margin-top: 12px !important;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out, padding-top 0.5s ease-out, padding-bottom 0.5s ease-out !important;
}
.sn-faq-item[open] .sn-faq-answer {
     max-height: 1000px; /* Arbitrary large value to allow content to expand */
     padding-top: 15px !important;
     padding-bottom: 20px !important;
}


.sn-faq-answer p {
    margin-bottom: 12px !important;
}

.sn-faq-answer ul {
    list-style: none !important;
    padding-right: 18px !important; /* */
    margin-top: 12px !important;
}

.sn-faq-answer ul li {
    padding-right: 22px !important; /* */
    position: relative !important;
    margin-bottom: 10px !important;
}

.sn-faq-answer ul li::before { /* */
    font-family: "Font Awesome 5 Free";
    content: '\f10c' !important; /* fa-circle-notch or fa-dot-circle for bullet */
    position: absolute !important;
    right: 0px !important; /* */
    top: 5px !important;
    color: #F8D573 !important;
    font-size: 0.8em !important;
}

.sn-faq-answer strong { /* */
    color: #FDEAB5 !important;
}

.sn-faq-answer a { /* */
    color: #F8D573 !important;
    text-decoration: none !important;
    font-weight: bold !important;
    border-bottom: 1px dashed #F8D573 !important;
    transition: color 0.2s ease, border-bottom-color 0.2s ease !important;
}

.sn-faq-answer a:hover {
    color: #FFFFFF !important;
    border-bottom-color: #FFFFFF !important;
}

hr { /* */
    border: 0 !important;
    height: 1px !important;
    background-color: #44586d !important;
    margin: 18px 0 !important;
}/* End custom CSS */