.form-frame{
    height:1300px;
}
.hero-heading h1{
    font-weight:900!important;
}
.custom-boxes{
    min-height:300px!important;
    cursor:default!important;
}
.row-boxes > div {
height:100%!important;
}
.fullsec{
height:100vh!important;
}
.formframe{
    height:100%!important;
}
.qrcontainer {    
      content: "";
      background-image: url('https://previewengine-accl.zoho.com/image/WD/him23bbaab7468a224a709940432f22a0f2d6?version=1.0&width=2046&height=1536');
       background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
      position: absolute;
}


/* Tooltip styling using ::before */
.tab-class::before {
    content: "System Reminder:\A\A Leave Requests (VL/SL): Requests not submitted at least 5 days before the leave date will be recorded as unpaid leave in the timesheet report.\A\A Missed Log In/Out Requests: Will be subject to review and approval. If approved, payment will be processed in the next cutoff.";
    visibility: hidden;
    background-color: black;
    color: white;
    text-align: left;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    left: 105%; /* Moves tooltip to the right */
    top: 50%;
    transform: translateY(-50%);
    white-space: pre-line; /* Ensures line breaks work */
    width: 500px; /* Adjust width for readability */
    opacity: 0;
    z-index:1;
    transition: opacity 0.3s ease-in-out;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

/* Show tooltip on hover */
.tab-class:hover::before {
    visibility: visible;
    opacity: 1;
}