.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-4081fe4:#E1E6E9;--e-global-color-3b80381:#004890;--e-global-color-10f48de:#ED1B2E;--e-global-color-88f7783:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.clip-container {
    position: relative;
    overflow: hidden; /* IMPORTANT: required for clip-path */
    -webkit-clip-path: polygon(
        0 0,
        70% 0,
        72% 30px,
        88% 30px,
        90% 0%,
        100% 0%,
        100% 100%,
        50% 100%,
        48% calc(100% - 30px),
        12% calc(100% - 30px),
        10% 100%,
        0 100%
    );
    clip-path: polygon(
        0 0,
        70% 0,
        72% 30px,
        88% 30px,
        90% 0%,
        100% 0%,
        100% 100%,
        50% 100%,
        48% calc(100% - 30px),
        12% calc(100% - 30px),
        10% 100%,
        0 100%
    );
    }
    
    .clip-container-center {
    position: relative;
    overflow: hidden; /* IMPORTANT: required for clip-path */
    -webkit-clip-path: polygon(
        0 0,
        35% 0,
        37% 30px,
        63% 30px,
        65% 0%,
        100% 0%,
        100% 100%,
        0 100%
    );
    clip-path: polygon(
        0 0,
        35% 0,
        37% 30px,
        63% 30px,
        65% 0%,
        100% 0%,
        100% 100%,
        0 100%
    );
    }
    
    .clip-folder-50, .jupiterx-wc-loop-product-image,
    
    .jet-hor-timeline-item__card {
    position: relative;
    overflow: hidden; /* IMPORTANT: required for clip-path */
    -webkit-clip-path: polygon(
        0 0,
        50% 0,
        58% 30px,
        100% 30px,
        100% 100%,
        0 100%
    );
    clip-path: polygon(
        0 0,
        50% 0,
        58% 30px,
        100% 30px,
        100% 100%,
        0 100%
    );
    }
    
    .clip-folder-70 {
    position: relative;
    overflow: hidden; /* IMPORTANT: required for clip-path */
    -webkit-clip-path: polygon(
        0 0,
        70% 0,
        78% 30px,
        100% 30px,
        100% 100%,
        0 100%
    );
    clip-path: polygon(
        0 0,
        70% 0,
        78% 30px,
        100% 30px,
        100% 100%,
        0 100%
    );
    }
    
    .clip-folder-70R {
    position: relative;
    overflow: hidden; /* IMPORTANT: required for clip-path */
    -webkit-clip-path: polygon(
        0 30px,
        34% 30px,
        38% 0,
        100% 0,
        100% 100%,
        0 100%
    );
    clip-path: polygon(
        0 30px,
        34% 30px,
        38% 0,
        100% 0,
        100% 100%,
        0 100%
    );
    }
    
    
    .clip-trapezium-1 {
    position: relative;
    overflow: hidden; /* IMPORTANT: required for clip-path */
    -webkit-clip-path: polygon(
        0 0,
        80% 0,
        100% 100%,
        50% 100%,
        48% calc(100% - 30px),
        12% calc(100% - 30px),
        10% 100%,
        0 100%
    );
    clip-path: polygon(
        0 0,
        80% 0,
        100% 100%,
        50% 100%,
        48% calc(100% - 30px),
        12% calc(100% - 30px),
        10% 100%,
        0 100%
    );
    }
    
    
    .clip-trapezium-2 {
    position: relative;
    overflow: hidden; /* IMPORTANT: required for clip-path */
    -webkit-clip-path: polygon(
        15% 0,
        100% 0,
        100% 100%,
        0 100%
    );
    clip-path: polygon(
        15% 0,
        100% 0,
        100% 100%,
        0 100%
    );
    }
    
    
    /* =========================
   TABLET (Elementor: max-width 1024px)
   Adjust as needed
   ========================= */
@media (max-width: 1024px) {
    .clip-container {
        -webkit-clip-path: polygon(
            0 0,
            60% 0,
            62% 5%,
            88% 5%,
            90% 0%,
            100% 0%,
            100% 100%,
            50% 100%,
            48% 95%,
            12% 95%,
            10% 100%,
            0 100%
        );
        clip-path: polygon(
            0 0,
            60% 0,
            62% 5%,
            88% 5%,
            90% 0%,
            100% 0%,
            100% 100%,
            50% 100%,
            48% 95%,
            12% 95%,
            10% 100%,
            0 100%
        );
    }
}

/* =========================
   MOBILE (Elementor: max-width 767px)
   Usually straighter / simpler shape
   ========================= */
@media (max-width: 767px) {
    .clip-container {
        -webkit-clip-path: polygon(
            0 0,
            50% 0,
            55% 5%,
            85% 5%,
            90% 0%,
            100% 0%,
            100% 100%,
            50% 100%,
            45% 95%,
            15% 95%,
            10% 100%,
            0 100%
        );
        clip-path: polygon(
            0 0,
            50% 0,
            55% 30px,
            85% 30px,
            90% 0%,
            100% 0%,
            100% 100%,
            50% 100%,
            45% calc(100% - 30px),
            15% calc(100% - 30px),
            10% 100%,
            0 100%
        );
    }
    
    .clip-container-center {
    position: relative;
    overflow: hidden; /* IMPORTANT: required for clip-path */
        -webkit-clip-path: polygon(
            0 0,
            30% 0,
            35% 25px,
            65% 25px,
            70% 0%,
            100% 0%,
            100% 100%,
            0 100%
        );
        clip-path: polygon(
            0 0,
            30% 0,
            35% 25px,
            65% 25px,
            70% 0%,
            100% 0%,
            100% 100%,
            0 100%
        );
    }
    
    
    .clip-trapezium-1, .clip-trapezium-2 {
    position: relative;
    overflow: hidden; /* IMPORTANT: required for clip-path */
        -webkit-clip-path: polygon(
            0 0,
            100% 0,
            100% 100%,
            0% 100%
        );
        clip-path: polygon(
            0 0,
            100% 0,
            100% 100%,
            0% 100%
        );
    }
    
    .clip-folder-70 {
    position: relative;
    overflow: hidden; /* IMPORTANT: required for clip-path */
    -webkit-clip-path: polygon(
        0 0,
        70% 0,
        78% 30px,
        100% 30px,
        100% 100%,
        0 100%
    );
    clip-path: polygon(
        0 0,
        70% 0,
        78% 30px,
        100% 30px,
        100% 100%,
        0 100%
    );
    }
    
    .clip-folder-70R {
    position: relative;
    overflow: hidden; /* IMPORTANT: required for clip-path */
        -webkit-clip-path: polygon(
            0 30px,
            30% 30px,
            38% 0,
            100% 0,
            100% 100%,
            0 100%
        );
        clip-path: polygon( 
            0 30px,
            30% 30px,
            38% 0,
            100% 0,
            100% 100%,
            0 100%
        );
    }
}


    /* =========================
   Product Table
   ========================= */
   
   
    
    .tablepress>:where(thead)>tr>* {
        color: #fff !important;
        border: 2px solid #fff !important;
    }
    

    /* Table Colour */

    .tablepress.table-blue>:where(thead,tfoot)>tr>* {
        background-color: var(--e-global-color-3b80381) !important;
    }
    
    .tablepress.table-blue>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>* {
            background-color: #D1E6FB !important;
    }
    
    .tablepress.table-green>:where(thead,tfoot)>tr>* {
        background-color: #8dc63f !important;
    }
    
    .tablepress.table-green>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>* {
            background-color: #e0eecb !important;
    }

    .tablepress.table-turquoise>:where(thead,tfoot)>tr>* {
        background-color: #00ABBC !important;
    }
    
    .tablepress.table-turquoise>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>* {
            background-color: #C8EAF0 !important;
    }

    .tablepress.table-mint>:where(thead,tfoot)>tr>* {
        background-color: #BDE3DC !important;
    }

    .tablepress.table-rose>:where(thead,tfoot)>tr>* {
        background-color: #ED0C6E !important;
    }
    
    .tablepress.table-rose>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>* {
            background-color: #FBD4D8 !important;
    }

    .tablepress.table-orange>:where(thead,tfoot)>tr>* {
        background-color: #F7941E !important;
    }
    
    .tablepress.table-orange>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>* {
            background-color: #FFEFCE !important;
    }

    .tablepress.table-purple>:where(thead,tfoot)>tr>* {
        background-color: #B41E8E !important;
    }
    
    .tablepress.table-purple>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>* {
            background-color: #E9CFE4 !important;
    }

    .tablepress.table-earth>:where(thead,tfoot)>tr>* {
        background-color: #E1971F !important;
    }
    
    .tablepress.table-earth>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>* {
            background-color: #FFEFC6 !important;
    }
        
        /* Table Colour - End - */

    .tablepress>:where(thead,tfoot)>tr>*, .tablepress>:where(tbody)>tr>* {
        text-align: center !important;
    }
    
    .product-description ul {
        list-style-type: none;
        padding-left: 1em;
    }

  .product-description li::before {
        content: "› ";
        color: black;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }
    
    .woocommerce .woocommerce-breadcrumb {
        margin: 0 auto !important;
    }
    
    /* enquiry button */
    
    table.variations, .pi-custom-button, .pi-submit-enq-button {
        margin: 0 !important;
        font-weight:500 !important;
    }
    
    
    
    /* =========================
   Product Enquiry
   Slide up panel
   ========================= */

    .fixed-footer-container {
      /* Use 'sticky' instead of 'fixed' to handle the transition naturally */
      position: sticky; 
      /* 'bottom: 0' means it sticks to the bottom of the viewport when active */
      bottom: 0; 
      left: 0;
      width: 100%;
  
      /* Initial hidden state, same as before */
      opacity: 0;
      transform: translateY(100%); 
      transition: opacity 0.5s ease-out, transform 0.5s ease-out; 
      z-index: 1000;
    }

    /* Active state: Visible and sticky in place */
    .fixed-footer-container.is-active {
      opacity: 1;
      transform: translateY(0); 
    }

    /* * The 'is-relative-bottom' class and logic are now UNNECESSARY 
    * because 'sticky' handles flowing into the document content automatically!
    */

    /* =====================
    /* Footer 
    /* =================== */
    
    .footer ul.elementor-icon-list-items {
        list-style-type: none!important;
        padding-inline-start: 0 !important;
    }
    
    
    /* =====================
    /* homepage button text slide in 
    /* =================== */    
    
    
    .btn-text .elementor-button-text {
        transition: all 0.3s ease;
    }

    .btn-text:hover .elementor-button-text {
        transform: translateX(10px);
    }/* End custom CSS */