table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

/* Basic styling */
body {
  font-family: Arial, sans-serif;
  line-height: 1.3;
  margin: 0;
}

/* Table container with horizontal scroll */
.table-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

/* Table styles */
.responsive-table {
  width: 100%;
  /* min-width: 800px;*/ /* Ensure table has a minimum width */
  border-collapse: collapse;
  margin: 20px 0;
}

.responsive-table th,
.responsive-table td {
  padding: 12px;
  text-align: left;
  border: 1px solid #ddd;
  white-space: normal; /* Allow text to wrap within cells */
}

.responsive-table th {
  /* background-color: #f2f2f2; */
  position: sticky;
  top: 0;
  z-index: 1;
}

/* Add some visual indication of scrollability on small screens */
@media screen and (max-width: 768px) {
  .table-scroll-hint {
    display: block;
    text-align: center;
    font-style: italic;
    color: #666;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 769px) {
  .table-scroll-hint {
    display: none;
  }
}

/* end */
body {
  font-family: Arial, sans-serif;

  background-color: white;
}
h1 {
  text-align: left;
  color: #333;
  margin-bottom: 5px;
}
table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
th {
  background-color: #376f9e !important;
  color: white;
  text-align: left !important;
  padding: 10px !important;
  border: 1px solid #ddd;
}
td {
  padding: 10px !important;
  /* border: 1px solid #ddd; */
  vertical-align: top;
}
tr:nth-child(even) {
  background-color: #f9f9f9;
}

#block-steel-content caption {
  caption-side: top;
  font-weight: bold;
  text-align: center;
  padding: 10px 0 10px;
  font-size: 24px;
  color: #1f3a64 !important;
}

body {
  font-family: Arial, sans-serif;
  margin: 0;

  color: #333;
}

h1 {
  color: #1f3a64;
  margin-top: 0;
  font-size: 24px;
  font-weight: bold;
}

.search-container {
  background-color: #f2f2f2;
  padding: 20px;
  border-radius: 4px;
}

.search-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 15px;
}

.form-group {
  flex: 1;
  min-width: 200px;
}

label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

input[type="text"] {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
}

.button-group {
  display: flex;
  gap: 10px;
}

button {
  background-color: #376f9e;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}

.reset {
  background-color: #376f9e;
}

.reset:hover {
  background-color: #4d8a9a;
}
.sf-depth-1 [role="menu"] {
  top: 0 !important;
  left: -100% !important;
  width: 250px !important;
  background: #050404;
}
.navClosed .sf-sub-indicator {
  display: none;
}

.contactForm input.form-input,
.contactForm textarea {
  padding: 10px 20px;
  width: 100%;
  border: 1px solid #ccc;
  font-size: 14px;
  border-radius: 20px;
  max-width: 600px;
  color: #181818;
}
.contactForm fieldset {
  margin: 30px 0 20px 0;
}
.contactForm input {
  border-radius: 20px;
  color: #181818;
  padding: 10px 50px;
  border: 1px solid #ccc;
  width: 100%;
  max-width: 600px;
  display: block;
  margin-bottom: 10px;
  /* background-color: #1f3a64; */
}
#edit-submit {
  background-color: #376f9e;
  color: #fff;
}
.contactForm {
  padding: 40px 20px;
  background: #fbfbfb;
  border-radius: 30px;
  margin: 35px;
  filter: drop-shadow(0px 0px 6px #dadada);
  margin-top: 5px;
  height: 100%;
}

#contact figure,
#contact .our-testimonial-image3 {
  height: 100%;
}
iframe {
  width: 100%;
}
#edit-pass--description,
#edit-name--description {
  font-size: 12px;
  margin-bottom: 10px;
}
.container {
  max-width: 100%;
}
.contactForm .captcha__description .description {
  font-size: 14px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .contactForm {
    padding: 40px 0;
    margin: 0;
  }
  .container {
    padding: 20px;
  }
}


.menuparent ul,
#mySidenav ul.sf-multicolumn {
  display: none; /* by default hidden */
}

.menuparent:hover >  ul,
#mySidenav li:hover > ul.sf-multicolumn {
  display: block !important; /* only hover से दिखेगा */
}