#customer_login .form-row-wide {
  width:100%;
 }
 @media (min-width: 768px) {
 #customer_login .col-1,  #customer_login .col-2{
  width:48%!important;
  margin-right:0!important;
 }
 }

 
 .elementor-page-7{
  background: #F4F4F4!important;
 }
 .woocommerce-MyAccount-navigation ul{
  margin:0;
 }
.woocommerce-MyAccount-content-wrapper{
  background: #fff;
  padding: var(--sections-padding, 16px 30px 16px 30px)!important;
  border-left: var(--sections-border-left-width, 1px) var(--sections-border-type, solid) var(--sections-border-color, #d5d8dc)!important;
  border-bottom: var(--sections-border-bottom-width, 1px) var(--sections-border-type, solid) var(--sections-border-color, #d5d8dc)!important;
  border-right: var(--sections-border-right-width, 1px) var(--sections-border-type, solid) var(--sections-border-color, #d5d8dc)!important;
  border-top: var(--sections-border-top-width, 1px) var(--sections-border-type, solid) var(--sections-border-color, #d5d8dc)!important;
  border-radius: var(--sections-border-radius, 3px)!important;
}
.download-invoice-pdf{
  padding: 10px 15px;
  background-color: #21548E!important;
  color: white!important;
  border: none!important;
  border-radius: 4px;
  cursor: pointer;
  flex-shrink: 0; /* Prevent button from shrinking */
  min-width: 120px; /* Ensure button has a minimum width */
 
}
/* Styles for invoice search form */
.invoice-search-form {
  margin-bottom: 20px;
  display: flex; /* Use flexbox for layout */
  flex-wrap: wrap; /* Allow items to wrap to the next line */
  align-items: center; /* Center items vertically */
  gap: 10px; /* Space between items */
}

.invoice-label {
  margin-right: 10px;
  flex-shrink: 0; /* Prevent labels from shrinking */
}

.invoice-input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  flex: 1; /* Make inputs flexible to fill available space */
  min-width: 150px; /* Ensure minimum width for smaller screens */
  max-width: 200px; /* Limit maximum width to keep layout tidy */
  box-sizing: border-box; /* Include padding in width calculations */
}

.invoice-button {
  padding: 10px 15px;
  background-color: #21548E!important;
  color: white!important;
  border: none!important;
  border-radius: 4px;
  cursor: pointer;
  flex-shrink: 0; /* Prevent button from shrinking */
  min-width: 120px; /* Ensure button has a minimum width */
}

/* Responsive styles */
@media (max-width: 768px) {
  .invoice-search-form {
      flex-direction: column; /* Stack elements vertically on small screens */
      align-items: flex-start; /* Align items to the start */
  }
  .invoice-input, .invoice-button {
      width: 100%; /* Full width for inputs and button on small screens */
  }
}
.fact-msg{
  padding:30px;
}