/* TABLET RESPONSIVE CSS */

/* Heading section */
@media (min-width: 769px) and (max-width: 1024px) {
    .row-fluid {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .widget-span {
        width: 100% !important;
        max-width: 98% !important; /* Reduced side padding for almost edge-to-edge layout */
        margin: 0 auto !important;
    }

    /* Center headers and text */
    .hs_cos_wrapper_type_header,
    .hs_cos_wrapper_type_text,
    .hs_cos_wrapper_type_rich_text {
        text-align: center !important;
    }

    /* Center CTA button */
    .cta--area a {
        display: inline-block !important;
        margin: 20px auto !important;
        text-align: center !important;
        padding: 12px 24px !important; /* Slightly larger padding for tablet touch targets */
    }

    /* Ensure CTA container centers */
    .widget_1739191800924 {
        display: flex !important;
        justify-content: center !important;
    }

    /* Center image */
    .hs_cos_wrapper_type_linked_image img {
        display: block !important;
        margin: 0 auto !important;
        max-width: 100% !important;
        height: auto !important;
    }
 /* ------------------------------------------------------------ */
  /* For External Users */

    .cell_17380803522312-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cell_17380803522312-padding[style] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
  
   /* ------------------------------------------------------------ */
  
  /* For Complete Your Site Orientation */

    /* Remove padding and center content for the left-side column */
    .cell_17380874032503-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    /* Override inline styles for the left-side column */
    .cell_17380874032503-padding[style] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    /* Remove padding and center content for the right-side column */
    .cell_17380874032502-vertical-alignment {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    /* Override inline styles for the right-side column */
    .cell_17380874032502-vertical-alignment[style] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    /* Center text within the rich text module */
    #hs_cos_wrapper_widget_1738971762923 p {
        text-align: center !important;
    }

    /* Center the QR image */
    #hs_cos_wrapper_module_17380874032505 img {
        margin: 0 auto !important;
        display: block !important;
    }

    /* Center the 'Complete your Site Orientation' text */
    #hs_cos_wrapper_module_17380874032508_ {
        display: block !important;
        text-align: center !important;
        margin: 0 auto !important;
    }

 /* ------------------------------------------------------------ */

/* Skid Steer Section for Tablet Portrait */

/* Remove padding and center content for the image and link column */
.cell_1738087375470-vertical-alignment {
    order: 2; /* Move image below text */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Override inline styles for the image and link column */
.cell_1738087375470-vertical-alignment[style] {
    order: 1; /* Move text content to the top */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the image */
#hs_cos_wrapper_module_17380873718068 img {
    margin: 0 auto !important;
    display: block !important;
}

/* Center the button link and make it a single line */
#hs_cos_wrapper_module_1738095362112 p {
    text-align: center !important;
    display: inline !important;
    white-space: nowrap !important;
}

#hs_cos_wrapper_module_1738095362112 p a {
    display: inline-block !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Remove padding and center content for the text content column */
.cell_1738087371806-vertical-alignment {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Override inline styles for the text content column */
.cell_1738087371806-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the 'Perform a Skid Steer Inspection' text */
#hs_cos_wrapper_module_1738087371806_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

/* Ensure full-width columns for tablet */
.dnd-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

 /* ------------------------------------------------------------ */
/* For Safety Data Sheets Section */
.cell_17389491435122-vertical-alignment,
.cell_17389491435122-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Center the 'Access Safety Data Sheets' text as one line */
#hs_cos_wrapper_module_17389491435133,
#hs_cos_wrapper_module_17389491435133_ {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

/* Center the image */
#hs_cos_wrapper_module_17389491435137 img {
    margin: 0 auto !important;
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Center the button link and make it a single line */
#hs_cos_wrapper_module_17389491435138 p {
    text-align: center !important;
    display: inline !important;
    white-space: nowrap !important;
}

#hs_cos_wrapper_module_17389491435138 p a {
    display: inline-block !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Center the descriptive text */
#hs_cos_wrapper_widget_1738971877038 p {
    text-align: center !important;
    margin: 0 auto !important;
}

   /* ------------------------------------------------------------ */

    /* For Your Team in the Field */
    .cell_1738087454493-padding,
    .cell_1738087454493-padding[style] {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }

    #hs_cos_wrapper_module_1738172912278 h1 {
      padding-left: 50px !important;
      padding-right: 50px !important;
  }

  
    /* ------------------------------------------------------------ */

  
/* For Access Anywhere */
.cell_17380874905092-vertical-alignment,
.cell_17380874905092-vertical-alignment[style] {
    order: 2; /* Move image below text */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cell_17380874905093-vertical-alignment,
.cell_17380874905093-vertical-alignment[style] {
    order: 1; /* Move text content to the top */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Center the image */
#hs_cos_wrapper_module_17380874905095 img {
    margin: 0 auto !important;
    display: block !important;
}

/* Center the 'Access Anywhere' text as one line without ellipsis */
#hs_cos_wrapper_module_17380874905098_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

/* Center the rich text content */
#hs_cos_wrapper_widget_1739386817138 p {
    text-align: center !important;
}

/* Ensure full-width columns for mobile */
.dnd-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

  /* ------------------------------------------------------------ */
/* For View Your Personalized To-Do List - Tablet CSS */
/* Remove padding and center content for the left-side column */
.cell_17380875492133-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Override inline styles for the left-side column */
.cell_17380875492133-padding[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Remove padding and center content for the right-side column */
.cell_1738088270757-vertical-alignment {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Override inline styles for the right-side column */
.cell_1738088270757-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the heading */
#hs_cos_wrapper_module_17380875492138_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the rich text content */
#hs_cos_wrapper_widget_1738972046775 p {
    text-align: center !important;
}

/* Center the video */
.hs-video-container {
    margin: 0 auto !important;
    display: block !important;
}
  
  /* ------------------------------------------------------------ */

/* Update Certifications Quickly - Tablet CSS */
  
 .dnd_area-row-8-background-layers {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .dnd_area-row-8-background-layers .span6 {
    width: 100% !important;
  }

  /* Ensure text appears first */
  .cell_1738087575487-padding {
    order: 1;
  }

  /* Ensure video appears second */
  .cell_1738195693896-padding {
    order: 2;
  }

  /* Maintain video size only for this section */
  .dnd_area-row-8-background-layers .hs-video-container {
    max-width: 400px !important;
    margin: 0 auto;
  }


  


  /* ------------------------------------------------------------ */
/* For Report Incidents Instantly */

/* Center the left-side column (text content) */
.cell_17380876120883-vertical-alignment {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Override inline styles for the left-side column */
.cell_17380876120883-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the right-side column (QR code image) */
.cell_17380876120882-vertical-alignment {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Override inline styles for the right-side column */
.cell_17380876120882-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the heading and link in one line */
#hs_cos_wrapper_module_1738087612089_, #hs_cos_wrapper_module_1738253570583 {
    display: inline-block !important;
    text-align: center !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
}

/* Wrap them in a flex container for better alignment */
.text-link-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* Optional spacing */
}

/* Center the rich text content */
#hs_cos_wrapper_widget_1738972178007 p {
    text-align: center !important;
}

/* Center the QR code image */
#hs_cos_wrapper_module_17380876120885 img {
    margin: 0 auto !important;
    display: block !important;
}

/* Ensure full-width columns for mobile */
.dnd-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Add spacing for a balanced layout on small screens */
@media (max-width: 768px) {
    .row-fluid {
        flex-direction: column;
    }

    .cell_17380876120883-vertical-alignment,
    .cell_17380876120882-vertical-alignment {
        margin-bottom: 20px;
    }
}
   /* ------------------------------------------------------------ */
  
/* For 'Watch what happens next' section - Tablet CSS */
@media (min-width: 769px) and (max-width: 1024px) {
    .cell_1738087740223-padding {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 20px !important;
    }

    .cell_1738087740223-padding[style] {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 20px !important;
    }
}
  
    /* ------------------------------------------------------------ */

  
  /* For Supervisors - Tablet CSS */
.cell_17389404319382-padding,
.cell_17389404319382-padding[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#hs_cos_wrapper_module_17389404319382 h1 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}
  
  
  
 /* ------------------------------------------------------------ */  

/* For Receive Instant Reports from your team - Tablet CSS */



  .dnd_area-row-12-background-layers .widget-type-text,
  .dnd_area-row-12-background-layers .widget-type-rich_text {
    text-align: center !important;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .dnd_area-row-12-background-layers .widget-type-text span {
    display: block;
    width: 100%;
    text-align: center !important;
  }

  .dnd_area-row-12-background-layers .widget-type-rich_text p {
    text-align: center !important;
  }

 /* ------------------------------------------------------------ */

/* For View Your Team Members' To-Do Lists - Tablet CSS */

   .dnd_area-row-13-background-layers > .row-fluid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* TEXT COLUMN — move to top */
  .cell_17398051935403-padding {
    order: -1 !important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  /* VIDEO COLUMN — comes after text */
  .cell_17398051935402-padding {
    order: 1 !important;
    width: 100% !important;
    display: flex;
    justify-content: center;
  }

  /* Text styling */
  .cell_17398051935403-padding .widget-type-text,
  .cell_17398051935403-padding .widget-type-rich_text {
    text-align: center !important;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
  }

  /* Video container styling */
  .cell_17398051935402-padding .hs-video-widget {
    width: 100% !important;
    display: flex;
    justify-content: center !important;
  }

  .cell_17398051935402-padding .hs-video-container {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
  }
  
  
    /* ------------------------------------------------------------ */



   /* For Administrators */
.dnd-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dnd-column[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Center the heading */
#hs_cos_wrapper_module_17382597915314_ h1 {
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the rich text content */
#hs_cos_wrapper_widget_1738972779694_ p {
    text-align: center !important;
}
  
      /* ------------------------------------------------------------ */
   /* For Create Custom Forms and Workflows - Tablet CSS */

.dnd_area-row-15-background-layers {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* Ensure text section appears first */
  .cell_17380880640552-padding {
    order: -1; /* Moves the text block above */
    width: 100%;
  }

  .cell_1738352483849-vertical-alignment {
    width: 100%;
  }

  .dnd_area-row-15-background-layers .widget-type-text,
  .dnd_area-row-15-background-layers .widget-type-rich_text {
    text-align: center !important;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .dnd_area-row-15-background-layers .widget-type-text span,
  .dnd_area-row-15-background-layers .widget-type-rich_text p {
    display: block;
    width: 100%;
    text-align: center !important;
  }


  

    /* ------------------------------------------------------------ */

/* For Access Full To-Do Lists - Tablet CSS */

/* Ensure the parent section is a flex container */
.dnd_area-row-16-vertical-alignment .row-fluid {
    display: flex;
    flex-direction: column;
}

/* Ensure the text content comes first */
.dnd_area-row-16-vertical-alignment .cell_1738259925010-vertical-alignment {
    order: 1;
    padding: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
}

/* Override inline styles for the text content column */
.dnd_area-row-16-vertical-alignment .cell_1738259925010-vertical-alignment[style] {
    padding: 0 !important;
    text-align: center !important;
}

/* Ensure the image appears after the text */
.dnd_area-row-16-vertical-alignment .cell_17382599250102-vertical-alignment {
    order: 2;
    padding: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
    max-width: 600px !important;
}

/* Override inline styles for the image column */
.dnd_area-row-16-vertical-alignment .cell_17382599250102-vertical-alignment[style] {
    padding: 0 !important;
    text-align: center !important;
}

/* Ensure the heading stays in one line without truncation */
#hs_cos_wrapper_module_17382599250105_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

/* Center the rich text content */
#hs_cos_wrapper_widget_1738972959706_ p {
    text-align: center !important;
}

/* Ensure the image container is fully visible */
#hs_cos_wrapper_module_17382599250109_ img {
    margin: 0 auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

        /* ------------------------------------------------------------ */
/* For Make Real-Time Document Updates - Tablet CSS */

  .dnd_area-row-17-vertical-alignment {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* Ensure text section appears first */
  .cell_17380879916122-padding {
    order: -1; /* Moves the text block above */
    width: 100%;
  }

  .cell_1738339886125-vertical-alignment {
    width: 100%;
  }

  .dnd_area-row-17-vertical-alignment .widget-type-text,
  .dnd_area-row-17-vertical-alignment .widget-type-rich_text {
    text-align: center !important;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .dnd_area-row-17-vertical-alignment .widget-type-text span,
  .dnd_area-row-17-vertical-alignment .widget-type-rich_text p {
    display: block;
    width: 100%;
    text-align: center !important;
  }
  
  
  
        /* ------------------------------------------------------------ */
/* Updated Tablet CSS for Training and Certification Tracking */

/* Remove section padding */
.dnd_area-row-18-padding {
    padding: 0 !important;
}

/* Ensure the parent section is a flex container */
.dnd_area-row-18-vertical-alignment .row-fluid {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Center content and add horizontal padding for the text column */
.dnd_area-row-18-vertical-alignment .cell_17380880361843-vertical-alignment {
    order: 1;
    padding: 0 20px !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100% !important;
}

/* Override inline styles for the text column */
.dnd_area-row-18-vertical-alignment .cell_17380880361843-vertical-alignment[style] {
    padding: 0 20px !important;
    text-align: center !important;
}

/* Center the heading */
#hs_cos_wrapper_module_17380880361848_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
    width: 100% !important;
}

/* Center the description text */
#hs_cos_wrapper_module_17380880361849_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* Center the image and add horizontal padding */
.dnd_area-row-18-vertical-alignment .cell_1738352438432-vertical-alignment {
    order: 2;
    padding: 0 20px !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    max-width: 600px !important;
}

/* Override inline styles for the image column */
.dnd_area-row-18-vertical-alignment .cell_1738352438432-vertical-alignment[style] {
    padding: 0 20px !important;
    text-align: center !important;
}

/* Ensure the image is centered and fully visible */
#hs_cos_wrapper_module_1738352438433_ img {
    margin: 0 auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

  
  
  
}
  
/* ------------------------------------------------------------ *//* ------------------------------------------------------------ *//* ------------------------------------------------------------ */


/* MOBILE RESPONSIVE CSS */
/* Heading section */


@media (max-width: 768px) {
    .row-fluid {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    .widget-span {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Center headers and text */
    .hs_cos_wrapper_type_header,
    .hs_cos_wrapper_type_text,
    .hs_cos_wrapper_type_rich_text {
        text-align: center !important;
    }

    /* Center CTA button */
    .cta--area a {
        display: inline-block !important;
        margin: 20px auto !important;
        text-align: center !important;
        padding: 10px 20px !important;
    }

    /* Ensure CTA container centers */
    .widget_1739191800924 {
        display: flex !important;
        justify-content: center !important;
    }

    /* Center image */
    .hs_cos_wrapper_type_linked_image img {
        display: block !important;
        margin: 0 auto !important;
        max-width: 100% !important;
        height: auto !important;
    }

  
    /* ------------------------------------------------------------ */
    /* For External Users */
    .cell_17380803522312-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cell_17380803522312-padding[style] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


  
  
  
    /* ------------------------------------------------------------ */
    /* For Complete Your Site Orientation */
    /* Remove padding and center content for the left-side column */
    .cell_17380874032503-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    /* Override inline styles for the left-side column */
    .cell_17380874032503-padding[style] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    /* Remove padding and center content for the right-side column */
    .cell_17380874032502-vertical-alignment {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    /* Override inline styles for the right-side column */
    .cell_17380874032502-vertical-alignment[style] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    /* Center text within the rich text module */
    #hs_cos_wrapper_widget_1738971762923 p {
        text-align: center !important;
    }

    /* Center the QR image */
    #hs_cos_wrapper_module_17380874032505 img {
        margin: 0 auto !important;
        display: block !important;
    }

    /* Center the 'Complete your Site Orientation' text */
    #hs_cos_wrapper_module_17380874032508_ {
        display: block !important;
        text-align: center !important;
        margin: 0 auto !important;
    }


    /* ------------------------------------------------------------ */

/* Center and swap columns for Skid Steer section on mobile */

    /* Flex container to enable column order */
    .row-fluid {
        display: flex;
        flex-direction: column;
    }

    /* Style for the image and button link column */
    .cell_1738087375470-vertical-alignment {
        order: 2; /* Move image and link below text */
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Override inline styles for the image and button link column */
    .cell_1738087375470-vertical-alignment[style] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    /* Center the image */
    #hs_cos_wrapper_module_17380873718068 img {
        margin: 0 auto !important;
        display: block !important;
    }

    /* Center the button link */
    #hs_cos_wrapper_module_1738095362112 p {
        text-align: center !important;
    }

    #hs_cos_wrapper_module_1738095362112 p a {
        display: inline-block !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    /* Style for the text content column */
    .cell_1738087371806-vertical-alignment {
        order: 1; /* Move text content to the top */
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Override inline styles for the text content column */
    .cell_1738087371806-vertical-alignment[style] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    /* Ensure full-width columns for mobile */
    .dnd-column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* ------------------------------------------------------------ */

/* Center content for Safety Data Sheets section on mobile */

    /* Style for the text content column */
    .cell_17389491435122-vertical-alignment {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Override inline styles for the text content column */
    .cell_17389491435122-vertical-alignment[style] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    /* Center the "Access Safety Data Sheets" text */
    #hs_cos_wrapper_module_17389491435133,
    #hs_cos_wrapper_module_17389491435133_ {
        text-align: center !important;
        display: block !important;
        width: 100% !important;
    }

    /* Center the paragraph text */
    #hs_cos_wrapper_widget_1738971877038 {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    #hs_cos_wrapper_widget_1738971877038 p {
        text-align: center !important;
    }

    /* Style for the image and button link column */
    .cell_17389491435123-vertical-alignment {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* Override inline styles for the image and button link column */
    .cell_17389491435123-vertical-alignment[style] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    /* Center the image */
    #hs_cos_wrapper_module_17389491435137 img {
        margin: 0 auto !important;
        display: block !important;
    }

    /* Center the button link */
    #hs_cos_wrapper_module_17389491435138 p {
        text-align: center !important;
    }

    #hs_cos_wrapper_module_17389491435138 p a {
        display: inline-block !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    /* Ensure full-width columns for mobile */
    .dnd-column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }


      /* ------------------------------------------------------------ */
  
  
  /* For Your Team in the Field */
.cell_1738087454493-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cell_1738087454493-padding[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

  /* Add padding to 'For Your Team in the Field'
#hs_cos_wrapper_module_1738172912278 h1 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  
  
}  */


      /* ------------------------------------------------------------ */
  
/* Center and swap columns for Access Anywhere section on mobile */

/* Flex container to enable column order */
.row-fluid {
    display: flex;
    flex-direction: column;
}

/* Style for the image and link column */
.cell_17380874905092-vertical-alignment {
    order: 2; /* Move image below text */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Override inline styles for the image and link column */
.cell_17380874905092-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the image */
#hs_cos_wrapper_module_17380874905095 img {
    margin: 0 auto !important;
    display: block !important;
}

/* Style for the text content column */
.cell_17380874905093-vertical-alignment {
    order: 1; /* Move text content to the top */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Override inline styles for the text content column */
.cell_17380874905093-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the 'Access Anywhere' text */
#hs_cos_wrapper_module_17380874905098_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the rich text content */
#hs_cos_wrapper_widget_1739386817138 p {
    text-align: center !important;
}

/* Ensure full-width columns for mobile */
.dnd-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

    /* ------------------------------------------------------------ */
/* For View Your Personalized To-Do List */
/* Remove padding and center content for the left-side column */
.cell_17380875492133-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Override inline styles for the left-side column */
.cell_17380875492133-padding[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Remove padding and center content for the right-side column */
.cell_1738088270757-vertical-alignment {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Override inline styles for the right-side column */
.cell_1738088270757-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the heading */
#hs_cos_wrapper_module_17380875492138_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the rich text content */
#hs_cos_wrapper_widget_1738972046775 p {
    text-align: center !important;
}

/* Center the video */
.hs-video-container {
    margin: 0 auto !important;
    display: block !important;
}

      /* ------------------------------------------------------------ */
/* Center and swap columns for Update Certifications Quickly section on mobile */

/* Flex container to enable column order */
.row-fluid {
    display: flex;
    flex-direction: column;
}

/* Style for the video column */
.cell_1738195693896-vertical-alignment {
    order: 2; /* Move video below text */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Override inline styles for the video column */
.cell_1738195693896-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the video */
.hs-video-container {
    margin: 0 auto !important;
    display: block !important;
}

/* Style for the text content column */
.cell_1738087575487-vertical-alignment {
    order: 1; /* Move text content to the top */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Override inline styles for the text content column */
.cell_1738087575487-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the 'Update Certifications Quickly' heading */
#hs_cos_wrapper_module_17380875754875_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the rich text content */
#hs_cos_wrapper_widget_1738972083820 p {
    text-align: center !important;
}

/* Ensure full-width columns for mobile */
.dnd-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

      /* ------------------------------------------------------------ */

  /* For Report Incidents Instantly */
/* Remove padding and center content for the left-side column (text content) */
.cell_17380876120883-vertical-alignment {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Override inline styles for the left-side column */
.cell_17380876120883-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Remove padding and center content for the right-side column (QR code image) */
.cell_17380876120882-vertical-alignment {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Override inline styles for the right-side column */
.cell_17380876120882-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the heading */
#hs_cos_wrapper_module_1738087612089_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the rich text content */
#hs_cos_wrapper_widget_1738972178007 p {
    text-align: center !important;
}

/* Center the QR code image */
#hs_cos_wrapper_module_17380876120885 img {
    margin: 0 auto !important;
    display: block !important;
}

/* Center the link under the QR code */
#hs_cos_wrapper_module_1738253570583 p {
    text-align: center !important;
}

/* Ensure full-width columns for mobile */
.dnd-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Add spacing for a balanced layout on small screens */
@media (max-width: 768px) {
    .row-fluid {
        flex-direction: column;
    }

    .cell_17380876120883-vertical-alignment,
    .cell_17380876120882-vertical-alignment {
        margin-bottom: 20px;
    }
}

      /* ------------------------------------------------------------ */

/* For 'Watch what happens next' section */
.cell_1738087740223-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 10px !important;
}

.cell_1738087740223-padding[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 10px !important;
}

      /* ------------------------------------------------------------ */
  
  /* For Supervisors */
.cell_17389404319382-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cell_17389404319382-padding[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

  
  
        /* ------------------------------------------------------------ */
   /* For Receive Instant Reports from your team */
 /* Remove section padding */
.dnd_area-row-12-padding {
    padding: 0 !important;
}

/* Remove padding and center content for the text column */
.cell_17398052217883-vertical-alignment {
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Override inline styles for the text column */
.cell_17398052217883-vertical-alignment[style] {
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Remove padding and center content for the video column */
.cell_17398052217882-vertical-alignment {
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Override inline styles for the video column */
.cell_17398052217882-vertical-alignment[style] {
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Center the heading */
#hs_cos_wrapper_module_17398053418194_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the rich text content */
#hs_cos_wrapper_module_17398053418195_ p {
    text-align: center !important;
}

/* Center the video */
.hs-video-container {
    margin: 0 auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

  
          /* ------------------------------------------------------------ */

 /* For View Your Team Members' To-Do Lists */
/* Flex container to enable column order */
.row-fluid {
    display: flex;
    flex-direction: column;
}

/* Style for the video column */
.cell_17398051935402-vertical-alignment {
    order: 2; /* Move video below text */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Override inline styles for the video column */
.cell_17398051935402-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the video */
.hs-video-container {
    margin: 0 auto !important;
    display: block !important;
}

/* Style for the text content column */
.cell_17398051935403-vertical-alignment {
    order: 1; /* Move text content to the top */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Override inline styles for the text content column */
.cell_17398051935403-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the 'View Your Team Members' To-Do Lists' heading */
#hs_cos_wrapper_module_17398051935409_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the rich text content */
#hs_cos_wrapper_module_173980519354010_ p {
    text-align: center !important;
}

/* Ensure full-width columns for mobile */
.dnd-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Handle mobile layout */
@media (min-width: 769px) {
    .row-fluid {
        flex-direction: row; /* Restore side-by-side layout on desktop */
    }
    .cell_17398051935402-vertical-alignment {
        order: 1; /* Video on the left */
    }
    .cell_17398051935403-vertical-alignment {
        order: 2; /* Text on the right */
    }
}

            /* ------------------------------------------------------------ */

  /* For Administrators */
.dnd-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dnd-column[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Center the heading */
#hs_cos_wrapper_module_17382597915314_ h1 {
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the rich text content */
#hs_cos_wrapper_widget_1738972779694_ p {
    text-align: center !important;
}

  
 /* ------------------------------------------------------------ */

  
  
  /* For Create Custom Forms and Workflows */
/* Flex container to enable column order */
.row-fluid {
    display: flex;
    flex-direction: column;
}

/* Style for the video column */
.cell_1738352483849-vertical-alignment {
    order: 2; /* Move video below text */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Override inline styles for the video column */
.cell_1738352483849-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the video */
.hs-video-container {
    margin: 0 auto !important;
    display: block !important;
}

/* Style for the text content column */
.cell_17380880640552-vertical-alignment {
    order: 1; /* Move text content to the top */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Override inline styles for the text content column */
.cell_17380880640552-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the 'Create Custom Forms and Workflows' heading */
#hs_cos_wrapper_module_17380880640556_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the rich text content */
#hs_cos_wrapper_widget_1738972916264_ p {
    text-align: center !important;
}

/* Ensure full-width columns for mobile */
.dnd-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Handle mobile layout */
@media (min-width: 769px) {
    .row-fluid {
        flex-direction: row; /* Restore side-by-side layout on desktop */
    }
    .cell_1738352483849-vertical-alignment {
        order: 1; /* Video on the left */
    }
    .cell_17380880640552-vertical-alignment {
        order: 2; /* Text on the right */
    }
}

  
  
  /* ------------------------------------------------------------ */

  /* For Access Full To-Do Lists */
/* Remove section padding */
.dnd_area-row-16-padding {
    padding: 0 !important;
}

/* Remove padding and center content for the text column */
.cell_1738259925010-vertical-alignment {
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Override inline styles for the text column */
.cell_1738259925010-vertical-alignment[style] {
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Remove padding and center content for the image column */
.cell_17382599250102-vertical-alignment {
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Override inline styles for the image column */
.cell_17382599250102-vertical-alignment[style] {
    padding: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Center the heading */
#hs_cos_wrapper_module_17382599250105_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the rich text content */
#hs_cos_wrapper_widget_1738972959706_ p {
    text-align: center !important;
}

/* Center the image */
#hs_cos_wrapper_module_17382599250109_ img {
    margin: 0 auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

  
    /* ------------------------------------------------------------ */

  
  /* For Make Real-Time Document Updates */
/* Flex container to enable column order */
.row-fluid {
    display: flex;
    flex-direction: column;
}

/* Style for the video column */
.cell_1738339886125-vertical-alignment {
    order: 2; /* Move video below text */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Override inline styles for the video column */
.cell_1738339886125-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the video */
.hs-video-container {
    margin: 0 auto !important;
    display: block !important;
}

/* Style for the text content column */
.cell_17380879916122-vertical-alignment {
    order: 1; /* Move text content to the top */
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Override inline styles for the text content column */
.cell_17380879916122-vertical-alignment[style] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

/* Center the 'Make Real-Time Document Updates' heading */
#hs_cos_wrapper_module_17380879916127_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the rich text content */
#hs_cos_wrapper_widget_1738973031794_ p {
    text-align: center !important;
}

/* Ensure full-width columns for mobile */
.dnd-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Handle mobile layout */
@media (min-width: 769px) {
    .row-fluid {
        flex-direction: row; /* Restore side-by-side layout on desktop */
    }
    .cell_1738339886125-vertical-alignment {
        order: 1; /* Video on the left */
    }
    .cell_17380879916122-vertical-alignment {
        order: 2; /* Text on the right */
    }
}

  
      /* ------------------------------------------------------------ */
/* Updated CSS for Training and Certification Tracking */

/* Remove section padding */
.dnd_area-row-18-padding {
    padding: 0 !important;
}

/* Center content and add horizontal padding for the text column */
.cell_17380880361843-vertical-alignment {
    padding: 0 10px !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Override inline styles for the text column */
.cell_17380880361843-vertical-alignment[style] {
    padding: 0 10px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Center the heading */
#hs_cos_wrapper_module_17380880361848_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the description text */
#hs_cos_wrapper_module_17380880361849_ {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
}

/* Center the image and add horizontal padding */
.cell_1738352438432-vertical-alignment {
    padding: 0 10px !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Override inline styles for the image column */
.cell_1738352438432-vertical-alignment[style] {
    padding: 0 10px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Center the image itself */
#hs_cos_wrapper_module_1738352438433_ img {
    margin: 0 auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* This should fully center everything with a bit of breathing room on the sides */

  
  
  

}


}