/* Existing CSS for the header form */
.header-form-wrapper {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.header-form-wrapper .wp-block-group__inner-container {
    max-width: none !important;
    width: 100%;
}
.header-form-wrapper .wp-block-contact-form-7-contact-form-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}
.header-form-wrapper .wp-block-contact-form-7-contact-form-selector p {
    margin: 0 !important;
    display: contents;
}
.header-form-wrapper .cf72col {
    flex: 0 0 49%;
    margin-right: 0;
    box-sizing: border-box;
}
.header-form-wrapper .cf72col input,
.header-form-wrapper .cf72col select {
    width: 100% !important;
    box-sizing: border-box;
}
.wp-block-column:has(.header-form-wrapper) {
    min-width: 600px;
    flex: 1 1 50%;
}
@media (max-width: 1140px) {
    .header-form-wrapper .cf72col {
        flex: 0 0 100% !important;
        width: 100% !important;
        margin-right: 0;
    }
    .wp-block-column:has(.header-form-wrapper) {
        min-width: 100%;
    }
}

/* New CSS for the three-column row */
.header-form-wrapper .cf73col-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}

.header-form-wrapper .cf73col-row .cf72col {
    flex: 0 0 32%; /* Three equal columns (33.33% - some margin for gap) */
    width: 32%;
}

/* Initially hide the hidden-form-wrapper */
.hidden-form-wrapper {
    display: none!important;
}

/* Responsive toggling at 1150px and below */
@media (max-width: 1150px) {
    .header-form-wrapper {
        display: none !important;
    }
    .hidden-form-wrapper {
        display: block !important;
    }
    .leftcol{flex-basis: 100% !important;}
}

/* Apply the same styling to hidden-form-wrapper as header-form-wrapper */
.hidden-form-wrapper .wp-block-contact-form-7-contact-form-selector {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}
.hidden-form-wrapper .wp-block-contact-form-7-contact-form-selector p {
    margin: 0 !important;
    display: contents;
}
.hidden-form-wrapper .cf72col {
    flex: 0 0 49%;
    margin-right: 0;
    box-sizing: border-box;
}
.hidden-form-wrapper .cf73col-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
}
.hidden-form-wrapper .cf73col-row .cf72col {
    flex: 0 0 32%;
    width: 32%;
}
.hidden-form-wrapper .cf72col input,
.hidden-form-wrapper .cf72col select {
    width: 100% !important;
    box-sizing: border-box;
}
@media (max-width: 1140px) {
    .hidden-form-wrapper .cf72col,
    .hidden-form-wrapper .cf73col-row .cf72col {
        flex: 0 0 100% !important;
        width: 100% !important;
        margin-right: 0;
    }
}


.header-form-wrapper .wpcf7-form-control {
    font-size:12px;
}

.custom-hr{margin: 0px 0 17px;}
.widget select, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, form input:read-write, form select, form select option, form textarea, form.wp-block-search input.wp-block-search__input {
    border-style: solid;
    border-color: #000000!important;
    border-width: 1px!important;
    border-right:none!important;
    border-top:none!important;
    border-left:none!important;
    color: #000000!important;
    padding: 12px !important;
    font-size: 14px!important;

}
.hidden-trackers{
    display: none !important;
}
/* Target the radio options within the custom-radio class */
.wpcf7-form-control.wpcf7-radio.custom-radio .wpcf7-list-item {
    display: block; /* Stack each option vertically */
    margin-bottom: 10px; /* Add some spacing between options */
}

/* Optional: Style the label and input for better alignment */
.wpcf7-form-control.wpcf7-radio.custom-radio .wpcf7-list-item label {
    display: flex; /* Align the radio button and label text nicely */
    align-items: center; /* Center vertically */
}

/* Optional: Ensure the radio button itself doesn't force horizontal layout */
.wpcf7-form-control.wpcf7-radio.custom-radio .wpcf7-list-item input[type="radio"] {
    margin-right: 8px; /* Space between radio button and label text */
}
.wpcf7-list-item-label {
    font-size: 14px;
}
.wpcf7-list-item {
        margin: 0 0 0 0!important;
}
.cf7checkbox{margin-top:-14px;}
.rfqhead{   
    /* border-radius: 8px; */
    color: #0f2d50;
    text-align: left;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 99%; 
    font-weight: 600;
    font-size: 22px;
}
.rfqhead p{   
    margin-bottom: 1px;
}
.rfqgen input {
    font-weight: 600;
    cursor: not-allowed; /* Show not-allowed cursor */
    border: none; /* Optional: Adjust border style */
    pointer-events: none; /* Disable clicking */
    padding:0px;
        font-family: var(--wp--preset--font-family--manrope);
    font-size: var(--wp--preset--font-size--large);
}
.wpcf7-response-output {
    transition: opacity 0.5s ease; /* Fade effect for response */
    opacity: 1; /* Default visible state */
}

.formbutton {
    transition: opacity 0.5s ease; /* Fade effect for submit button */
    opacity: 1; /* Default visible state */
    padding:12px!important;    
}
.rfqgen .wpcf7-form-control {
    font-weight: 600; /* Make the font bold */
    border: none; /* Remove the border */
    pointer-events: none; /* Disable interaction */
    background: none; /* Remove background color */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove any default margins */
    color: inherit; /* Ensure text color matches parent */
}
/* Ensure the page-title input in the RFQ form has enough space */
.rfqgen .wpcf7-form-control.wpcf7dtx-text[name="page-title"] {
    padding-bottom: 20px !important; /* Add padding to prevent clipping */
    width: 100%; /* Make the input full-width to accommodate the text */
    font-size: 16px !important; /* Reduce font size to a more manageable value */
    box-sizing: border-box; /* Ensure padding is included in the width */
    overflow: visible !important; /* Prevent clipping */
    text-align:center;
}
/* Form Wrapper */
.form-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0; /* Remove extra padding to align sections */
  border-radius: 3px;
  position: relative;
  z-index: 2;
  margin: 0 auto; /* Center horizontally */
  max-width: 1200px;
}


/* Gray Left Section */
.gray-wrapper {
  flex: 1; /* Equal space with the right section */
  background-color: #f0f0f0;
  padding: 40px; /* Add padding for content spacing */
  border-radius: 8px 0 0 8px; /* Rounded corners for the left side */
}

/* White Right Section */
.white-wrapper {
  flex: 1; /* Equal space with the left section */
  background-color: white;
  padding: 40px;
  border-radius: 0 8px 8px 0; /* Rounded corners for the right side */
}

/* Text Content */
.text-content {
  color: #333;
    padding-right: 100px;
}

.text-content h2 {
font-weight: 800;
  margin-bottom: 20px;
}

.text-content ul {
  list-style: none;
  padding: 0;
}

.text-content li {
  margin-bottom: 10px;
  font-size: 1rem;
}
.wpcf7-spinner {
    display: none!important;}
/* Wrapper: Aligns items in a row with spacing */
.custom-form-wrapper {
    display: flex;
    max-width: 3370px;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; /* Allows responsive stacking */
    box-sizing: border-box;
    margin: 0 auto;
}

/* Email input field */
.custom-form-wrapper input[type="email"] {
    flex: 1; /* Takes available space */
    min-width: 200px;
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 16px!important;
    max-width: 3370px;
        height: 45px;
    margin-bottom: -8px;
}

/* Submit button */
.custom-form-wrapper input[type="submit"] {
    background: #d9534f;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 16px;
    transition: background 0.3s ease;
    white-space: nowrap; /* Prevents text wrapping */
    max-width: 3370px;
}

/* Button hover effect */
.custom-form-wrapper input[type="submit"]:hover {
    background: #c9302c;
}

/* Responsive: Stack elements on mobile */
@media (max-width: 480px) {
    .custom-form-wrapper {
        flex-direction: column;
        gap: 5px;
    }

    .custom-form-wrapper input[type="email"],
    .custom-form-wrapper input[type="submit"] {
        width: 100%; /* Full width when stacked */
    }
      .cf72col {
    width: 100%!important; /* Full width for fields on mobile */
  }
}
/* Responsive: Stack elements on mobile */
@media (max-width: 760px) {
    .custom-form-wrapper {
        flex-direction: column;
        gap: 5px;
    }
    .custom-form-wrapper input[type="email"],
    .custom-form-wrapper input[type="submit"] {
        width: 100%; /* Full width when stacked */
    }
      .cf72col {
    width: 100%!important; /* Full width for fields on mobile */
  }
}


/* Form Container */
.form-container {
  display: flex;
  flex-wrap: wrap; /* Allow form fields to wrap */
  gap: 10px; /* Horizontal gap between fields */
}

/* Two-Column Fields */
.cf72col {
  width: 49%; /* Two columns with a 10px gap */
  display: inline-block;    margin-right: 8px;
}

.cf72col-select {
  width: 49%; /* Two columns with a 10px gap */
  display: inline-block;
  margin-bottom:10px;
}
.rfq2col {width: 49%; /* Two columns with a 10px gap */
  display: inline-block;    margin-right: 0px;}

/* Submit Button */
.wpcf7-submit {
    
    color: white;
    padding: 12px 20px !important;
    border: 1px solid #ffffff75 !important;    background: #0f2d50!important;
    border-radius: 20px;
    font-size: 1rem !important;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 0.3s ease, color 0.3s ease;
    margin-top: 10px;
}

.wpcf7-submit:hover {
  background-color: #ffffff!important;
  color: #002d62;
  border: 1px solid #002d62!important;
}
/* Make placeholder text fully black */
::placeholder {
    color: #000000 !important;
    opacity: 1 !important; /* Override default opacity in browsers */
}

/* Browser-specific placeholder selectors for broader compatibility */
::-webkit


@media screen and (max-width: 1140px) {
    .wpcf7-select {
    width: 100%!important;
    margin-bottom: 10px;
}
.cf72col-select {
  width: 49%; /* Two columns with a 10px gap */
  display: inline-block;
  margin-bottom:0px!important;
}
  .form-wrapper {
    flex-direction: column; /* Stack columns vertically */
  }

  .gray-wrapper, .white-wrapper {
    width: 100%; /* Full width for both sections on mobile */
    border-radius: 8px; /* Reset rounded corners for stacked layout */
  }

  .cf72col {
    width: 100%!important; /* Full width for fields on mobile */
  }

    .cf72col input {
  width: 100%!important; /* Ensure no overlapping */
}
.cf7fullwidth-email input,.cf7fullwidth textarea {
  width: 101%;
}
.rfq .cf7fullwidth-email input,.rfq .cf7fullwidth textarea {
  width: 101%;
}
.cf7fullwidth textarea {
  width: 100!important%; /* Textarea width of 92% */
}
}

/* Remove Excessive <p> Margins */
.form-container p, .cf72col p,
.cf7fullwidth-email p,
.cf7fullwidth p, .rfq2col p {
  margin: 0!important; /* Eliminate default paragraph margins */
  padding: 0!important; /* Reset padding for tighter control */
}
.rfq2col input {  width: 100%!important; /* Ensure no overlapping */
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
  margin-bottom: 10px; /* Consistent vertical spacing */}
.cf72col input {
  width: 100%!important; /* Ensure no overlapping */
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
  margin-bottom: 10px; /* Consistent vertical spacing */
}

/* Full-Width Email Field */
.cf7fullwidth-email {
  width: 99%; /* Full width for email field */
  margin-bottom: 10px;
}
.cf7fullwidth-rfq {
  width: 99%; /* Full width for email field */
  margin-bottom: 0px;
  display:none;
}

.cf7fullwidth-rfq input {
  width: 99%; /* Ensure the email field spans full width */
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
}
.cf7fullwidth-email input {
  width: 100%; /* Ensure the email field spans full width */
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
}

/* Full-Width Fields */
.cf7fullwidth {
  width: 100%; /* Full width for wrapper */
  margin-bottom: 10px;
}

.cf7fullwidth textarea {
  width: 99%; /* Textarea width of 92% */
  height: auto; /* Reset height */
  line-height: 1.5; /* Line spacing for text readability */
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
  resize: none; /* Disable resizing */
  margin-bottom: 10px; /* Consistent vertical spacing */
      font-family: var(--wp--preset--font-family--manrope);
}
.rfq .cf7fullwidth-email {
  margin: 0 !important; 
  width:99%!imporant;
    border: none; /* Remove the border */
  background: none; /* Remove the background */
  pointer-events: none; /* Disable input interactions */
  color: #333; /* Optional: Set the text color */
  cursor: default; /* Change the cursor to default to indicate it’s not editable */
}
.rfq .cf7fullwidth {
  width:100%!imporant;
}
.rfq .cf72col {
    width: 49%;
}
@media screen and (max-width: 1400px) {
    .rfq .cf72col input {
        width: 100% !important;
    }
.rfq .cf72col {
    width: 100%;
}
}

.social-icons {
    display: flex;
    gap: 15px;
    margin: 0 auto;
    align-items: center;
    justify-content: center; /* Center aligns items horizontally */
    margin-top:10px;
}

.social-icons a {
  text-decoration: none;
  color: #e1ad1b!important; /* Default color */
  font-size: 1.5rem; /* Adjust size of the icons */
  transition: color 0.3s ease, transform 0.3s ease;
}

.social-icons a:hover {
  color: #002d62; /* Change color on hover */
  transform: scale(1.2); /* Slight zoom effect on hover */
}
/* RFQ Section */
.rfq-section {
    margin-top: 40px;
    padding: 20px;
    border: 1px solid #ddd;
    background: #f9f9f9;
}

.rfq-section h4 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
}

.rfq-section input,
.rfq-section textarea {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

.rfq-section .wpcf7-submit {
    background-color: #0F2D50;
    color: white;
    padding: 10px 15px;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s;
}

.rfq-section .wpcf7-submit:hover {
    background-color: #0E2546;
}
.wpcf7-select {
  width: 100%; /* Ensure no overlapping */
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
  color: rgb(118, 118, 118);
      margin-bottom: 10px;
}
.hidden-dropdown {
    display: none; /* Completely hide the dropdown */
}
.footer {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Adjust spacing between columns */
}

.footer-column {
    flex: 1 1 144px; /* Ensures columns shrink but maintain a minimum width */
    min-width: 144px; /* Prevents columns from becoming too narrow */
}

.rfq-textarea {
    max-height: 108px; 
}