It looks like you're asking for a proper feature or deep dive into the phrase
.hero-image {background-size: cover !important; background-position: center !important; } .navbar { position: relative !important;} #pcs-body-container.redesigned-nux .upload-resume-container .privacy-agreement-container .privacy-agreement .action-buttons .btn-sm, .mobile-map-search.redesigned-nux .upload-resume-container .privacy-agreement-container .privacy-agreement .action-buttons .btn-sm{ border-width: 1px !important; border-style: solid !important;} .carousel .related-blog .blog-image { background-size: contain !important;} .blog-image { background-position: center !important;} .perk .perk-icon {color: #0077c8;}.navbar img {height: 60px;} .navbar .join-tn-link, .navbar .ef-dropdown-title { font-weight: bold !important; font-size: 18px !important} .nav-item a { color: #fff !important;} .refer .user-name { color: #fff !important; } .fixed-top { background-color: #000 !important; } .position-job-description .block__field--wide-rich-text { width: inherit !important; }.banner {
position: relative;
width: 100%;
height: 300px; /* Adjust the height as needed */
background-image: url("banner-image.jpg"); /* Replace "banner-image.jpg" with the path to your banner image */
background-size: cover;
background-position: center;
color: white;
}
.link-container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.link-container a {
display: inline-block;
margin: 10px;
padding: 8px 16px;
background-color: rgba(0, 0, 0, 0.5); /* Adjust the background color and opacity as desired */
color: white;
text-decoration: none;
font-size: 18px;
border-radius: 4px;
}
.link-container a:hover {
background-color: rgba(0, 0, 0, 0.7); /* Adjust the background color and opacity for hover state */
} .btn-sm btn-secondary pointer #pcs-body-container.redesigned-nux .upload-resume-container .privacy-agreement-container .privacy-agreement .action-buttons .btn-sm, .mobile-map-search.redesigned-nux .upload-resume-container .privacy-agreement-container .privacy-agreement .action-buttons .btn-sm {border #000 !important;}
.footer-img-container {width: 150px !important; height: auto !important; align-items: center !important; display:block; margin: 0 auto !important; margin-top: 10px !important; margin-bottom: 10px !important;}
.footer-img {max-width:100%;}
.footer {
background-color: #333; /* Background color for the footer */
color: #fff; /* Text color */
padding: 10px 20px 20px 20px !important;}
.custom-navbar-item {
color: #fff !important;
font-size: 18px !important;
position: relative;
top: 11px;
margin-right: 11px !important; font-weight:bold;} .blog-title { font-size: 18px !important; font-weight: 600 !important;} .footer-container {padding-bottom: 25px} .jumbotron {top: auto !important; bottom: 0px !important;} .jumbotron h1 {font-weight:600; text-shadow:0 3px 10px rgba(0,0,0,0.75);} @media (max-width:992px) {.jumbotron {position: absolute;}.jumbotron h1 {padding:0 !important;bottom:0 !important;} } .related-blog .blog-title {color: #0077c8;} .apply-form-error-message svg { display: none !important } a[class*="navBarLink"]:focus-visible { box-shadow: inset 0 0 0 2px #000000 !important; } button[class*="navBarDropdownButton"]:focus-visible { box-shadow: inset 0 0 0 2px #000000 !important; } .header-wrapper a:focus-visible {box-shadow: inset 0 0 0 2px #ff0 !important;} .jumbotron h1 { visibility: hidden !important; } .personalization-bar-lite-profile-nudge-container div.nux-accordion-lite-profile-prompt { width: auto !important; } div[class*='stepperWrapper'] { display: none !important; } div[class*='applyFormContainer'] form > div[class*='grid-module_row']:first-child > div[class*='grid-module_col']:first-child { display: none !important; }
@media (max-width: 768px) { div[class*='stepperWrapper'], div[class*='stepperProgress'] { display: none !important; } div[class*='applyFormContainer'] form > div[class*='grid-module_row']:first-child > div[class*='grid-module_col']:first-child { display: block !important; } }
@media (min-width: 900px) { div[class*='applyFormContainer'] form > div[class*='grid-module_row']:first-child > div[class*='grid-module_col']:last-child { left: 20% !important; } }