div#maincontent {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5%;
}
/*menu*/
span.nav-header {
    font-weight: 600;
    color: #545454;
}
/*Hero image*/
#hero-wrap .pagebuilderck img {
    display: block;
}
/*dropshadow on imgages*/
#hero-block > .inner img, .dropshadow {
    box-shadow: rgb(0 0 0 / 30%) 10px 10px 10px 0px;
    -moz-box-shadow: rgba(0,0,0,0.3) 10px 10px 10px 0px;
    -webkit-box-shadow: rgb(0 0 0 / 30%) 10px 10px 10px 0px;
}
/*Seeking Employment button list*/
ul.button-list li {
    line-height: 2.5em;
}
/*next  buttons*/
#ID1634607861882 >.next-button {
    background: #3388D6;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -o-border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    border-radius: 30px 30px 30px 30px;
    color: #ffffff;
    margin-top: 20px;
    padding-top: 0;
    padding-right: 40px;
    padding-bottom: 0;
    padding-left: 40px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}
/* tables*/
td p {
    margin: 0;
    line-height: 1.5em;
}
/*edocman*/
.edocman-taskbar ul {
    list-style-image: none;
}

/* Floating tab styling for EngageBox trigger */
.ebox-custom-tab {
    position: fixed !important;
    right: 20px !important; /* Kept your working horizontal alignment */
    top: 50% !important;
    transform: translateY(-30%) rotate(-90deg); /* Adjusted translateY to shift further downward */
    transform-origin: right center; /* Anchor rotation to right edge */
    background-color: #ff9600;
    color: #fff !important;
    padding: 6px 10px; /* Reduced padding to minimize height */
    font-family: Arial;
    font-size: 18px; /* Smaller font to ensure text fits */
    font-weight: normal;
    /*text-transform: uppercase;*/
    cursor: pointer;
    z-index: 10001;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
    margin: 0 !important;
    border: none !important;
}

/* Hover effect */
.ebox-custom-tab:hover {
    background-color: #c57502;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .ebox-custom-tab {
        font-size: 12px;
        padding: 5px 8px;
        right: 15px !important;
        transform: translateY(-30%) rotate(-90deg);
    }
}
