body {
    background-color: #fbfbfb;
}

@media (min-width: 991.98px) {
    main {
        padding-left: 120px; /* Existing padding for left sidebar */
        padding-right: 120px; /* Additional padding for right sidebar */
    }
}

/* Sidebar */
.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 58px 0 0; /* Height of navbar */
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
    width: 120px;
    z-index: 600;
}

@media (max-width: 991.98px) {
    .sidebar,
    .sidebar-right,
    .navbar-toggler {
        display: none; /* Hide both sidebars and toggle button on smaller screens */
    }
    main {
        padding-left: 0;
        padding-right: 0; /* Reset main content padding when sidebars are hidden */
    }
}

.sidebar .active {
    border-radius: 5px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: 0.5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

/* Right Sidebar */
.sidebar-right {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 58px 0 0; /* Height of navbar */
    box-shadow: -2px 0 5px 0 rgb(0 0 0 / 5%), -2px 0 10px 0 rgb(0 0 0 / 5%);
    width: 120px; /* Adjust width as needed */
    z-index: 600;
}

.tile {
    display: block;
    width: 100%;
    color: white;
    text-align: center;
    text-decoration: none;
    background-color: #007bff;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
  }

  .tile::before {
    content: "";
    display: block;
    padding-top: 100%;
  }

  .tile-content {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
  }

  @media (max-width: 767px) {
    .tile-content {
        padding: 8px;
        font-size: 0.75rem;
    }
  }

  /* Hover effect */
  .tile:hover {
    background-color: #0056b3;
    color: white;
    text-decoration: none;
  }

  .tile:active {
    opacity: 0.75;
  }

.tile-quote-tool {
    background-image: url("quote tool tile image3.8c3d5a3190fb.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-quote-tool .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-hhquote-tool {
    background-image: url("hh quote tool image.af24d48dd02e.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-hhquote-tool .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-ehs {
    background-image: url("ehs image.0877bc378ed4.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-ehs .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-rms {
    background-image: url("rms image.3057cf5d10b9.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-rms .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-mms {
    background-image: url("mms image.21177cce4421.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-mms .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-tmt {
    background-image: url("tmt image.07cfd59bcc8b.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-tmt .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-ssrs {
    background-image: url("ssrs image.6c8c0f669078.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-ssrs .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-synergize {
    background-image: url("synergize image.33444459f6d3.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-synergize .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-guacamole {
    background-image: url("guacamole image.dcb6e14dfe7a.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-guacamole .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-cloud {
    background-image: url("cloud drive image.0d40891a98af.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-cloud .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-bookstack {
    background-image: url("bookstack image.0a106fe3e845.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-bookstack .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-security {
    background-image: url("security image.adb72c84211e.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-security .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-waterwell {
    background-image: url("water well image.a0e2f4be53d2.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-waterwell .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-cranehours {
    background-image: url("crane hours image.3bc950155c55.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-cranehours .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-hunting {
    background-image: url("hunting image.b5bb10676005.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-hunting .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-samsara {
    background-image: url("samsara image.75706165a5e9.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-samsara .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-geotab {
    background-image: url("geotab image.0410efae401a.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-geotab .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-cranefieldstore {
    background-image: url("crane feild store image.ae4a7c1c1316.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-cranefieldstore .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-hhfieldstore {
    background-image: url("hh field store image.e4a994b747f1.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-hhfieldstore .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-nwlfieldstore {
    background-image: url("nwl field store image.c17749bdddcc.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-nwlfieldstore .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-officestore {
    background-image: url("office store image.740a2b448fb1.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-officestore .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-officestore2 {
    background-image: url("office store image2.a2fae1d66d73.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-officestore2 .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-tmwsuite {
    background-image: url("tmw image.251807590a85.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-tmwsuite .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-lighting {
    background-image: url("lighting image.5669af15a7e7.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-lighting .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-feedback {
    background-image: url("feedback image 2.27c6eb36a26f.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-feedback .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-map {
    background-image: url("super heavy haul map.26c578e2ff18.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-map .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-TTP {
    background-image: url("TTP image.810b90a99c1e.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-TTP .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-paccar {
    background-image: url("paccar image.6d45013a3702.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-paccar .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-paccarapp {
    background-image: url("paccar application image.0de4e4c50413.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-paccarapp .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-vcenter {
    background-image: url("vcenter image.e4274e6f81a9.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-vcenter .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-jive {
    background-image: url("jive image.a715abbc45ca.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-jive .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-barracuda {
    background-image: url("barracuda image.8fedb17e26dd.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-barracuda .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-umbrella {
    background-image: url("cisco image.c24a2a5139ea.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-umbrella .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-sysaid {
    background-image: url("sysaid image.3f79bd147116.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-sysaid .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-2ntop {
    background-image: url("2ntop image.1326704135b3.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-2ntop .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-2nbot {
    background-image: url("2nbot image.dcf180802233.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-2nbot .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-backuplify {
    background-image: url("backuplify image.fe9d939b913d.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-backuplify .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-nagios {
    background-image: url("nagios image.f3a2f31916b3.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-nagios .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-portainer {
    background-image: url("portainer image.9f2e232b6c93.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-portainer .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-matrix {
    background-image: url("matrix image.f14acb3f815a.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-matrix .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-engineering {
    background-image: url("engineering image.8497e4b1bf54.webp"); /* Path to your image */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tile-engineering .tile-content {
    color: #464FAF;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8); /* Adding text shadow for better readability */
    font-size: 24px; /* Increased font size */
    font-weight: bold;
}

.tile-qr {
    background-color: #0f172a;
    background-image: url("qr image.ae2c3fcbec81.svg");
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
}

.tile-qr .tile-content {
    color: #10b981;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
    font-size: 24px;
    font-weight: bold;
}

.tile-quickserve {
    background-color: #c8102e;
    background-image: url("quickserve image.ed789f4c5e08.svg");
    background-position: center;
    background-size: 90%;
    background-repeat: no-repeat;
}

.tile-quickserve .tile-content {
    color: #ffffff;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
    font-size: 24px;
    font-weight: bold;
}