.main-div {
  background: #f6f6f4;
  min-height: 100vh;
  display: flex;
  align-items: center;
  font-family: "Nunito", sans-serif
}

.signup-box {
  /* max-width: 34.6875rem;
  */
  max-width: 40.6875rem;
  margin: 0 auto;
  border: 0.0625rem solid #dedddc;
  border-radius: 1.25rem;
  background: #fff;
  /* padding: 3.125rem 1.875rem;   */
  padding: 1.5rem;
  width: 100%;
}

.pt-10{
  padding-top: 100px;
}

.form-control-input {
  border-radius: 0.625rem !important;
}

.psw-input .btn {
  margin-left: -40px;
}

/* .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
*/
.menu-dropdown {
  width: 100%;
  border-radius: 0.625rem !important;
  background: none !important;
  color: #333
}

.menu-dropdown:hover {
  background: none !important;
  color: #333
}

.submitBtn {
  width: 100%;
  border-radius: 0.625rem !important;
  /* border: .0625rem solid #b6d4fe !important; */
  border: none!important;
  background: #feb811
}

.submitBtn:disabled {
  /* Optional: Adjust styles for the disabled state */
  background: #feb811; /* Change background color */
  border: .0625rem solid #b6d4fe; /* Change border color */  
  cursor: not-allowed; /* Change cursor to indicate it's disabled */
}

.submitBtn:hover,
.submitBtn:focus,
.submitBtn:active {
  background: #feb811 !important;
  color: #333 !important;
}

.select_dropdown {
  height: 3.125rem;
}

.mobile-wrap {
  display: flex;
}

.mobile-input {
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
}

.mobile-dropdown {
  width: 20%;
  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.psw-div.psw-input :focus {
  z-index: auto;
}

.input-group i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.fa {
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.toggle-password {
  border-top-right-radius: 0.625rem !important;
  border-bottom-right-radius: 0.625rem !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-color: #d9d4cd !important;
  border-left: hidden;
}

.toggle-password:hover {
  color: #181818 !important;
  background-color: #fff !important;
}

.password-input {
  border-right: hidden !important;
  margin-right: -10px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.signup-v3-theme {
  background-color: #F0F0F0 !important;
}

.signup-v3-company-logo-form {
  padding: 0px;
  border: hidden;
  background-color: #f6f6f4 !important;
}

.signup-v3-company-logo-form .mx-auto {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

span.error {
  /* display: none !important; */
  color: red;
  font-size: 12px;
  font-weight: 600;
}

.form-control.error,
.form-control.error:focus,
.form-controlarea.error,
.form-controlarea.error:focus,
.form-check-input.error,
.form-select.error {
  border-color: red !important;
}

.otp-box {
  max-width: 34.6875rem;
  margin: 0 auto;
  border: 0.0625rem solid #dedddc;
  border-radius: 1.25rem;
  background: #fff;
  padding: 3.125rem 1.875rem;
  width: 100%;
}

.otp-box .heading {
  font-size: 31px;
  font-weight: 900;
}

.otp-box .button-div {
  margin-top: 4.375rem;
}

.otp-box .input-box {
  width: 2.6875rem !important;
  height: 3.375rem;
  padding: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 500;
  border: none;
  border-bottom: 0.0625rem solid #272727;
  background: transparent;
  border-radius: 0% !important;
}

.otp-box .input-box:focus {
  border: 0.0625rem solid #272727;
  box-shadow: 0 0 0 0.2rem rgba(1, 0, 0, 0.25);
  outline: none;
}

.otp-box .submitBtn {
  width: 100%;
  border-radius: 0.625rem !important;
  border: 0.0625rem solid #b6d4fe !important;
  background: #feb811;
}

.otp-box .submitBtn:hover,
.otp-box .submitBtn:focus,
.otp-box .submitBtn:active {
  background: #feb811 !important;
  color: #333 !important;
}

.h-10vh {
  height: 10vh;
}

.signup-v3-theme .numberCircle {
  border-radius: 50%;
  width: 31px;
  height: 31px;
  padding: 0 0 0 0;
  background: #E6E6E6;
  border: 2px solid #666;
  color: #000000;
  text-align: center;
}

.signup-v3-theme .step-span-text {
  position: absolute;
  display: inline-block;
  margin: 0 25px;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 14px;
  line-height: 29px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #27272799;
  font-weight: 600;
}

.padding-zero {
  padding: 0;
}

.numberCircle.active-step {
  background-color: #feb811 !important;
}

.onboarding-form-box {
  margin: 0 auto;
  border: 0.0625rem solid #dedddc;
  border-radius: 0.65rem;
  background: #FFFFFF;
  padding: 1.125rem 1.170rem;
  width: 100%;
}


.signup-v3-theme .themeTitle:after {
  border-bottom: 1px solid #FEB802;
  width: 303px;
  /* Adjusts to the width of .themeTitle */
  height: 2px;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.error-message-dispaly {
  padding: 1rem;
  /* Padding around the error messages */
}

.signup-error-dispaly-ui {
  list-style: none;
  /* Remove default list styling */
  padding: 0;
  /* Remove default padding */
  margin: 0;
  /* Remove default margin */
}

.signup-error-dispaly-ui-li {
  background-color: #f8d7da;
  /* Light red background for each error item */
  color: #721c24;
  /* Dark red text color */
  border: 1px solid #f5c6cb;
  /* Slightly darker border */
  border-radius: 0.25rem;
  /* Rounded corners for each error item */
  padding: 0.75rem 1rem;
  /* Padding inside each error item */
  margin-bottom: 0.5rem;
  /* Space between error items */
  font-size: 1rem;
  /* Font size for better readability */
}

.signup-error-dispaly-ui-li:last-child {
  margin-bottom: 0;
  /* Remove margin from the last item */
}

.signup-v3-theme .onboarding-bottom-price {
  display: flex;
  flex-direction: column;
  /* Stack items vertically */
  justify-content: center;
  /* Center items vertically within the column */
}

.signup-v3-theme .onboarding-submit-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  max-width: 100%;
  /* Ensures the button doesn't exceed the screen width */
  background-color: #fff;
  /* Adjust as needed */
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
  /* Optional for a slight shadow effect */
  z-index: 9999;
  /* Ensure it's on top of other content */
  padding: 10px 0%;
  /* Adjust padding as needed for button content */
  margin: 0 auto;
  /* Centers the button if its width is less than 100% */
  box-sizing: border-box;
  /* Ensures padding and border are included in the width */
}

#form_add_driver {
  overflow-y: auto;
}

.size-50 {
  width: 50px;
  height: 50px;
}

/** */
.valued-div {
  display: flex;
  justify-content: space-between;
}

/* 
.order-card{
  display: flex;
  justify-content: space-between;
} */

.card-div {
  position: relative;
  margin-bottom: 20px;
}

.plus-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.5rem;
  /* padding: 0.5rem 1rem;  */
  border: none;
  color: gray;
  cursor: pointer;
  /* Change cursor to pointer on hover */
}

.btn-icon:hover {
  background-color: #0056b3;
  /* Darker color on hover */
}

.price {
  margin-right: 30px;
}

.price-icon {
  margin-right: 10px;

}

.step-4-right {
  height: 20%;
  background-color: #80808021;
}

.title {
  padding: 10px 10px 10px 0px;
}

.font-design {
  font-size: 16px;
  font-weight: 500;
  color: #070808;
  display: flex;
  padding: 15px 0px 0px 0px !important;
}

.order-summary-total {
  font-size: 16px;
  font-weight: 500;
  color: #070808;
  padding: 15px 0px 0px 0px !important;
  display: block;
}

.link-container {
  text-align: center;
  padding: 20px;
}

.link-a {
  color: #181818;
  font-weight: 600;
  font-size: medium;
  text-decoration: underline
}

.link-a:hover {
  font-weight: 600;
  font-size: medium;
  text-decoration: underline
}

/** */

.payment-pages .btn-sec {
  display: flex;
  align-items: center;
  /* Vertically centers the icon */
}

.payment-pages .btn-sec a {
  margin-left: 10px;
  /* Space between the button and the icon */
  font-size: 16px;
  /* Adjust font size of the icon */
  color: #000;
  /* Change the color of the icon */
  transition: color 0.3s;
  /* Smooth color transition on hover */
}

.payment-pages .btn-sec a:hover {
  color: #007bff;
  /* Color change on hover */
}

#theme-form .progress {
  height: 3px !important;
}

.theme-form .progress {
  height: 10px !important;
}

.popover-body .progress {
  height: 10px !important;
}

#theme-form .show-pass {
  position: absolute;
  top: 5%;
  right: 8%;
}

.theme-form .progress-bar-danger {
  background-color: #e90f10;
}

.theme-form .progress-bar-warning {
  background-color: #ffad00;
}

.theme-form .progress-bar-success {
  background-color: #02b502;
}

.progress .progress-bar-danger {
  background-color: #e90f10;
}

.progress .progress-bar-warning {
  background-color: #ffad00;
}

.progress .progress-bar-success {
  background-color: #02b502;
}

.theme-form .fa-eye {
  color: #022255;
  cursor: pointer;
}

.theme-form .ex-account p a {
  color: #f6086e;
  text-decoration: underline;
}

.no-modal-headeing-color {
  background: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color) !important;
  border-bottom: none !important;
  margin: 5px 0 !important;
}

#company-information-loader{
  top: 50%; 
  right: 30px; 
  height: 25px; 
  width: 25px;  
}

span.cart-net-amount {
  font-size: 16px;
  font-weight: 510;
}

span#net-amount {
  font-size: 16px;
  font-weight: 510;
  color: #feb811 !important;
}

/* .theme-form .fa-close {
  color: #b51702;
  font-size: 20px;
}

.theme-form .fa-check {
  color: #02b502;
  font-size: 15px;
} */

.list-unstyled .fa-close {
  color: #b51702;
  font-size: 20px;
}

.list-unstyled .fa-check {
  color: #02b502;
  font-size: 15px;
}

.theme-form .show-pass{
  position: absolute;
  top: 50%;
  right: 10px;
  /* Adjust as needed */
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 2;
  /* Ensure it stays above the input field */
}

.theme-form .show-pass i {
  font-size: 16px;
  /* Adjust as needed */
}

#form_add_driver .form-checkBox {
  height: auto;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #e0e0e0;
  box-shadow: 0 1px 4px 0px rgb(0 0 0 / 5%);
  padding: 0.65rem 0.75rem;
  border-radius: 10px;
}

#form_add_driver .form-checkBox .form-check {
  margin-bottom: 0;
}

#form_add_driver .form-checkBox .form-check-input {
  margin-top: 0.35em;
}

#form_add_driver .form-checkBox .form-check label {
  margin-bottom: 0;
}

/* Basic reset for list */
ul.list-unstyled {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* Style for list items */
ul.list-unstyled li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  /* Space between list items */
}

/* Style for icons */
ul.list-unstyled li i {
  color: red;
  /* Adjust icon color as needed */
  margin-right: 8px;
  /* Space between icon and text */
}

/* Style for span elements */
ul.list-unstyled li span {
  font-size: 14px;
  /* Adjust font size as needed */
  color: #333;
  /* Text color */
}

.signup-v3-theme .numberCircle.active-step .step-span-number {
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #272727;
}

.signup-v3-theme .numberCircle .step-span-number {
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #505050;
}

.signup-v3-theme .numberCircle.active-step .step-span-text {
  width: 170px;
  font-weight: 600;
  height: 21px;
  color: #272727;
}

.text-thmRed {
  color: #FF0000;
  /* Pure Red */
}

.signup-v3-theme .themeTitle.full-border-width:after {
  border-bottom: 1px solid #FEB802;
  width: 100%;
  /* Adjusts to the width of .themeTitle */
  height: 2px;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.signup-v3-theme form input.form-control,
.signup-v3-theme form select,
.signup-v3-theme form .form-checkRadio {
  background-color: white !important;
  border: 1px solid #ced4da!important;
}

.signup-v3-header-style {
  background-color: #F0F0F0 !important;
}

/* Ensure container takes full width */
.container {
  width: 100%;
}

/**
 * Media Query Styles for Small Devices (≤ 576px)
 *
 * This CSS block applies styles specifically for devices with a maximum width of 576px.
 * The aim is to enhance usability and layout for smaller screens in the signup-v3 theme.
 *
 * Key Features:
 * - Hides text elements for better space management on small screens.
 * - Adjusts button dimensions and opacity to ensure they fit well.
 * - Configures widths of various button containers and bottom price sections.
 * - Modifies driver card item layout, including margins and borders.
 * - Controls the visibility of driver cards and CDL numbers based on screen size.
 * - Sets font sizes for step titles and headings for improved readability.
 * - Ensures right margin adjustments where necessary.
 */
@media (max-width: 576px) {
  .signup-v3-theme .step-span-text {
    display: none !important;
    /* Hide the text on small screens */
  }

  /* Your styles here */
  /* For portrait layouts only */
  /* styles for browsers larger than 960px; */
  .signup-v3-theme .onboarding-submit-btn .onboarding-btn button {
    width: 113px;
    height: 47px;
    padding: 15px 29px 15px 29px;
    gap: 10px;
    opacity: 0px;
  }

  .signup-v3-theme .onboarding-submit-btn .onboarding-btn {
    width: 78%;
  }

  .signup-v3-theme .onboarding-submit-btn .onboarding-bottom-price {
    width: 20%;
  }

  .signup-v3-theme .onboarding-submit-btn {
    padding: 10px 3.5%;
    z-index: 999!important;
  }

  .driver-card-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
    /* Change the color as needed */
    padding-bottom: 0.5rem;
    /* Optional: add padding to give space below the text */
  }

  .drivercard-lg {
    display: none;
  }

  .drivercard-sm {
    display: block !important;
  }

  .cdl-number-lg {
    display: none;
  }

  .cdl-number-sm {
    display: block;
  }

  .signup-v3-theme .step-4 .card-title {
    font-size: 0.89rem !important;
  }

  .signup-v3-theme .step-4 h6 {
    font-size: 0.89rem;
  }

  .custom-mr-22 {
    margin-right: 10px !important;
  }

  .modal {
    max-height: 89vh;
    /* Adjust as needed */
    overflow-y: auto;
  }
  .modal.signupguide .modal-dialog {
    width: 89%;
    max-width: 88%;
    margin-left: auto;
    margin-right: auto;
  }
}

/**
 * Media Query Styles for Medium Devices (576px - 768px)
 *
 * Styles for the signup-v3 theme to enhance layout and usability
 * on medium screens. Key adjustments include:
 * - Hiding text elements
 * - Adjusting button sizes and visibility
 * - Configuring driver card displays and font sizes
 */
@media (min-width: 576px) and (max-width: 768px) {
  .signup-v3-theme .step-span-text {
    display: none !important;
    /* Hide the text on small screens */
  }

  /* Your styles here */
  /* For portrait layouts only */
  /* styles for browsers larger than 960px; */
  .signup-v3-theme .onboarding-submit-btn .onboarding-btn button {
    width: 158px;
    height: 47px;
    padding: 15px 29px 15px 29px;
    gap: 10px;
    opacity: 0px;
  }

  .signup-v3-theme .onboarding-submit-btn .onboarding-btn {
    width: 78%;
  }

  .signup-v3-theme .onboarding-submit-btn .onboarding-bottom-price {
    width: 20%;
  }

  .signup-v3-theme .onboarding-submit-btn {
    padding: 10px 1%;
  }

  .drivercard-lg {
    display: none;
  }

  .drivercard-sm {
    display: block !important;
  }

  .driver-card-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
    /* Change the color as needed */
    padding-bottom: 0.5rem;
    /* Optional: add padding to give space below the text */
  }

  .cdl-number-lg {
    display: none;
  }

  .cdl-number-sm {
    display: block;
  }

  .signup-v3-theme .step-4 .card-title {
    font-size: 0.89rem !important;
  }

  .signup-v3-theme .step-4 h6 {
    font-size: 0.89rem;
  }

  .sticky-subtotal-card {
    max-width: 540px !important;
    margin: 0 auto !important;
  }
}

/**
 * Media Query Styles for Medium to Large Devices (768px - 992px)
 *
 * Styles for the signup-v3 theme to optimize layout and usability
 * on medium to large screens. Key changes include:
 * - Hiding text elements
 * - Adjusting button dimensions and opacity
 * - Configuring widths for buttons and bottom price sections
 * - Managing visibility of driver cards and CDL numbers
 * - Setting font sizes for titles and headings
 */
@media (min-width: 768px) and (max-width: 992px) {
  .signup-v3-theme .step-span-text {
    display: none !important;
    /* Hide the text on small screens */
  }

  /* Your styles here */
  /* For portrait layouts only */
  /* styles for browsers larger than 960px; */
  .signup-v3-theme .onboarding-submit-btn .onboarding-btn button {
    width: 158px;
    height: 47px;
    padding: 15px 29px 15px 29px;
    gap: 10px;
    opacity: 0px;
  }

  .signup-v3-theme .onboarding-submit-btn .onboarding-btn {
    width: 80%;
  }

  .signup-v3-theme .onboarding-submit-btn .onboarding-bottom-price {
    width: 20%;
  }

  .signup-v3-theme .onboarding-submit-btn {
    padding: 10px 0%;
  }

  .drivercard-lg {
    display: none !important;
  }

  .drivercard-sm {
    display: block !important;
  }

  .driver-card-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
    /* Change the color as needed */
    padding-bottom: 0.5rem;
    /* Optional: add padding to give space below the text */
  }

  .cdl-number-lg {
    display: none;
  }

  .cdl-number-sm {
    display: block;
  }

  .signup-v3-theme .step-4 .card-title {
    font-size: 0.89rem !important;
  }

  .signup-v3-theme .step-4 h6 {
    font-size: 0.89rem;
  }

  .sticky-subtotal-card {
    max-width: 720px !important;
    margin: 0 auto !important;
  }

}

/**
 * Media Query Styles for Large Devices (992px - 1200px)
 *
 * Styles for the signup-v3 theme to enhance layout and usability
 * on large screens. Key adjustments include:
 * - Setting button dimensions and opacity
 * - Configuring widths for buttons and bottom price sections
 * - Managing visibility of driver cards and CDL numbers
 * - Adjusting positioning of icons
 */
@media (min-width: 992px) and (max-width: 1200px) {

  /* Your styles here */
  /* For portrait layouts only */
  /* styles for browsers larger than 960px; */
  .signup-v3-theme .onboarding-submit-btn .onboarding-btn button {
    width: 158px;
    height: 47px;
    padding: 15px 29px 15px 29px;
    gap: 10px;
    opacity: 0px;
  }

  .signup-v3-theme .onboarding-submit-btn .onboarding-btn {
    width: 80%;
  }

  .signup-v3-theme .onboarding-submit-btn .onboarding-bottom-price {
    width: 20%;
  }

  .signup-v3-theme .onboarding-submit-btn {
    padding: 10px 0%;
  }

  .drivercard-lg {
    display: none !important;
  }

  .drivercard-sm {
    display: block !important;
  }

  .driver-card-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
    /* Change the color as needed */
    padding-bottom: 0.5rem;
    /* Optional: add padding to give space below the text */
  }

  .cdl-number-lg {
    display: none;
  }

  .cdl-number-sm {
    display: block;
  }

  .custom-plus-icon {
    position: absolute;
    right: 3px !important;
  }

  .sticky-subtotal-card {
    max-width: 960px !important;
    margin: 0 auto !important;
  }
}

/**
 * Media Query Styles for Extra Large Devices (≥ 1200px)
 *
 * Styles for the signup-v3 theme to optimize layout and usability
 * on extra large screens. Key adjustments include:
 * - Setting button dimensions and opacity for the onboarding section.
 */
@media (min-width: 1200px) and (max-width: 1400px) {

  /* Your styles here */
  .signup-v3-theme .onboarding-submit-btn .onboarding-btn button {
    width: 158px;
    height: 47px;
    padding: 15px 29px 15px 29px;
    gap: 10px;
    opacity: 0px;
  }

  .sticky-subtotal-card {
    max-width: 1140px !important;
    margin: 0 auto !important;
  }
}
/**
 * Media Query Styles for Extra Large Devices (≥ 1200px)
 *
 * Styles for the signup-v3 theme to optimize layout and usability
 * on extra large screens. Key adjustments include:
 * - Setting button dimensions and opacity for the onboarding section.
 */
 @media (min-width: 1200px) and (max-width: 1400px) {

  /* Your styles here */
  .signup-v3-theme .onboarding-submit-btn .onboarding-btn button {
    width: 158px;
    height: 47px;
    padding: 15px 29px 15px 29px;
    gap: 10px;
    opacity: 0px;
  }

  .sticky-subtotal-card {
    max-width: 1140px !important;
    margin: 0 auto !important;
  }
  .signup-v3-theme .onboarding-submit-btn {
    padding: 0px 0%;
  }
}


@media (min-width: 1400px) {

  /* Your styles here */
  .signup-v3-theme .onboarding-submit-btn .onboarding-btn button {
    width: 158px;
    height: 47px;
    padding: 15px 29px 15px 29px;
    gap: 10px;
    opacity: 0px;
  }

  .sticky-subtotal-card {
    max-width: 1320px !important;
    margin: 0 auto !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

.cdl-number-sm {
  display: block;
}

.drivercard-sm {
  display: none;
}

.driverCard .btn-sec-custom a i {
  background: #ffffff;
  color: #272727CC;
  padding: 7px 4px;
  width: 26px;
  height: 26px;
  text-align: center;
  vertical-align: middle;
  border-radius: 18px;
  font-size: 12px;
  border: 1.5px solid #272727CC;
}

.driver-values-font {
  color: #272727;
  font-weight: 600;
}

.themeModal .custom-modal-header {
  /* padding: 8px 27px; */
  /* background: #ffffff; */
}

.custom-modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  /* padding: var(--bs-modal-header-padding); */
  /* border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); */
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);

}

.custom-bg-warning {
  border: 0.5px solid #FEB802;
  background: #FEB80233;
}

/* margin-top: 15px;
margin-left: 15px; */
.custom-mr-30 {
  margin-right: 30px;
}

.custom-mr-22 {
  margin-right: 22px;
}

.custom-plus-icon {
  position: absolute;
  top: 10px;
  right: 13px;
  font-size: 1.5rem;
  /* padding: 0.5rem 1rem; */
  border: none;
  color: gray;
  cursor: pointer;
}

.fixed-footer {
  position: fixed;
  bottom: 0;
  /* left: 0; */
  max-width: 100%;
  background-color: #fff;
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  box-sizing: border-box;
}

.fixed-footer-item {
  background-color: white;
  /* or any other color */
  max-width: 1320px;
}

/* .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1320px;
} */

@media (max-width: 768px) {
  .fixed-footer .row {
    flex-direction: column;
    /* Stack elements on smaller screens */
    align-items: flex-start;
    /* Align to start */
  }

  .fixed-footer .col-6 {
    width: 100%;
    /* Full width for columns on small screens */
    margin-bottom: 10px;
    /* Space between items */
  }

  .fixed-footer .text-end {
    text-align: left;
    /* Align buttons to the left on smaller screens */
  }
}

.bg-color-pastel-yellow {
  background-color: #FEECBD;
}

.modal.signupguide {
  --bs-modal-margin: 2rem!important;
  z-index: 10000 !important;
}
.btn-thmYallow:focus {
  border-color: #ffc53a; /* Change border color on focus */
  outline: none; /* Remove default outline */
}
.modal#addDriverModal {
  z-index: 9999 !important;
}

.disabled-btn {
  cursor: default !important;
  pointer-events: none;
}
.themeTitle-font-sm{
  font-size: 0.8rem!important;
}
.signup-v3-theme .themeTitle-font-sm.themeTitle:after {
  width: 100% !important;
}