/** Shopify CDN: Minification failed

Line 376:5 Unexpected "}"
Line 436:44 Expected identifier but found whitespace
Line 436:46 Unexpected "{"
Line 436:56 Expected ":"

**/


/* CSS from section stylesheet blocks */
.custom-grid-section {
         display: grid;
         grid-template-columns: 1fr 1fr;
         grid-template-rows: auto auto;
         gap: 20px;
         margin: 0 40px;
         margin-top: 20px;
       }

       .grid-items {
         position: relative;
         padding: 20px 30px;
         color: white;
         text-align: left;
         box-sizing: border-box;
         overflow: hidden;
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         border-radius: 8px;
       }

      .grid-items.top-right h2 {
        margin-bottom: 10px;
      }

       img.stamped {
         position: absolute;
         width: 140px;
         height: 140px;
         bottom: 10px;
         right: 10px;
         transform: rotate(20deg);
       }

       .top-left-content {
         display: flex;
         width: 100%;
         padding-bottom: 30px;
       }

       .tp_containers {
         width: 33%;
       }

       .custom-grid-section .top-left .block-content h1,
       .custom-grid-section .top-left .block-content h4 {
         color: #FFFFFF;
       }

       .custom-grid-section .top-left .block-content h1 {
         font-size: calc(var(--font-heading-scale) * 3.6rem);
         line-height: calc(1 + .1 / max(1, var(--font-heading-scale)));
         margin-top: 10px;
       }

       .custom-grid-section h2 {
         margin-top: 10px;
         margin-bottom: 0px;
         font-size: calc(var(--font-heading-scale) * 2.8rem);
       }

       .grid-items.bottom-left h2 {
         color: #d57700;
       }

       .grid-items.bottom-right h2 {
         color: #427ee4;
       }

       .promo-statement {
         display: inline-block;
         color: rgb(var(--color-foreground));
         padding: 3px 10px;
         border-radius: 3px;
         text-transform: uppercase;
         font-size: 1.2rem;
         margin-bottom: 10px;
         margin-top: 3px;
         font-weight: 600;
         letter-spacing: 0.06;
       }

       .bottom-left .promo-statement {
       background-color: rgba(213, 119, 0, 0.15);
       }

       .bottom-right .promo-statement {
       background-color: rgba(66, 126, 228, 0.15);
       }

       .custom-grid-section p {
         line-height: calc(1 + 0.5 / var(--font-body-scale));
       }

       p.product_subtitle {
         margin-top: 0px;
         margin-bottom: 20px;
         font-size: calc(var(--font-heading-scale) * 1.6rem);
       }

       .custom-grid-section .product h3 {
         font-size: calc(var(--font-heading-scale) * 1.5rem);
       }

       .product p {
         margin-top: 0px !important;
       }

       .product-description h3 {
         margin-top: 0px;
       }

       .product-image a {
         display: inline-block; /* Ensures the anchor tag wraps the image correctly */
         overflow: hidden; /* Hide any overflow when scaling */
       }

       .product-image img {
         transition: transform 0.3s ease; /* Smooth transition for the scaling effect */
       }

       .product-image a:hover img {
         transform: scale(1.03); /* Scale image to 105% on hover */
       }

       .top-left-bg {
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         left: 0;
         z-index: -1;
         background-size: cover;
         background-position: 100%, 50% 100%;
         background-repeat: no-repeat;
         display: block !important;
       }

       .block-content {
         width: 50%;
       }

       .block-content p:first-of-type {
         margin-bottom: 40px;
       }

       .top-right {
         position: relative;
       }

       .top-right-bg {
         position: absolute;
         width: 30%;
         height: auto;
         bottom: 0;
         right: 0;
         z-index: 1;
         object-fit: cover;
       }

       .top-left {
         z-index: 0;
         position: relative;
       }

       .top-right {
         z-index: 0;
         background-size: cover;
         background-position: 0% 100%;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
         box-sizing: border-box;
       }

       .bottom-content {
         display: flex;
         flex-direction: row;
         align-items: flex-end;
         gap: 20px;
         margin-top: auto;
       }

       .bottom-content .product {
         display: flex;
         flex-direction: column;
         flex: 1;
         height: 100%;
       }

       .grid-items .product:nth-child(odd) {
         margin-right: 20px;
       }

       .product-details {
         display: flex;
         flex-direction: row;
         gap: 30px;
         margin-top: auto;
       }

       .price-details {
         display: flex;
         flex-direction: column;
         align-self: flex-end;
         width: 70%;
       }

       .price-details p:nth-child(1) {
         font-size: calc(var(--font-heading-scale) * 1.2rem);
       }

       .price-details p:nth-child(2) {
         font-size: calc(var(--font-heading-scale) * 2.4rem);
         margin-bottom: 0px;
         font-weight: 600;
       }

       .price-details a {
         text-decoration: none;
         font-size: 1.5rem;
         font-weight: 600;
         display: inline-flex;
         align-items: center;
         transition: opacity 0.3s ease;
         position: relative;
         text-wrap: nowrap;
       }

       .price-details a i {
         margin-left: 6px;
         transition: transform 0.3s ease;
       }

       .price-details a:hover {
         opacity: 0.7;
       }

       .price-details a:hover i {
         transform: translateX(3px);
       }

       .product-image {
         display: flex;
         align-self: flex-end;
       }

       .product-image img {
         max-width: 100%;
         height: auto;
         object-fit: contain;
       }

       .bottom-left {
         background-color: #f7f7f7;
       }

       .bottom-right {
         background-color: rgba(66, 126, 228, .07);
       }

       @media (min-width: 1920px) {
         .top-right {
           background-position: 30% 50%;
         }
         .custom-grid-section .product h3 {
           font-size: calc(var(--font-heading-scale) * 1.8rem);
         }
       }

       @media (max-width: 1920px) {
         .top-left-bg {
           background-position: 70%, 50% 100%;
         }
         .top-right-bg {
           width: 40%;
         }
       }

       @media (max-width: 1600px) {
         .block-content {
           width: 70%;
         }
       }

       @media (max-width: 1200px) {
         .top-right {
           background-position: 30% 100%;
         }
         .custom-grid-section h2 {
           font-size: calc(var(--font-heading-scale) * 2.5rem);
         }
       }

       @media (max-width: 1024px) {
         .custom-grid-section {
           grid-template-columns: 1fr;
           grid-template-rows: auto auto auto auto;
           margin: 0 20px;
           gap: 20px 0;
           margin-top: 10px;
         }
       }

    @media (min-width: 1300px) and (max-width: 1600px) {
  .grid-items.top-right .block-content {
    width: 60%;
  }
    }

       @media (min-width: 860px) and (max-width: 1024px) {
         .top-right {
           background-position: 30% 50%;
         }
         .top-right-bg {
           width: 34%;
         }
         .block-content {
           width: 60%;
         }
       }

       @media (min-width: 660px) and (max-width: 900px) {
         .grid-items.top-right .block-content {
           width: 50% !important;
         }
       }

       @media (max-width: 600px) {
         .bottom-content {
           flex-direction: column;
         }
         .tp_containers {
           width: 50%;
         }
         .tp_containers:nth-child(3), .tp_containers:nth-child(4) {
           display: none;
         }
         .custom-grid-section .top-left .block-content h1 {
           font-size: calc(var(--font-heading-scale) * 3rem);
         }
         .product:nth-child(odd) {
           margin-right: 0px;
           margin-bottom: 10px;
           padding-bottom: 30px;
           border-bottom: 1px solid #d57700;
         }
         .grid-items.bottom-right .product:nth-child(odd) {
           border-bottom: 1px solid #427ee4;
         }
       }

       @media (max-width: 445px) {
         .top-right .block-content {
             width: 80%;
         }
             .top-right {
           background-position: 45% 100%;
       }
   }
     }
.cs-product-header img {
               vertical-align: middle;
               max-width: 100%;
               display: inline-block;
           }

                .cs-product-header .grid {
                   grid-column-gap: 30px;
                   grid-row-gap: 30px;
                   grid-template-areas:
                       "Area"
                       "Area";
                   grid-auto-flow: row;
                   align-items: stretch;
                   justify-items: stretch;
                   width: 100%;
                   height: 100%;
                   overflow: visible;
               }

               .cs-product-header .w-layout-grid {
                   grid-row-gap: 16px;
                   grid-column-gap: 16px;
                   grid-template-rows: auto auto;
                   grid-template-columns: 1fr 1fr;
                   grid-auto-columns: 1fr;
                   display: grid;
               }

               @media screen and (max-width: 991px) {
                .cs-product-header .grid {
                     grid-template-columns: 1fr;
                 }
             }

                           .tp_wrapper {
                               display:flex;
                               width: 100%;
                             }
                             .tp_container {
                               width: 33%;

                             }
                           .stamp {
                              position:absolute;
                              width: 140px;
                              height: 140px;
                             top: -100px;
                             right: 10px;
                             transform: rotate(20deg);
                           }

                           .cs-product-header-button a {
                             color: #ffffff;
                             background-color: #287fe4;
                             border: 1px solid #287fe4;
                             padding: 10px .5rem;
                             text-decoration: none !important;
                             padding: 15px;
                             letter-spacing: {{ settings.type_button_spacing | divided_by: 100.0 | append: 'em' }};
                             font-size: var(--font-size-button-large);
                             display: inline-block;
                             cursor: pointer;
                             border-radius: 3px;
                             transition: width 125ms cubic-bezier(0.4, 0, 0.2, 1), height 125ms cubic-bezier(0.4, 0, 0.2, 1), border-color 125ms cubic-bezier(0.4, 0, 0.2, 1), background-color 125ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 125ms cubic-bezier(0.4, 0, 0.2, 1);
                           }

                           .cs-product-header-button a:not(.disabled):hover {
                             background: #3e8ce7;
                             border: 1px solid rgb(62, 140, 231);

                           }

                           @media screen and (min-width: 1080px) {
                             .cs-product-header-button a {
                               font-size: var(--font-size-button-large);
                               padding: 15px;
                             }
                           }

                           @media screen and (min-width: 720px) {
                             .cs-product-header-button a {
                               font-size: var(--font-size-button-large);
                               padding: 15px;
                             }
                           }

                   #shopify-section-cs_product_header_JkVjyc img {
                   vertical-align: middle;
                   max-width: 100%;
                   display: inline-block;
                 }

                    .w-layout-blockcontainer {
                      max-width: 940px;
                      margin-left: none;
                      margin-right: auto;
                      display: block;
                 }
                  .w-layout-grid {
                      grid-row-gap: 16px;
                      grid-column-gap: 16px;
                      grid-template-rows: auto auto;
                      grid-template-columns: 1fr 1fr;
                      grid-auto-columns: 1fr;
                      display: grid;
                 }
                  @media screen and (max-width: 991px) {
                      .w-layout-blockcontainer {
                          max-width: 728px;
                     }
                 }
                  @media screen and (max-width: 767px) {
                      .w-layout-blockcontainer {
                          max-width: none;
                     }
                 }
                  h2 {
                      color: #fff;
                      margin-top: 20px;
                      margin-bottom: 30px;
                      font-size: 36px;
                      font-weight: 700;
                      line-height: 42px;
                 }
                  h3 {
                      color: #0a335a;
                      margin-top: 20px;
                      margin-bottom: 10px;
                      font-size: 20px;
                      font-weight: 700;
                      line-height: 26px;
                 }
                  h4 {
                      color: #fff;
                      margin-top: 10px;
                      font-size: 15px;
                      font-weight: 700;
                      line-height: 20px;
                 }
                  h5 {
                      margin-top: 10px;
                      margin-bottom: 10px;
                      font-size: 14px;
                      font-weight: bold;
                      line-height: 20px;
                 }
                  .div-block {
                      display: flex;
                 }
                  .page-description-container {
                      display: block;
                 }
                  .div-block-2 {
                      width: 60%;
                 }
                  .div-block-3 {
                      flex-flow: column;
                      width: 40%;
                      display: flex;
                 }
                  .page-description-left {
                      width: 60%;
                 }
                  .page-description-right {
                      width: 40%;
                 }
                  .text-block {
                      padding-right: 60px;
                 }
                  .grid {
                      grid-column-gap: 30px;
                      grid-row-gap: 30px;
                      grid-template-areas: "Area" "Area";
                      grid-auto-flow: row;
                      align-items: stretch;
                      justify-items: stretch;
                      width: 100%;
                      height: 100%;
                      overflow: visible;
                 }
                  .headerproductcontainer {
                      width: 100%;
                      max-width: none;
                      display: flex;
                 }
                  .headerproductcontainer.left {
                      border-right: 1px solid rgba(66, 126, 228, .2);
                 }
                  .headerproductcontainer.left.orange {
                      border-right-color: rgba(213, 119, 0, .2);
                      position: relative;
                 }
                  .headerproductcontainer.bottom {
                      flex-flow: row;
                 }
                  .div-block-4 {
                      width: 50%;
                 }
                  .productimagewrapper {
                      justify-content: flex-end;
                      align-items: flex-end;
                      width: 50%;
                      display: flex;
                      position: static;
                 }
                  .cs-product-header .price {
                   color: #0a335a;
                   margin-bottom: 0;
                   font-size: 30px;
                   font-weight: 700;
                   line-height: 34px;
       }
                   .cs-product-header .price>* {
         vertical-align: baseline;
     }
                  .vatprice {
                      font-size: 15px;
                      line-height: 18px;
                      margin-top: 0px;
                 }
                  .productdesc {
                      flex-flow: column;
                      width: 100%;
                      padding-right: 10px;
                      display: flex;
                      justify-content: space-between;
                 }
                  .selfinstalledlowerbottom {
                      grid-column-gap: 20px;
                      grid-row-gap: 20px;
                      grid-template-rows: auto;
                      grid-template-columns: 1fr 1fr;
                      grid-auto-columns: 1fr;
                      justify-items: start;
                      width: 100%;
                      max-width: none;
                      margin-top: 15px;
                      display: grid;
                 }
                  .producttitle {
                      color: #0a335a;
                      margin-top: 0;
                      margin-bottom: 5px;
                      padding-right: 0;
                      font-weight: 600;
                 }
                  .heading-2 {
                      color: #0a335a;
                      margin-top: 0;
                      margin-bottom: 5px;
                      font-size: 15px;
                      line-height: 24px;
                 }
                  .mainsectiontitle {
                      letter-spacing: -1px;
                      margin-top: 0;
                      font-size: 36px;
                      font-weight: 600;
                      line-height: 42px;
                 }
                  .mainsectionsubtitle {
                      width: 80%;
                      margin-bottom: 20px;
                      font-size: 15px;
                      font-weight: 500;
                      line-height: 22px;
                 }
                  .heading-6 {
                      color: #427ee4;
                      letter-spacing: -1px;
                      margin-top: 0;
                      margin-bottom: 20px;
                      font-size: 30px;
                      font-weight: 600;
                      line-height: 34px;
                 }
                  .enterprisesolutionstitle {
                      color: #0a335a;
                      letter-spacing: -1px;
                      margin-top: 0;
                      margin-bottom: 10px;
                      font-size: 30px;
                      font-weight: 600;
                      line-height: 34px;
                 }
                  .selfinstalledtitle {
                      color: #d57700;
                      letter-spacing: -1px;
                      margin-top: 0;
                      margin-bottom: 20px;
                      font-size: 30px;
                      font-weight: 600;
                      line-height: 34px;
                 }
                  .selfinstalledlower {
                      background-color: #f7f7f7;
                      border-bottom-right-radius: 5px;
                      border-bottom-left-radius: 5px;
                      padding: 30px;
                      height: 100%;
                      display: flex;
                       flex-direction: column;
                       justify-content: space-between;
                 }
                  .selfinstalled {
                      background-color: rgba(66, 126, 228, .07);
                      border-radius: 5px;
                      width: 100%;
                      max-width: none;
                      padding: 30px;
                      overflow: hidden;
                      display: flex;
                      flex-direction: column;
                      justify-content: space-between;
                 }
                  .enterprisesolutions {
                      background-image: url('/cdn/shop/files/enterprise_solutions.webp?v=1716901295');
                      background-position: 28%;
                      background-repeat: no-repeat;
                      background-size: cover;
                      border-radius: 5px;
                      width: 100%;
                      max-width: none;
                      height: auto;
                      padding: 30px;
                      display: flex;
                      position: relative;
                 }
                  .div-block-6 {
                      flex-flow: column;
                      justify-content: flex-start;
                      align-items: flex-start;
                      width: 70%;
                      padding-right: 0;
                      display: flex;
                 }
                  .div-block-7 {
                      width: 50%;
                      position: relative;
                 }
                  .container-4 {
                      max-width: none;
                 }
                  .div-block-8 {
                      height: 50%;
                 }
                  .selfinstalledtop {
                      background-image: url('/cdn/shop/files/time-attendance-systems_fg.webp?v=1717149074'), url('/cdn/shop/files/clocking-in-machine-bg.webp?v=1716901295');
                      background-position: 88% 100%, 50% 100%;
                      background-repeat: no-repeat, no-repeat;
                      background-size: cover, cover;
                      border-top-left-radius: 5px;
                      border-top-right-radius: 5px;
                      height: auto;
                      min-height: 470px;
                      padding: 30px;
                 }
                  .clockinginmachines {
                      border-radius: 10px;
                      flex-flow: column;
                      max-width: none;
                      height: 100%;
                      display: flex;
                 }
                  .container-5 {
                      width: 100%;
                      max-width: none;
                      padding-top: 15px;
                      padding-left: 40px;
                      padding-right: 40px;
                 }
                  .selfinstalledcopy {
                      color: #fff;
                      width: 60%;
                 }
                  .link.white {
                      color: var(--white);
                      padding-right: 8px;
                      font-size: 15px;
                      font-weight: 600;
                      text-decoration: none;
                 }
                  .image {
                      width: 295px;
                      min-width: auto;
                      position: absolute;
                      top: auto;
                      bottom: -10%;
                      left: auto;
                      right: 0%;
                 }
                  .button {
                      background-color: #427ee4;
                      border-radius: 40px;
                      padding: 12px 30px;
                      font-size: 15px;
                      font-weight: 600;
                 }
                  .image-2 {
                      vertical-align: baseline;
                      flex: 0 auto;
                 }
                  .paragraph-4, .paragraph-5 {
                      font-size: 15px;
                      line-height: 22px;
                 }
                  .paragraph-7 {
                      font-size: 15px;
                      line-height: 22px;
                 }
                  .smallprice {
                      font-size: 18px;
                 }
                  .container-6, .selfinstalledlowertop {
                      max-width: none;
                 }
                  .text-block-2 {
                      color: var(--white);
                      font-family: "Font Awesome 6 Pro Solid 900", sans-serif;
                 }
                  .link-block {
                      text-decoration: none;
                      display: flex;
                 }
                  .text-block-3 {
                      font-family: "Font Awesome 6 Pro Solid 900", sans-serif;
                      text-decoration: none;
                 }
                  .link-block-2 {
                      color: #427ee4;
                      text-decoration: none;
                      display: flex;
                      align-items: center;
                 }
                  .link-block-2.orange {
                      color: #d57700;
                      flex-flow: row;
                      align-items: center;
                 }
                  .text-block-4 {
                      padding-right: 8px;
                      font-weight: 700;
                 }
                  .image-6 {
                      width: 50px;
                      position: absolute;
                      top: 300px;
                      bottom: 0%;
                      left: auto;
                      right: 0%;
                 }
                  .pricewrapper {
                      flex-flow: column;
                      justify-content: flex-end;
                      width: 50%;
                      display: flex;
                 }
                  .priceimagewrapper {
                      display: flex;
                 }
                  .enterprisepageherocontainer {
                      background-image: url('../images/enterprise_bg.webp');
                      background-position: 0 0;
                      background-size: cover;
                      width: 100%;
                      max-width: 100%;
                      padding-left: 0;
                      padding-right: 0;
                 }
                  .enterprisepageherowrapper {
                      width: 100%;
                      padding-left: 30px;
                      padding-right: 30px;
                 }
                  .uspstrip {
                      grid-column-gap: 16px;
                      grid-row-gap: 16px;
                      grid-template-rows: auto;
                      grid-template-columns: 1fr 1fr 1fr 1fr;
                      grid-auto-columns: 1fr;
                      align-items: start;
                      justify-items: start;
                      max-width: 1200px;
                      display: grid;
                 }
                  .uspblock {
                      background-color: rgba(255, 255, 255, .4);
                      border-radius: 10px;
                      align-items: flex-start;
                      width: 100%;
                      padding: 20px 20px 10px;
                      display: flex;
                 }
                  .uspcol1 {
                      width: 20%;
                      height: auto;
                      margin-right: 10px;
                      padding-right: 0;
                 }
                  .uspcol2 {
                      flex-flow: column;
                      align-items: flex-start;
                      width: 80%;
                      display: flex;
                 }
                  .image-7 {
                      width: 30px;
                      height: 30px;
                      padding-right: 0;
                 }
                  .heading-7 {
                      color: #0a335a;
                      margin-top: 0;
                 }
                  .paragraph-8 {
                      font-size: 15px;
                      font-weight: 400;
                      line-height: 22px;
                 }
                  .enterpriseheadingtext {
                      max-width: 1200px;
                 }
                  .div-block-10 {
                      width: 40%;
                 }
                  .container-7 {
                      width: 100%;
                      max-width: 1200px;
                      display: flex;
                 }
                  .container-8 {
                      width: 50%;
                      max-width: none;
                      padding-right: 10%;
                      position: relative;
                 }
                  .container-9 {
                      grid-column-gap: 40px;
                      grid-row-gap: 60px;
                      grid-template-rows: auto;
                      grid-template-columns: 1fr 1fr;
                      grid-auto-columns: 1fr;
                      align-items: start;
                      justify-items: start;
                      width: 50%;
                      max-width: none;
                      display: grid;
                 }
                  .text-block-5 {
                      color: #fff;
                 }
                  .heading-10 {
                      color: #fff;
                      line-height: 42px;
                 }
                  .paragraph-10 {
                      color: #fff;
                 }
                  .heading-11 {
                      color: #fff;
                 }
                  .paragraph-11 {
                      color: #fff;
                      font-size: 15px;
                      line-height: 20px;
                 }
                  .image-8 {
                      width: 60px;
                 }
                  .paragraph-13 {
                      color: #fff;
                 }
                  .pretitle {
                      color: #fff;
                 }
                  .image-9 {
                      width: 85%;
                      position: absolute;
                      top: auto;
                      bottom: -18%;
                      left: 0%;
                      right: 0%;
                 }
                  .section-2 {
                      width: 100%;
                      padding: 60px 30px;
                 }
                  .container-10 {
                      grid-column-gap: 60px;
                      grid-row-gap: 16px;
                      grid-template-rows: auto;
                      grid-template-columns: 1fr 1fr 1fr 1fr;
                      grid-auto-columns: 1fr;
                      align-items: start;
                      justify-items: start;
                      max-width: 1200px;
                      display: grid;
                 }
                  .paragraph-14 {
                      color: #1d1d1d;
                 }
                  .heading-12, .heading-13, .heading-14 {
                      color: #0a335a;
                      min-height: 50px;
                 }
                  .heading-15 {
                      color: #0a335a;
                 }
                  .section-3 {
                      width: 100%;
                      padding-top: 60px;
                      padding-bottom: 60px;
                 }
                  .container-11 {
                      max-width: 1200px;
                 }
                  .container-12 {
                      grid-column-gap: 60px;
                      grid-row-gap: 16px;
                      grid-template-rows: auto;
                      grid-template-columns: 1fr 1fr 1fr;
                      grid-auto-columns: 1fr;
                      align-items: start;
                      justify-items: start;
                      max-width: 1200px;
                      margin-top: 40px;
                      display: grid;
                 }
                  .div-block-11, .image-10 {
                      width: 100%;
                 }
                  .heading-16, .heading-17 {
                      min-height: 50px;
                 }
                  .heading-18 {
                      height: 50px;
                 }
                  .heading-19 {
                      color: #0a335a;
                 }
                  .ticker-logo {
                      flex: none;
                      width: auto;
                      height: 2.5em;
                      margin-left: 1.5em;
                      margin-right: 1.5em;
                 }
                  .container {
                      grid-column-gap: 1em;
                      grid-row-gap: 1em;
                      grid-template-rows: auto;
                      grid-template-columns: 1fr;
                      grid-auto-columns: 1fr;
                      width: 100%;
                      max-width: none;
                      min-height: 50px;
                      margin-left: auto;
                      margin-right: auto;
                      display: grid;
                      position: relative;
                 }
                  .card {
                      grid-column-gap: 1em;
                      grid-row-gap: 1em;
                      background-color: #fff;
                      border-radius: 1em;
                      flex-flow: column;
                      justify-content: center;
                      align-items: center;
                      width: 100%;
                      max-width: none;
                      padding-top: 1.5em;
                      padding-bottom: 1.5em;
                      display: flex;
                 }
                  .style-section {
                      grid-column-gap: 4em;
                      grid-row-gap: 4em;
                      border-bottom: 1px #000;
                      grid-template-rows: auto;
                      grid-template-columns: 1fr;
                      grid-auto-columns: 1fr;
                      grid-auto-flow: column;
                      width: 100%;
                      max-width: none;
                      display: grid;
                 }
                  .group {
                      grid-template-rows: auto;
                      grid-template-columns: 1fr;
                      grid-auto-columns: 1fr;
                      width: 100%;
                      max-width: none;
                      display: grid;
                 }
                  .group.has-48-gap {
                      grid-column-gap: 0em;
                      grid-row-gap: 0em;
                      max-width: none;
                 }
                  .ticker-content {
                      flex: none;
                      justify-content: flex-start;
                      align-items: center;
                      display: flex;
                 }
                  .customerlogosection {
                      position: relative;
                 }
                  .ticker {
                      flex-flow: row;
                      justify-content: flex-start;
                      align-items: center;
                      width: 100%;
                      display: flex;
                      position: relative;
                      overflow: hidden;
                 }
                  .ticker.is-reversed {
                      justify-content: flex-end;
                      align-items: center;
                 }
                  .secondaryprices {
                      flex-flow: column;
                      display: flex;
                 }
                  @media screen and (min-width: 1280px) {
                      h3 {
                          color: #0a335a;
                          font-size: 18px;
                          line-height: 22px;
                     }
                      h5 {
                          color: #0a335a;
                          margin-top: 0;
                          font-size: 15px;
                     }
                      .headerproductcontainer.left.orange {
                          position: relative;
                     }
                      .vatprice {
                          line-height: 18px;
                     }
                      .productdesc {
                          padding-right: 20px;
                     }
                      .selfinstalledlowerbottom {
                          pointer-events: auto;
                          cursor: auto;
                          align-content: start;
                          justify-content: start;
                          align-items: stretch;
                          justify-items: start;
                          overflow: visible;
                     }
                      .enterprisesolutions {
                          background-position: 30%;
                          /* height: 470px; */
                          padding-top: 40px;
                     }
                      .div-block-6 {
                          width: 66%;
                     }
                      .selfinstalledtop {
                          background-image: url('/cdn/shop/files/time-attendance-systems_fg.webp?v=1717149074'), url('/cdn/shop/files/clocking-in-machine-bg.webp?v=1716901295');
                          background-position: 84% 100%, 50% 100%;
                          background-repeat: no-repeat, no-repeat;
                          background-size: cover, cover;
                          max-height: none;
                          padding-top: 30px;
                          padding-left: 30px;
                     }
                      .selfinstalledcopy {
                          width: 60%;
                     }
                      .link.white:hover {
                          padding-right: 13px;
                     }
                      .image {
                          bottom: -7%;
                     }
                      .button {
                          color: #fff;
                          border: 2px solid #427ee4;
                     }
                      .button:hover {
                          color: #427ee4;
                          background-color: rgba(66, 126, 228, 0);
                     }
                      .image-2, .image-3, .image-4, .image-5 {
                          max-width: 80%;
                     }
                      .link-block:hover, .link-block-2:hover {
                          opacity: .8;
                     }
                      .text-block-4:hover {
                          padding-right: 13px;
                     }
                      .text-span {
                          font-size: 18px;
                     }
                      .image-6 {
                          width: 80px;
                          position: absolute;
                          top: 130px;
                          bottom: 0%;
                          left: auto;
                          right: -2%;
                          overflow: visible;
                     }
                      .pricewrapper {
                          flex-flow: column;
                          justify-content: flex-end;
                          align-items: flex-start;
                          display: flex;
                     }
                      .enterprisepageherocontainer {
                          background-position: 100%;
                          background-repeat: no-repeat;
                          padding-top: 100px;
                          padding-bottom: 40px;
                     }
                      .uspstrip {
                          max-width: 1550px;
                          margin-top: 120px;
                     }
                      .enterpriseheadingtext {
                          max-width: 1550px;
                     }
                      .paragraph-9 {
                          margin-bottom: 30px;
                          font-size: 15px;
                          line-height: 26px;
                     }
                      .heading-8 {
                          color: #0a335a;
                          font-size: 18px;
                          line-height: 32px;
                     }
                      .heading-9 {
                          color: #00162b;
                          margin-top: 0;
                          font-size: 40px;
                          line-height: 40px;
                     }
                      .button-2 {
                          background-color: #427ee4;
                          border-radius: 50px;
                          padding: 15px 40px;
                          font-size: 15px;
                          font-weight: 600;
                     }
                      .container-7 {
                          max-width: 1550px;
                          display: flex;
                     }
                      .heading-10 {
                          font-size: 36px;
                     }
                      .paragraph-10 {
                     }
                      .paragraph-12, .paragraph-13 {
                          color: #fff;
                     }
                      .pretitle {
                          color: #fff;
                     }
                      .image-9 {
                          width: 70%;
                          bottom: -22%;
                     }
                      .container-10 {
                          max-width: 1550px;
                     }
                      .heading-15 {
                          margin-top: 0;
                     }
                      .section-3 {
                          width: 100%;
                     }
                      .secondaryprices {
                          display: flex;
                     }
                 }
                  @media screen and (min-width: 1440px) {
                      .productimagewrapper {
                          width: 34%;
                     }
                      .productdesc {
                          align-items: flex-start;
                     }
                      .selfinstalledlower {
                          border-bottom-right-radius: 5px;
                          border-bottom-left-radius: 5px;
                     }
                      .selfinstalled {
                          border-radius: 5px;
                     }
                      .enterprisesolutions {
                          border-radius: 5px;
                     }
                      .div-block-6 {
                          width: 50%;
                     }
                      .selfinstalledtop {
                          background-position: 100%, 50% 100%;
                          border-top-left-radius: 5px;
                          border-top-right-radius: 5px;
                          padding-top: 40px;
                     }
                      .clockinginmachines {
                          border-radius: 5px;
                     }
                      .image-2, .image-3, .image-4, .image-5 {
                          max-width: 70%;
                     }
                      .pricewrapper {
                          width: 70%;
                     }
                      .priceimagewrapper {
                          width: 100%;
                     }
                      .secondaryprices {
                          flex-flow: row;
                     }
                 }
                  @media screen and (max-width: 991px) {
                      .page-description-container {
                          flex-flow: column;
                     }
                      .page-description-left, .page-description-right {
                          width: 100%;
                     }
                      .aftercare {
                          border-bottom: 1px solid #000;
                          padding-bottom: 40px;
                     }
                      .grid {
                          grid-template-columns: 1fr;
                     }
                      .headerproductcontainer, .headerproductcontainer.left {
                          max-width: none;
                     }
                      .productimagewrapper {
                          width: 40%;
                     }
                      .mainsectiontitle {
                          font-size: 34px;
                          line-height: 40px;
                     }
                      .selfinstalledlower {
                          padding-top: 0;
                     }
                      .enterprisesolutions {
                          background-position: 0%;
                          padding-top: 60px;
                     }
                      .selfinstalledtop {
                          background-position: 90% 100%, 50% 100%;
                          background-size: cover, cover;
                          min-height: 400px;
                     }
                      .container-5 {
                          padding-top: 20px;
                          padding-left: 20px;
                          padding-right: 20px;
                     }
                      .image {
                          bottom: -8%;
                          right: 0%;
                     }
                      .image-6 {
                          top: 220px;
                     }
                      .pricewrapper {
                          width: 60%;
                     }
                      .container {
                          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
                          padding-left: 2em;
                          padding-right: 2em;
                     }
                      .style-section {
                          grid-column-gap: 1.5em;
                          grid-row-gap: 1.5em;
                          grid-template-columns: 1fr;
                          grid-auto-flow: row;
                     }
                 }
                  @media screen and (max-width: 767px) {
                      .headerproductcontainer.left {
                          border-bottom: 1px solid rgba(66, 126, 228, .2);
                          border-right-style: none;
                          padding-bottom: 30px;
                     }
                      .headerproductcontainer.left.orange {
                          border-bottom: 1px solid rgba(213, 119, 0, .2);
                          padding-bottom: 30px;
                          overflow: hidden;
                     }
                      .headerproductcontainer.bottom {
                          margin-top: 20px;
                     }
                      .productimagewrapper {
                          width: 25%;
                     }
                      .selfinstalledlowerbottom {
                          grid-template-rows: auto auto;
                          grid-template-columns: 1fr;
                          grid-auto-flow: row;
                          align-items: start;
                          justify-items: start;
                     }
                      .mainsectiontitle {
                          font-size: 30px;
                          line-height: 36px;
                     }
                      .heading-6, .enterprisesolutionstitle, .selfinstalledtitle {
                          font-size: 26px;
                          line-height: 30px;
                     }
                     .selfinstalledtitle {
                          width: 80%;
                     }
                      .enterprisesolutions {
                          background-position: 30%;
                     }
                      .div-block-6 {
                          justify-content: center;
                          align-items: flex-start;
                          width: 74%;
                     }
                      .div-block-7 {
                          width: 100%;
                     }
                      .selfinstalledtop {
                          background-position: 84% 100%, 50% 100%;
                          background-size: cover, cover;
                          min-height: 530px;
                          max-height: 530px;
                     }
                      .container-5 {
                          padding-left: 20px;
                          padding-right: 20px;
                     }
                      .selfinstalledcopy {
                          width: 60%;
                     }
                      .image {
                          width: 220px;
                          bottom: -8%;
                     }
                      .image-6 {
                          top: 140px;
                          right: 1%;
                     }
                      .pricewrapper {
                          width: 75%;
                     }
                      .container {
                          grid-template-columns: 1fr;
                          padding-left: 1.5em;
                          padding-right: 1.5em;
                     }
                      .style-section {
                          grid-template-columns: 1fr;
                          grid-auto-flow: row;
                     }
                      .customerlogosection {
                          padding-top: 3em;
                          padding-bottom: 3em;
                     }
                      .secondaryprices {
                          flex-flow: row;
                          display: flex;
                     }
                 }
                  @media screen and (max-width: 479px) {
                      .headerproductcontainer {
                          flex-flow: column;
                     }
                      .headerproductcontainer.left {
                          flex-flow: column;
                          padding-bottom: 20px;
                          display: flex;
                     }
                      .headerproductcontainer.left.orange {
                          padding-bottom: 20px;
                     }
                      .productimagewrapper {
                          order: 1;
                          justify-content: flex-end;
                          align-self: auto;
                          align-items: flex-end;
                          width: auto;
                          margin-bottom: 0;
                          position: relative;
                          overflow: hidden;
                     }
                      .productdesc {
                          flex-flow: column;
                          order: 1;
                          width: 100%;
                          margin-bottom: 10px;
                          display: flex;
                     }
                      .selfinstalledlowerbottom {
                          grid-column-gap: 10px;
                          grid-row-gap: 10px;
                     }
                      .mainsectiontitle {
                          color: #0a335a;
                          font-size: 30px;
                          line-height: 34px;
                     }
                      .mainsectionsubtitle {
                          color: #0a335a;
                     }
                      .heading-6 {
                          font-size: 26px;
                          line-height: 30px;
                     }
                      .enterprisesolutionstitle {
                          color: #fff;
                          font-size: 26px;
                          line-height: 30px;
                     }
                      .selfinstalledtitle {
                          font-size: 26px;
                          line-height: 30px;
                     }
                      .paragraph {
                          margin-bottom: 0;
                     }
                      .enterprisesolutionssubtitle {
                          color: #fff;
                     }
                      .selfinstalledlower, .selfinstalled {
                          border-radius: 0;
                          padding-left: 20px;
                          padding-right: 20px;
                        display: flex;
                      flex-direction: column;
                      justify-content: space-between;
                     }
                      .enterprisesolutions {
                          background-image: url('/cdn/shop/files/enterprise_bg_mobile.webp?v=1717149075');
                          background-position: 41%;
                          background-size: contain;
                          border-radius: 0;
                          /* height: 650px; */
                          padding-top: 40px;
                          padding-left: 20px;
                          padding-right: 20px;
                     }
                      .div-block-6 {
                          justify-content: flex-start;
                          width: 100%;
                     }
                      .selfinstalledtop {
                          background-image: url('/cdn/shop/files/time-attendance-systems_fg_mobile.webp?v=1717149074'), url('/cdn/shop/files/clocking-in-machine-bg.webp?v=1716901295');
                          background-position: 100% 100%, 50% 100%;
                          background-repeat: repeat, no-repeat;
                          background-size: cover, cover;
                          border-radius: 0;
                          min-height: 550px;
                          padding-left: 20px;
                          padding-right: 20px;
                     }
                      .clockinginmachines {
                          border-radius: 0;
                     }
                      .container-5 {
                          padding-top: 0;
                          padding-left: 0;
                          padding-right: 0;
                     }
                      .selfinstalledcopy {
                          width: 100%;
                     }
                      .image {
                          width: 280px;
                          top: auto;
                          bottom: -6%;
                          left: 6%;
                          right: 0%;
                     }
                      .image-2 {
                          vertical-align: bottom;
                          width: 100px;
                     }
                      .image-3 {
                          width: 100px;
                     }
                      .image-4 {
                          vertical-align: baseline;
                          width: 100px;
                     }
                      .image-5 {
                          width: 100px;
                     }
                      .image-6 {
                          top: 50px;
                          right: 53%;
                     }
                      .pricewrapper {
                          flex-flow: column;
                          align-items: flex-start;
                          width: auto;
                          display: flex;
                     }
                      .priceimagewrapper {
                          flex-flow: row;
                          justify-content: space-between;
                          align-items: flex-end;
                     }
                      .secondaryprices {
                          flex-flow: column;
                     }
                 }
                  #w-node-_02faaede-f5d4-487b-7ad1-96ad81a985cd-589d9e08 {
                      	grid-row: span 2 / span 2;
                 }
                  #w-node-_02faaede-f5d4-487b-7ad1-96ad81a9860d-589d9e08 {
                      grid-area: 1 / 1 / 2 / 2;
                 }
                  #w-node-_02faaede-f5d4-487b-7ad1-96ad81a9861d-589d9e08 {
                      grid-area: 1 / 2 / 2 / 3;
                 }
                  #w-node-_02faaede-f5d4-487b-7ad1-96ad81a985dc-589d9e08, #w-node-_2a22b056-de11-dd03-341c-8695368eca58-9d1b3030 {
                      grid-area: 1 / 1 / 2 / 2;
                 }
                  #w-node-c4b78ca2-a931-91df-fc53-610219968fce-9d1b3030, #w-node-_879e84e4-6dc0-f221-c381-b468e5f7c7de-9d1b3030, #w-node-_04fe445c-d4db-c8fb-4733-209e989676cb-9d1b3030 {
                      grid-area: span 1 / span 1 / span 1 / span 1;
                 }
                  #w-node-fb9c5a86-7578-22e4-b277-bdec8f118153-6fa96592 {
                      grid-area: 1 / 1 / 2 / 2;
                 }
                  #w-node-_1f0c32ce-5fba-f067-64a3-31f22d530cdc-6fa96592 {
                      grid-area: span 1 / span 1 / span 1 / span 1;
                 }
                  #w-node-f13f5bef-5202-60fc-b351-6e953644bf7b-878fcdf7, #w-node-ef3a1ab1-bf47-7ce3-c322-a26c26f59ae7-36ff813b {
                      grid-area: 1 / 1 / 2 / 2;
                 }
                  #w-node-_5f329410-5650-b07b-8335-7092b1fd11df-36ff813b, #w-node-dd7eae04-7ca4-646a-f942-19e2935fc6a9-36ff813b {
                      grid-area: span 1 / span 1 / span 1 / span 1;
                 }
                  @media screen and (min-width: 1280px) {
                      #w-node-_02faaede-f5d4-487b-7ad1-96ad81a9860d-589d9e08, #w-node-_02faaede-f5d4-487b-7ad1-96ad81a985dc-589d9e08 {
                          grid-area: 1 / 1 / 2 / 2;
                     }
                      #w-node-_02faaede-f5d4-487b-7ad1-96ad81a985ec-589d9e08 {
                          grid-area: 1 / 2 / 2 / 3;
                     }
                 }
                  @media screen and (max-width: 767px) {
                      #w-node-_02faaede-f5d4-487b-7ad1-96ad81a9861d-589d9e08 {
                          grid-area: span 1 / span 1 / span 1 / span 1;
                     }
                 }
                  @media screen and (max-width: 479px) {
                      #w-node-_02faaede-f5d4-487b-7ad1-96ad81a985dc-589d9e08 {
                          grid-area: span 1 / span 1 / span 1 / span 1;
                     }
                 }
                  @font-face {
                      font-family: 'Font Awesome 6 Pro 300';
                      src: url('../fonts/Font-Awesome-6-Pro-Light-300.otf') format('opentype');
                      font-weight: 300;
                      font-style: normal;
                      font-display: auto;
                 }
                 @font-face {
                      font-family: 'Font Awesome 6 Pro 900';
                      src: url('../fonts/Font-Awesome-6-Pro-Solid900.otf') format('opentype');
                      font-weight: 400;
                      font-style: normal;
                      font-display: auto;
                 }

         h1.mainsectiontitle, h4.mainsectionsubtitle {
           color:#FFFFFF;
         }

           @media screen and (max-width: 479px) {
             .enterprisesolutions {
                 background-size: cover !important;
             }
             img.stamp {
                             top: -130px !important;
                             right: 20px !important;
            }
             h1.mainsectiontitle, h4.mainsectionsubtitle {
           color:#0a335a;
         }
         }

     @media screen and (min-width: 1500px) {
       .enterprisesolutions {
           /* height: 400px; */
       }
       .selfinstalledtop {
         height: 400px;
         min-height: 400px;
     }
   }


  @media screen and (max-width: 1200px) {
   .cs-product-header .w-layout-grid {
     grid-template-columns: 1fr;
   }
  }