.publish-delete-img {
    width: 100%;
    height: auto;
    display: block; /* removes bottom whitespace */
}
.publish-stop-heading{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 4%;
    max-width: 100%;
}

.publish-part-container{
    margin-top: 5%;
    width: 100%;
}
.tab-content {
    display: none;
    padding: 6px 12px;
  }
  
  #publish-first-part{
      display: block;
  }
  
  .publish-ride-container{
      display :flex;
      grid-template-columns: auto auto;
      margin-top : 14%;
      padding: 0% !important;
      justify-content: center;
  }
  .login-model{
      width:400px;
      height :auto;
  }
  .publish-ride-section{
      margin-top :5%;
      padding: 0px 10px;
  }

/* Container for action buttons */
.action-container {
    display: block;
}
.stop-field{
    display: block;
    margin-bottom: 15px;
    border-bottom : 1px solid #ccc;
    padding:15px 5px;
}

.action-buttons {
    display: flex;
    align-items: center;
}

/* Styling for the remove button */
.remove-button, .add-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    color: #6c757d; /* Adjust the color as needed */
    font-size: 14px; /* Adjust the font size as needed */
    margin-left: 10px; /* Adjust spacing between buttons */
}

.remove-button img, .add-button img {
    margin-right: 20px; /* Adjust spacing between icon and text */
}

.remove-text, .add-text {
    display: inline-block;
    vertical-align: middle;
}
.add-stop{
    display: flex;
    justify-content: space-between;
    
}

/* Styling for the publish button */
.publish-button {
    background-color: #8BC34A; /* Adjust the color as needed */
    color: white;
    border: none;
    padding: 10px 20px; /* Adjust padding as needed */
    font-size: 16px; /* Adjust font size as needed */
    text-align: center;
    cursor: pointer;
    display: block;
    margin: 10px auto; /* Center the button horizontally */
}

/* Hover effects for buttons (optional) */
.remove-button:hover, .add-button:hover {
    color: #000; /* Adjust hover color as needed */
}

.publish-button:hover {
    background-color: #7CB342; /* Adjust hover color as needed */
}

.publish-image-width{
    width :10%;
}