.elementor-603 .elementor-element.elementor-element-764fa1e:not(.elementor-motion-effects-element-type-background), .elementor-603 .elementor-element.elementor-element-764fa1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stepfastlogistics.com/wp-content/uploads/2023/12/BG-Image.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-603 .elementor-element.elementor-element-764fa1e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 150px 0px;}.elementor-603 .elementor-element.elementor-element-764fa1e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-603 .elementor-element.elementor-element-5204407 > .elementor-container{max-width:1320px;}.elementor-603 .elementor-element.elementor-element-5204407{padding:160px 0px 0px 0px;}.elementor-603 .elementor-element.elementor-element-d95c137 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-603 .elementor-element.elementor-element-4804c28 > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-603 .elementor-element.elementor-element-4804c28 .transpialigh{text-align:center;}.elementor-603 .elementor-element.elementor-element-272cedd > .elementor-container{max-width:1320px;}.elementor-603 .elementor-element.elementor-element-3f2184f > .elementor-container{max-width:1320px;}.elementor-603 .elementor-element.elementor-element-a562439:not(.elementor-motion-effects-element-type-background), .elementor-603 .elementor-element.elementor-element-a562439 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-603 .elementor-element.elementor-element-a562439 > .elementor-container{max-width:1200px;}.elementor-603 .elementor-element.elementor-element-a562439{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-603 .elementor-element.elementor-element-a562439 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-603 .elementor-element.elementor-element-d09dda2 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-603 .elementor-element.elementor-element-d09dda2 .transpialigh{text-align:center;}.elementor-603 .elementor-element.elementor-element-9b87694{--display:flex;}.elementor-603 .elementor-element.elementor-element-7df4c14 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-603 .elementor-element.elementor-element-7df4c14 .transpialigh{text-align:center;}.elementor-603 .elementor-element.elementor-element-f01c474 .elementor-repeater-item-cc53c8b .transpi__delivery-item{margin:80px 0px 0px 0px;}.elementor-603 .elementor-element.elementor-element-f01c474 .elementor-repeater-item-27e87dc .transpi__delivery-item{margin:80px 0px 0px 0px;}.elementor-603 .elementor-element.elementor-element-4427044 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-603 .elementor-element.elementor-element-4427044 > .elementor-container{max-width:1320px;}.elementor-603 .elementor-element.elementor-element-4427044{padding:120px 0px 100px 0px;}.elementor-603 .elementor-element.elementor-element-1f70208 > .elementor-element-populated{margin:0px 0px 0px 30px;--e-column-margin-right:0px;--e-column-margin-left:30px;}.elementor-603 .elementor-element.elementor-element-23be3a0 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-603 .elementor-element.elementor-element-23be3a0 .transpialigh{text-align:left;}.elementor-603 .elementor-element.elementor-element-7febce8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-603 .elementor-element.elementor-element-431eac3 > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-603 .elementor-element.elementor-element-1f70208 > .elementor-element-populated{margin:0px 0px 20px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:767px){.elementor-603 .elementor-element.elementor-element-764fa1e{padding:0px 0px 50px 0px;}.elementor-603 .elementor-element.elementor-element-e44c19c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-603 .elementor-element.elementor-element-bb3937c > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-603 .elementor-element.elementor-element-f01c474 .elementor-repeater-item-3d08cf3 .transpi__delivery-item{margin:0px 0px 30px 0px;}.elementor-603 .elementor-element.elementor-element-f01c474 .elementor-repeater-item-cc53c8b .transpi__delivery-item{margin:0px 0px 30px 0px;}.elementor-603 .elementor-element.elementor-element-f01c474 .elementor-repeater-item-18328c8 .transpi__delivery-item{margin:0px 0px 30px 0px;}.elementor-603 .elementor-element.elementor-element-f01c474 .elementor-repeater-item-27e87dc .transpi__delivery-item{margin:0px 0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-603 .elementor-element.elementor-element-d95c137{width:100%;}.elementor-603 .elementor-element.elementor-element-4983765{width:50%;}.elementor-603 .elementor-element.elementor-element-3cadc19{width:50%;}.elementor-603 .elementor-element.elementor-element-4635a69{width:50%;}.elementor-603 .elementor-element.elementor-element-bc9bac5{width:50%;}.elementor-603 .elementor-element.elementor-element-cce2a90{width:50%;}.elementor-603 .elementor-element.elementor-element-529953d{width:50%;}.elementor-603 .elementor-element.elementor-element-165138d{width:50%;}.elementor-603 .elementor-element.elementor-element-3b3cbff{width:50%;}.elementor-603 .elementor-element.elementor-element-b261bab{width:50%;}.elementor-603 .elementor-element.elementor-element-b31c662{width:50%;}.elementor-603 .elementor-element.elementor-element-1f70208{width:100%;}.elementor-603 .elementor-element.elementor-element-62ce2cb{width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-b2c862a *//* HERO SECTION WITH TRUCK BACKGROUND */
.hero-logistics-section {
    background: url('YOUR-TRUCK-IMAGE-URL-HERE') center/cover no-repeat;
    padding: 80px 20px;
    position: relative;
}

.hero-overlay {
    background: rgba(0,0,0,0.75);
    padding: 50px 0;
}

.quote-container {
    max-width: 1000px;
    margin: auto;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    animation: fadeUp 0.8s ease;
}

/* Header */
.quote-header {
    background: #000000;
    padding: 30px;
    color: #ffffff;
    border-left: 6px solid #cc0000;
}

.quote-header h2 {
    margin: 0;
    font-size: 28px;
    letter-spacing: 1px;
    color: #cccccc;
}

.quote-header p {
    margin-top: 8px;
    font-size: 14px;
    color: #cccccc;
}

/* Body */
.quote-body {
    padding: 40px;
}

.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    text-transform: uppercase;
    color: #333;
}

/* Inputs */
.form-group input,
.form-group select {
    padding: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all 0.3s ease;
    font-size: 14px;
}

/* Subtle Hover Animation */
.form-group input:hover,
.form-group select:hover {
    border-color: #cc0000;
}

.form-group input:focus,
.form-group select:focus {
    border-color: #cc0000;
    box-shadow: 0 0 0 2px rgba(204,0,0,0.15);
    transform: translateY(-2px);
    outline: none;
}

/* Button */
.quote-btn {
    background: #cc0000;
    color: #ffffff;
    padding: 16px 45px;
    border: none;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.quote-btn:hover {
    background: #990000;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

/* Submit Section */
.form-submit {
    text-align: center;
    margin-top: 25px;
}

/* Animation */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
    }
}

/* Fix Contact Form 7 full width issue */
.form-group span {
    width: 100%;
}

.form-group input,
.form-group select {
    width: 100%;
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ed456b *//* General Container */
.container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}

/* ================= Fleet Section ================= */
.fleet-section{
  background:#f4f4f4;
  padding:80px 20px;
  color:#111;
}

.fleet-header{
  text-align:center;
  margin-bottom:50px;
}

.fleet-header h1{font-size:36px;margin-bottom:10px;}
.fleet-header p{font-size:16px;color:#555;}

.fleet-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:30px;
}

.fleet-card{
  background:#fff;
  border-radius:10px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  overflow:hidden;
  transition:0.3s;
}

.fleet-card:hover{transform:translateY(-8px);}
.fleet-card img{width:100%; height:220px; object-fit:cover; transition:0.3s;}
.fleet-card:hover img{transform:scale(1.05);}
.fleet-info{padding:20px;}
.fleet-info h3{font-size:22px;margin-bottom:10px;}
.fleet-icons span{display:inline-block;margin-right:12px;font-size:14px;}
.fleet-info p{font-size:15px;margin-bottom:15px;color:#555;}
.fleet-btn{
  background:#e60023;color:#fff;padding:10px 22px;
  text-decoration:none;border-radius:6px;transition:0.3s;
}
.fleet-btn:hover{background:#000;color:#fff;}

/* ================= Service Area Section ================= */
.service-area-section{
  background:#fff; /* Changed to white */
  color:#111; /* Text color black */
  padding:80px 20px;
  text-align:center;
}

.service-area-section .section-title h2{
  font-size:36px;
  margin-bottom:10px;
  color:#111; /* Heading color black */
}

.service-area-section .section-title p{
  color:#555; /* Paragraph grey */
}

.area-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:20px;
  margin-top:40px;
}

.area-box{
  background:#f4f4f4; /* Slight grey for each area box */
  padding:20px;
  border-radius:6px;
  font-weight:600;
  transition:0.3s;
  color:#111;
}

.area-box:hover{
  background:#e60023;
  color:#fff; /* Text turns white on hover */
}

.area-btn{
  margin-top:40px;
}

.area-btn a{
  background:#e60023;
  color:#fff;
  padding:12px 28px;
  text-decoration:none;
  border-radius:5px;
  font-weight:600;
  transition:0.3s;
}

.area-btn a:hover{
  background:#000;
  color:#fff;
}
  

/* ================= Why Choose Section ================= */
.why-choose{
  background:#f4f4f4;
  color:#111;
  padding:80px 20px;
}

.why-choose .section-title{text-align:center;margin-bottom:50px;}
.why-choose .section-title h2{font-size:36px;margin-bottom:10px;}
.why-choose .section-title p{color:#555;}

.choose-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:30px;
}

.choose-box{
  background:#fff;
  padding:25px;
  border-radius:8px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:0.3s;
}

.choose-box:hover{transform:translateY(-8px);}
.choose-box h3{font-size:22px;margin-bottom:10px;}
.choose-box p{color:#555;}

.choose-cta{text-align:center;margin-top:50px;}
.cta-btn{
  background:#e60023;color:#fff;
  padding:14px 30px;text-decoration:none;
  border-radius:6px;font-weight:600;transition:0.3s;
}
.cta-btn:hover{background:#000;color:#fff;}

/* Responsive */
@media(max-width:768px){
  .fleet-header h1,.service-area-section .section-title h2,.why-choose .section-title h2{font-size:28px;}
  .fleet-header p,.service-area-section .section-title p,.why-choose .section-title p{font-size:14px;}
}/* End custom CSS */