.elementor-2088 .elementor-element.elementor-element-393d0cb{--spacer-size:50px;}.elementor-2088 .elementor-element.elementor-element-dd808e7{--display:flex;}.elementor-2088 .elementor-element.elementor-element-e640f7c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-2088 .elementor-element.elementor-element-2321964{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2088 .elementor-element.elementor-element-2321964.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2088 .elementor-element.elementor-element-b689279{text-align:center;}.elementor-2088 .elementor-element.elementor-element-b689279 .elementor-heading-title{color:#000000;}.elementor-2088 .elementor-element.elementor-element-d8a0173 .elementor-heading-title{color:#000000;}.elementor-2088 .elementor-element.elementor-element-2a48d1d{text-align:start;}.elementor-2088 .elementor-element.elementor-element-2a48d1d .elementor-heading-title{color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2088 .elementor-element.elementor-element-e887b34{color:#54595F;}.elementor-2088 .elementor-element.elementor-element-3f714e6 .elementor-heading-title{color:#000000;}.elementor-2088 .elementor-element.elementor-element-9054aba{color:#54595F;}.elementor-2088 .elementor-element.elementor-element-82a87ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2088 .elementor-element.elementor-element-82a87ca.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2088 .elementor-element.elementor-element-91adccb{text-align:start;}.elementor-2088 .elementor-element.elementor-element-91adccb .elementor-heading-title{color:#000000;}.elementor-2088 .elementor-element.elementor-element-cc78302 .elementor-heading-title{color:#000000;}.elementor-2088 .elementor-element.elementor-element-4008c5b{color:#54595F;}.elementor-2088 .elementor-element.elementor-element-926ab3c .elementor-heading-title{color:#000000;}.elementor-2088 .elementor-element.elementor-element-bb8ca2a{color:#54595F;}.elementor-2088 .elementor-element.elementor-element-83d5ef6 .elementor-heading-title{color:#000000;}.elementor-2088 .elementor-element.elementor-element-383544e{color:#54595F;}.elementor-2088 .elementor-element.elementor-element-086437d .elementor-heading-title{color:#000000;}.elementor-2088 .elementor-element.elementor-element-1a5e710{color:#54595F;}.elementor-2088 .elementor-element.elementor-element-905cbe0 .elementor-heading-title{color:#000000;}.elementor-2088 .elementor-element.elementor-element-82b3fb8{color:#54595F;}.elementor-2088 .elementor-element.elementor-element-b703061 .elementor-heading-title{color:#000000;}.elementor-2088 .elementor-element.elementor-element-bdf980c{color:var( --e-global-color-secondary );}.elementor-2088 .elementor-element.elementor-element-52a151a .elementor-heading-title{color:#000000;}.elementor-2088 .elementor-element.elementor-element-576485b{color:#000000;}.elementor-2088 .elementor-element.elementor-element-3f8f3cc .elementor-heading-title{color:#000000;}.elementor-2088 .elementor-element.elementor-element-a101a7a .elementor-heading-title{color:#000000;}.elementor-2088 .elementor-element.elementor-element-313ad4c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2088 .elementor-element.elementor-element-313ad4c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2088 .elementor-element.elementor-element-3172008{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2088 .elementor-element.elementor-element-2ae5c11{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2088 .elementor-element.elementor-element-50c7eda{--spacer-size:50px;}.elementor-2088 .elementor-element.elementor-element-b6d921b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2088 .elementor-element.elementor-element-a3c7c40{width:var( --container-widget-width, 106.545% );max-width:106.545%;--container-widget-width:106.545%;--container-widget-flex-grow:0;}.elementor-2088 .elementor-element.elementor-element-a3c7c40.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2088 .elementor-element.elementor-element-7c490f8{--display:flex;}@media(min-width:768px){.elementor-2088 .elementor-element.elementor-element-2321964{--width:44.625%;}.elementor-2088 .elementor-element.elementor-element-82a87ca{--width:52.15%;}.elementor-2088 .elementor-element.elementor-element-313ad4c{--width:59.303%;}.elementor-2088 .elementor-element.elementor-element-2ae5c11{--width:50%;}.elementor-2088 .elementor-element.elementor-element-b6d921b{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-3e392ae *//* SPM & PACKING MACHINERY THEME */
:root {
    --spm-navy: #001d4a;
    --spm-blue: #0056b3;
    --spm-orange: #f37021;
    --spm-bg: #f8fbff;
}

/* FULL WIDTH BANNER */
.spm-hero {
    width: 100vw;
    height: 400px;
    background: linear-gradient(rgba(0, 29, 74, 0.75), rgba(0, 29, 74, 0.75)), 
                url('https://skenggtech.com/wp-content/uploads/2026/02/SPM-Special-Purpose-Machines.jpg'); 
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

.spm-hero h1 {
    color: white;
    font-size: 3.5rem;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}

/* SECTION TITLES */
.spm-section-title {
    text-align: center;
    padding: 70px 0 30px;
    font-size: 2.5rem;
    color: var(--spm-navy);
    font-weight: 700;
    text-transform: uppercase;
}

/* 2-COLUMN GRID */
.spm-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto 100px;
    padding: 0 20px;
}

.spm-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    text-align: center;
    border: 1px solid #eef2f6;
    padding-bottom: 35px;
}

.spm-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 50px rgba(0,29,74,0.18);
    border-color: var(--spm-blue);
}

.spm-img-container {
    width: 100%;
    height: 350px;
    overflow: hidden;
    background: #f9f9f9;
}

.spm-card img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Professional look for machine photos */
    padding: 20px;
    transition: transform 0.6s ease;
}

.spm-card:hover img {
    transform: scale(1.05);
}

.spm-card h3 {
    color: var(--spm-navy);
    padding: 25px 20px 15px;
    font-size: 1.7rem;
    font-weight: 700;
}

.spm-btn {
    background: var(--spm-orange);
    color: white;
    border: none;
    padding: 14px 35px;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.3s;
    letter-spacing: 0.5px;
}

.spm-btn:hover {
    background: var(--spm-navy);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* POPUP / MODAL */
.spm-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.88);
    backdrop-filter: blur(8px);
}

.spm-modal-content {
    background: white;
    margin: 3% auto;
    padding: 45px;
    width: 90%;
    max-width: 850px;
    border-radius: 20px;
    position: relative;
    max-height: 85vh;
    overflow-y: auto;
    box-shadow: 0 25px 60px rgba(0,0,0,0.5);
}

.spm-close {
    position: absolute;
    right: 25px; top: 20px;
    font-size: 40px;
    cursor: pointer;
    color: #bbb;
}

.spm-close:hover { color: var(--spm-orange); }

/* SPEC BOXES & TABLES */
.spec-box {
    border-left: 5px solid var(--spm-blue);
    background: #f8fbff;
    padding: 20px;
    margin: 20px 0;
    border-radius: 0 8px 8px 0;
}

.brand-tag {
    display: inline-block;
    background: var(--spm-navy);
    color: white;
    padding: 5px 12px;
    border-radius: 5px;
    font-size: 0.9rem;
    margin: 4px;
    font-weight: 600;
}

.spec-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.spec-table td {
    padding: 15px;
    border-bottom: 1px solid #edf2f7;
    font-size: 1rem;
    color: #444;
}

.spec-table td:first-child {
    font-weight: 700;
    color: var(--spm-navy);
    width: 40%;
}

@media (max-width: 850px) {
    .spm-grid { grid-template-columns: 1fr; }
    .spm-hero h1 { font-size: 2.2rem; }
    .spm-img-container { height: 280px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3c7c40 */.why-choose-section{
    padding:70px 0;
    background:#f8faff;
}

.why-title{
    text-align:center;
    font-size:28px;
    color:#00000;
    margin-bottom:40px;
}

/* LIST */
.why-list{
    max-width:700px;
    margin:0 auto;
    padding:0;
    list-style:none;
}

/* ITEM */
.why-list li{
    position:relative;
    padding-left:45px;
    margin-bottom:22px;
    font-size:17px;
    font-weight:500;
    color:#1e1e1e;
}

/* TICK ICON */
.why-list li::before{
    content:"✔";
    position:absolute;
    left:0;
    top:2px;
    width:28px;
    height:28px;
    background:#0a2e8c;
    color:#fff;
    font-size:14px;
    font-weight:700;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* HOVER EFFECT */
.why-list li:hover{
    color:#0a2e8c;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbce995 *//* Break footer out of theme container */
.sk-footer-outer {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    background-color: #071c36;
    padding: 60px 0;
}

/* Inner layout */
.sk-footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

/* Remove theme wrapper width restrictions */
.site,
.site-content,
.container,
.wrap,
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}
.sk-social {
    margin-top: 20px;
}

.sk-social h4 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}

.social-icons a {
    display: inline-block;
    margin-right: 12px;
    font-size: 18px;
    color: #ffffff;
    transition: 0.3s ease;
}

.social-icons a:hover {
    color: #f04e23; /* change to your brand color */
}

/* Responsive */
@media (max-width: 992px) {
    .sk-footer-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .sk-footer-container {
        grid-template-columns: 1fr;
        padding: 0 20px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c490f8 *//* FORCE TRUE FULL WIDTH - OVERRIDE THEME CONTAINERS */
.sk-footer-outer {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;

    background-color: #001533;
    color: #ffffff;
    padding: 80px 0 20px 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-sizing: border-box;

    /* Important fixes */
    max-width: 100vw !important;
}

/* Remove theme container spacing if applied */
body .sk-footer-outer {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Prevent horizontal scroll issue */
html, body {
    overflow-x: hidden;
}/* End custom CSS */