.elementor-555 .elementor-element.elementor-element-bca5149{--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;}.elementor-555 .elementor-element.elementor-element-add4505{--display:flex;}.elementor-555 .elementor-element.elementor-element-add4505:not(.elementor-motion-effects-element-type-background), .elementor-555 .elementor-element.elementor-element-add4505 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-555 .elementor-element.elementor-element-1e883c9{background-color:#000000;border-radius:30px 30px 30px 30px;text-align:center;}.elementor-555 .elementor-element.elementor-element-1e883c9 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-555 .elementor-element.elementor-element-c721519{--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;}.elementor-555 .elementor-element.elementor-element-9d8ff08{--display:flex;}.elementor-555 .elementor-element.elementor-element-a735a04{--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;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form label{color:#000000;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form label span{color:#777777;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form select{width:100%;height:50px;color:#000000;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form textarea{width:100%;height:176px;margin-bottom:20px;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form .ekit-form-input, .elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form select, .elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form input{margin-bottom:20px;}.elementor-555 .elementor-element.elementor-element-4f3850d .wpcf7-form textarea{color:#000000;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-wid-con .ekit-form form textarea{color:#000000;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder{font-size:14px;color:#000000;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-moz-placeholder{font-size:14px;color:#000000;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form textarea::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form textarea::-moz-placeholder{font-size:14px;color:#000000;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form textarea:-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form textarea:-moz-placeholder{font-size:14px;color:#000000;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form > p{text-align:left;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form input[type="submit"]{color:#ffffff;}.elementor-555 .elementor-element.elementor-element-4f3850d .ekit-form form input[type="submit"]:hover{color:#ffffff;}/* Start custom CSS for elementskit-contact-form7, class: .elementor-element-4f3850d *//* FORCE apply styles to CF7 fields */
.custom-patch-form .wpcf7-form-control {
  width: 100%;
  padding: 12px 14px !important;
  border: 1px solid #ffa500 !important;
  border-radius: 6px !important;
  font-size: 14px;
  background: #fff;
  outline: none;
}

/* Focus */
.custom-patch-form .wpcf7-form-control:focus {
  border-color: #ff8c00 !important;
  box-shadow: 0 0 6px rgba(255,165,0,0.5);
}

/* Upload field (dashed) */
.custom-patch-form input[type="file"].wpcf7-form-control {
  border: 1px dashed #ffa500 !important;
  padding: 15px !important;
  background: #fffaf0;
  cursor: pointer;
}

/* Upload hover */
.custom-patch-form input[type="file"].wpcf7-form-control:hover {
  background: #fff3e0;
  border-color: #ff8c00 !important;
}

/* Submit button */
.custom-patch-form input[type="submit"] {
  width: 100%;
  background: #f59e0b !important;
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 14px;
  font-weight: 600;
  cursor: pointer;
}

/* ?? Style file upload button (modern browsers) */
.custom-patch-form input[type="file"]::file-.elementor-555 .elementor-element.elementor-element-4f3850d-button {
  background: #ffa500;
  color: #fff;
  border: none;
  padding: 10px 16px;
  margin-right: 10px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: 0.3s ease;
}

/* ?? Hover effect */
.custom-patch-form input[type="file"]::file-.elementor-555 .elementor-element.elementor-element-4f3850d-button:hover {
  background: #ff8c00;
}

/* ?? For older browsers (Chrome/Safari fallback) */
.custom-patch-form input[type="file"]::-webkit-file-upload-button {
  background: #ffa500;
  color: #fff;
  border: none;
  padding: 10px 16px;
  margin-right: 10px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
}

/* ?? Optional: make full upload area nicer */
.custom-patch-form input[type="file"] {
  border: 2px dashed #ffa500;
  padding: 12px;
  background: #fffaf0;
}

/* Dropdown cursor pointer */
.wpcf7 select {
  cursor: pointer;
}

/* Hover effect */
.wpcf7 select:hover {
  background-color: yellow;
}

/* STRIPE STYLE BAR */
.security-bar {
  position: relative;
  height: 8px;
  background: #eee;
  border-radius: 50px;
  overflow: hidden;
  margin: 10px 0 6px;
}

.security-fill {
  position: absolute;
  height: 100%;
  width: 40%;

  background: linear-gradient(90deg, #FFB200, #000, #FFB200);
  border-radius: 50px;

  animation: loadingBar 2s infinite ease-in-out, glow 1.5s infinite;
}

@keyframes glow {
  0% {
    box-shadow: 0 0 5px #FFB200;
  }
  50% {
    box-shadow: 0 0 18px #FFB200;
  }
  100% {
    box-shadow: 0 0 5px #FFB200;
  }
}

@keyframes glow {
  0% { box-shadow: 0 0 5px #FFB200; }
  50% { box-shadow: 0 0 15px #FFB200; }
  100% { box-shadow: 0 0 5px #FFB200; }
}

.security-bar span {
  display: block;
  text-align: center;
  font-size: 11px;
  margin-top: 6px;
  color: #666;
}

/* TRUST ICONS */
.trust-icons {
  display: flex;
  justify-content: center;
  gap: 10px;
  font-size: 12px;
  color: #555;
  flex-wrap: wrap;
  margin: 8px 0;
}

/* SIMPLE TRUST BADGE */
.trust-badge {
  text-align: center;
  font-size: 12px;
  color: #444;

  padding: 8px 10px;
  border: 1px solid #eee;
  border-radius: 6px;
  background: #f9f9f9;

  margin-bottom: 10px;
}

/* ANIMATION */
@keyframes loadingBar {
  0% { left: -40%; }
  50% { left: 30%; }
  100% { left: 100%; }
}

.form-top-badge {
  width: 100%;
  text-align: center;

  font-size: 12px;
  font-weight: 500;

  padding: 6px 10px;
  margin-bottom: 12px;

  border-radius: 20px;

  background: linear-gradient(90deg, #FFB200, #FFB200, #FFB200);
  color: #fff;

  letter-spacing: 0.3px;

  animation: badgePulse 2s infinite ease-in-out;
}

/* subtle pulse */
@keyframes badgePulse {
  0% { opacity: 0.85; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.02); }
  100% { opacity: 0.85; transform: scale(1); }
}

.rotating-badge {
  width: 100%;
  height: 32px;
  overflow: hidden;

  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 12px;
  font-weight: 600;

  border-radius: 20px;

  background: linear-gradient(90deg, #000, #000, #000);
  color: #fff;

  margin-bottom: 12px;
  position: relative;
}

/* each text line */
.rotating-badge span {
  position: absolute;
  opacity: 0;
  animation: rotateText 6s infinite;
}

/* stagger animations */
.rotating-badge span:nth-child(1) {
  animation-delay: 0s;
}

.rotating-badge span:nth-child(2) {
  animation-delay: 2s;
}

.rotating-badge span:nth-child(3) {
  animation-delay: 4s;
}

/* rotation effect */
@keyframes rotateText {
  0% { opacity: 0; transform: translateY(10px); }
  10% { opacity: 1; transform: translateY(0); }
  30% { opacity: 1; }
  40% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 0; }
}
/* Mobile fix */
@media (max-width: 768px) {
  .quote-form .row {
    flex-direction: column;
  }
}

/* Container for the bar and text */
.loading-container {
    width: 100%;
    margin: 20px 0 10px 0;
}

/* The grey track background */
.loading-track {
    width: 100%;
    height: 12px;
    background-color: #f0f0f0; /* Light grey track */
    border-radius: 50px;       /* Capsule shape */
    overflow: hidden;          /* Clips the moving bar */
    position: relative;
}

/* The moving gradient bar */
.loading-bar-gradient {
    width: 30%;                /* Length of the moving piece */
    height: 100%;
    position: absolute;
    border-radius: 50px;
    
    /* Black to Orange Gradient like your image */
    background: linear-gradient(to right, #000000 0%, #ffaa00 100%);
    
    /* Animation */
    animation: slide-loading 2s infinite linear;
}

/* Security Text Styling */
.security-text-inline {
    font-size: 13px;
    color: #666;
    margin-top: 8px;
    text-align: left;
    font-family: sans-serif;
}

/* Sliding Keyframes */
@keyframes slide-loading {
    0% {
        left: -35%;
    }
    100% {
        left: 110%;
    }
}

/* Ensure the Submit button is styled properly below it */
.wpcf7-submit {
    width: 100%;
    background-color: #ffa500 !important;
    border: none;
    border-radius: 50px; /* Matching the rounded theme */
    padding: 15px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s ease;
}

.wpcf7-submit:hover {
    background-color: #e69500 !important;
}/* End custom CSS */