.elementor-777 .elementor-element.elementor-element-db0f352 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-777 .elementor-element.elementor-element-db0f352 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-777 .elementor-element.elementor-element-0da28d7{--display:flex;}.elementor-777 .elementor-element.elementor-element-50c21f7{--display:flex;}.elementor-777 .elementor-element.elementor-element-ba21653 > .elementor-widget-container{margin:-34px -34px -34px -34px;}.elementor-777 .elementor-element.elementor-element-e9a3753{--display:flex;}.elementor-777 .elementor-element.elementor-element-7d705b8{margin:-129px -129px calc(var(--kit-widget-spacing, 0px) + -129px) -129px;}.elementor-777 .elementor-element.elementor-element-7d705b8.elementor-element{--align-self:center;}.elementor-777 .elementor-element.elementor-element-14b5733{--display:flex;}.elementor-777 .elementor-element.elementor-element-4b6edec{--display:flex;}.elementor-777 .elementor-element.elementor-element-6393a71{--display:flex;}@media(max-width:767px){.elementor-777 .elementor-element.elementor-element-049cd1b{margin:-41px -41px calc(var(--kit-widget-spacing, 0px) + -41px) -41px;}.elementor-777 .elementor-element.elementor-element-ba21653 > .elementor-widget-container{margin:-1px -1px -1px -1px;}}/* Start custom CSS for page-header, class: .elementor-element-1d81302 *//* Hide the entire mini cart in the header */
.menu-item.mini-cart {
    display: none !important;
}
/* Style specific menu items as buttons */
#menu-item-1172 a,
#menu-item-1173 a {
  background-color: #007bff; /* Button background color */
  color: #fff !important; /* Text color */
  padding: 10px 20px; /* Space inside the button */
  border-radius: 6px; /* Rounded corners */
  font-weight: 600;
  text-transform: capitalize;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

/* Hover effect */
#menu-item-1172 a:hover,
#menu-item-1173 a:hover {
  background-color: #fff;
  color: #007bff !important;
  border-color: #007bff;
}

/* Add spacing between each button */
#menu-item-1172,
#menu-item-1173 {
  margin-left: 10px;
}
/* All three menu buttons - Green theme */
#menu-item-1172 a,
#menu-item-1173 a,
#menu-item-1174 a {
  background-color: #28a745; /* Green */
  color: #fff !important;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  text-transform: capitalize;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  display: inline-block;
}

/* Hover Effect */
#menu-item-1172 a:hover,
#menu-item-1173 a:hover,
#menu-item-1174 a:hover {
  background-color: #fff;
  color: #28a745 !important;
  border-color: #28a745;
}

/* Add spacing between buttons */
#menu-item-1172,
#menu-item-1173,
#menu-item-1174 {
  margin-left: 10px;
}

/* Reduce banner padding */
.page-title-content {
    padding-top: 80px !important;   /* decrease top */
    padding-bottom: 80px !important; /* decrease bottom */
}

/* Stop background image repeating & make it fit */
.page-title-area,
.page-title-section {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}
/*.page-title-content h3.title {*/
    color: #0c2239 !important;  /* Change this to any color you want */
/*}*//* End custom CSS */
/* Start custom CSS for page-about, class: .elementor-element-ba21653 */h2.text-uppercase,
.page-title-content h2.text-uppercase,
.elementor-widget-heading h2.text-uppercase {
  text-transform: capitalize !important;
}
.order-list.primary-color.mrb-40 {
  font-family: 'Open Sans', 'Montserrat', sans-serif !important;
}
/* Remove animation completely */
footer.anim-object2,
footer.anim-object2::before {
    animation: none !important;
    animation-name: none !important;
    transition: none !important;
}

/* Remove the truck image (::before element) */
footer.anim-object2::before {
    content: none !important;
    background: none !important;
    display: none !important;
}
/* Remove all animations from .anim-object section */
.about-section.anim-object,
.about-section.anim-object * {
    animation: none !important;
    transition: none !important;
}

/* Remove ::before / ::after animated shapes (if the theme adds them) */
.about-section.anim-object::before,
.about-section.anim-object::after {
    content: none !important;
    background: none !important;
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d705b8 *//* ---------- Section container ---------- */
.pls-core-principles {
  font-family: 'Open Sans', sans-serif;
  background: #fff;
  border-radius: 12px;
  padding: 60px 20px;
  position: relative;
  overflow: hidden;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

/* Faint truck illustration watermark */
.pls-core-principles::after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 300px;
  height: 200px;
  background: url('https://cdn-icons-png.flaticon.com/512/1995/1995471.png') no-repeat center/contain;
  opacity: 0.05;
  pointer-events: none;
}

/* Heading */
.pls-heading {
  color: #009746;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 15px;
}

/* Description */
.pls-description {
  font-size: 18px;
  color: #444;
  max-width: 750px;
  margin: 0 auto 40px;
  line-height: 1.6;
}

/* Cards wrapper */
.pls-principles-cards {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

/* Individual card */
.pls-card {
  background: #fff;
  border-radius: 12px;
  padding: 30px 20px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
  max-width: 250px;
  opacity: 0;
  transform: translateY(40px);
  animation: fadeSlideUp 1s forwards;
}

/* Card animation delays for sequential effect */
.pls-card:nth-child(1) { animation-delay: 0.2s; }
.pls-card:nth-child(2) { animation-delay: 0.8s; }
.pls-card:nth-child(3) { animation-delay: 1.4s; }

/* Icon */
.pls-card .material-icons {
  font-size: 70px;
  color: #009746;
  margin-bottom: 18px;
}

/* Card heading */
.pls-card h3 {
  font-size: 26px;
  font-weight: 700;
  color: #222;
  margin: 0;
}

/* Card description */
.pls-card p {
  font-size: 18px;
  color: #444;
  line-height: 1.5;
  margin-top: 10px;
}

/* Animation keyframes */
@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width:768px){
  .pls-heading { font-size: 32px; }
  .pls-description { font-size: 16px; }
  .pls-card { max-width: 100%; padding: 25px; }
  .pls-card .material-icons { font-size: 60px; }
  .pls-card h3 { font-size: 24px; }
  .pls-card p { font-size: 16px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dff9592 *//* PLS Brand Colours */
:root {
  --pls-dark-blue: #0b1d39;
  --pls-green: #009746;
  --pls-grey: #f5f5f5;
  --pls-white: #ffffff;
}

/* Career Section Layout */
.career-section {
  background: var(--pls-grey);
  padding: 60px 0;
  font-family: 'Poppins', sans-serif;
}

.career-container {
  display: flex;
  max-width: 1200px;
  margin: auto;
  gap: 40px;
}

/* Sidebar Styling */
.career-sidebar {
  width: 25%;
  background: var(--pls-dark-blue);
  padding: 25px;
  border-radius: 12px;
  color: var(--pls-white);
}

.career-sidebar h2 {
  font-size: 22px;
  margin-bottom: 20px;
  border-bottom: 2px solid var(--pls-green);
  padding-bottom: 8px;
}

/* Search Box */
.search-box {
  position: relative;
  margin-bottom: 20px;
}

.search-box input {
  width: 100%;
  padding: 10px 35px 10px 15px;
  border-radius: 8px;
  border: none;
  outline: none;
}

.search-box i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--pls-green);
}

/* Filters */
.career-filters {
  list-style: none;
  padding: 0;
  margin: 0;
}

.career-filters button {
  width: 100%;
  background: transparent;
  border: 1px solid var(--pls-white);
  color: var(--pls-white);
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
}

.career-filters button:hover {
  background: var(--pls-green);
  border-color: var(--pls-green);
}

/* Main Content Area */
.career-content {
  flex: 1;
}

/* Background banner with truck illustration */
.career-bg {
  background: url('https://your-chosen-image-url.com/truck-illustration.jpg') no-repeat right center / cover,
              var(--pls-dark-blue);
  color: var(--pls-white);
  padding: 60px 40px;
  border-radius: 12px;
  margin-bottom: 30px;
}

.career-bg h1 {
  font-size: 32px;
  margin-bottom: 10px;
  color: var(--pls-white);
}

.career-bg p {
  color: var(--pls-grey);
  font-size: 18px;
}

/* Job Listings */
.career-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
}

.career-item {
  background: var(--pls-white);
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.career-item h3 {
  color: var(--pls-dark-blue);
  margin-bottom: 10px;
  font-size: 20px;
}

.career-item p {
  color: #333;
  margin-bottom: 15px;
  font-size: 16px;
}

.career-item a {
  background: var(--pls-green);
  color: var(--pls-white);
  padding: 8px 15px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.3s ease;
}

.career-item a:hover {
  background: #007a38; /* darker green hover */
}

/* Responsive */
@media (max-width: 900px) {
  .career-container {
    flex-direction: column;
  }
  .career-sidebar {
    width: 100%;
  }
  .career-list {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f3bb175 *//* Container */
.pls-jobs {
  background: #f8f9fa;
  padding: 50px 20px;
  font-family: 'Arial', sans-serif;
}

.section-title {
  text-align: center;
  font-size: 32px;
  color: #009746;
  margin-bottom: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Job Card */
.job-card {
  background: #fff;
  border-left: 5px solid #009746;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 30px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.job-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.1);
}

/* Job Info */
.job-category {
  font-size: 14px;
  font-weight: bold;
  color: #555;
  text-transform: uppercase;
}

.job-title {
  font-size: 22px;
  color: #009746;
  margin: 5px 0 15px;
}

.job-info p {
  margin: 5px 0;
  font-size: 16px;
  color: #333;
}

/* Buttons */
.job-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.btn-apply, .btn-contact {
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  border-radius: 6px;
  font-weight: bold;
  text-decoration: none;
  transition: background 0.3s, color 0.3s;
}

.btn-apply {
  background: #009746;
  color: #fff;
}

.btn-apply:hover {
  background: #007738;
}

.btn-contact {
  background: #e9ecef;
  color: #009746;
}

.btn-contact:hover {
  background: #d4d9d7;
}

/* Responsive */
@media (max-width: 768px) {
  .job-card {
    flex-direction: column;
  }
  .job-actions {
    flex-direction: row;
    justify-content: flex-start;
    gap: 15px;
  }
}
.section-title {
  text-align: center;
  font-size: 32px;
  color: #009746;
  margin-bottom: 40px;
  text-transform: capitalize; /* Change from uppercase to capitalize */
  letter-spacing: 1px;
}/* End custom CSS */