.table .fa.fa-pencil.popup {
  font-size: 25px;
  font-weight: 500;
  color: rgb(9, 9, 166);
  filter: drop-shadow(4px 4px 3px rgb(9, 9, 166, 0.7));
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}

.table .fa.fa-pencil.popup:hover {
  transform: scale(1.4);
}

.fa.fa-pencil.disabled-pencil {
  font-size: 25px;
  font-weight: 500;
  color: rgb(104, 102, 102);
  /* filter: drop-shadow(4px 4px 3px rgb(53, 53, 77, 0.7));  */
  transition: background-color 0.3s ease-in-out;
}

.table .fa.fa-trash.popup {
  font-size: 25px;
  font-weight: 500;
  color: rgb(223, 26, 26);
  filter: drop-shadow(4px 4px 3px rgb(223, 26, 26, 0.7));
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}

.fa.fa-trash.disabled-trash {
  font-size: 25px;
  font-weight: 500;
  color: rgb(104, 102, 102);
  /* filter: drop-shadow(4px 4px 3px rgb(53, 53, 77, 0.7));  */
  transition: background-color 0.3s ease-in-out;
  cursor: auto;
}

.table .fa.fa-trash.popup:hover {
  transform: scale(1.4);
}

.fa.fa-pencil-square-o {
  font-size: 20px;
  /* color: rgb(9, 9, 166); */
}

.table .fa.fa-list-alt {
  font-size: 25px;
  font-weight: 500;
  color: black;
  filter: drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.7));
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}

.table .fa.fa-list-alt:hover {
  transform: scale(1.4);
}

.table .fa.fa-puzzle-piece {
  font-size: 25px;
  font-weight: 500;
  color: #f75529;
  filter: drop-shadow(
    4px 4px 3px rgba(255, 111, 64, 0.7)
  ); /* Adjust the shadow values as needed */
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}

.table .fa.fa-puzzle-piece:hover {
  transform: scale(1.4);
}

.fa.fa-asterisk {
  font-size: 7px;
  float: right;
  color: red;
  margin-top: 3px;
  margin-left: 2px;
  font-weight: 100 !important;
}

.table td {
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
  font-size: 14px;
  height: 50px !important;
}

.table td > img {
  width: 70px;
  height: 80px;
  border-radius: 30%;
  overflow: hidden;
}

.table {
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  border: none !important;
}

.tr {
  border-radius: 10px;
  /* overflow: hidden;   */
  box-shadow: 4px 4px 4px rgb(162, 38, 0, 0.4) !important;
}

td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

td {
  border: none !important;
}

.table td.orderid {
  font-weight: 700 !important;
  color: #ff6f40 !important;
  cursor: pointer;
  transition: font-size 0.3s ease; /* Add a smooth transition effect */
}

.table td.orderid:hover {
  font-size: 1.3em; /* Adjust the font size on hover */
}

.productDetails .orderid {
  color: #ff6f40 !important;
}

.orderID {
  color: #ff6f40;
  cursor: pointer;
  font-size: 200%;
}

/* .draggingItem td{

        min-width: 240px;
        font-weight: 400;
        font-size: 110%;

    } */

/* @media screen and (max-width: 767px) { */
/* Add styles for small screens here */
/* .draggingItem td {
        min-width: 50px;
        font-weight: 400;
        font-size: 110%;      }
  } */

/* @media screen and (max-width: 767px) { */
/* Add styles for small screens here */
/* .draggingItem td {
      min-width: 40px;
      font-weight: 400;
      font-size: 110%;      }
} */

/* @media screen and (min-width: 768px) and (max-width: 991px) { */
/* Add styles for medium screens here */
/* .draggingItem td {
        min-width: 126px;
        font-weight: 400;
        font-size: 110%;      }
  } */

/* @media screen and (min-width: 992px) and (max-width: 1199px) { */
/* Add styles for large screens here */
/* .draggingItem td {
        min-width: 170px;
        font-weight: 400;
        font-size: 110%;      }
  } */

/* @media screen and (min-width: 1200px) { */
/* Add styles for extra-large screens here */
/* .draggingItem td {
        min-width: 240px;
        font-weight: 400;
        font-size: 110%;      }
  } */

/* -------------Sticky Button for Sub Category Page---------------- */

.sticky-button {
  position: fixed;
  bottom: 2%;
  right: 3.8%;
  background-color: #1c263e;
  color: #fff;
  padding: 1.2%;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  padding-left: 1.35%;
  padding-right: 1.35%;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.7);
  overflow: hidden;
  z-index: 10;
}

.fa.fa-plus {
  font-size: 20px;
  font-weight: 200 !important;
}

/* .sticky-button.active {
      background-color:#ff6f40;
      transform: scale(1.1);
    } */

.sticky-button:hover {
  background-color: #ff6f40;
  transform: scale(1.1);
  /* color:#1c263e; */
}

/* -------Floating Notification----------- */

/* Floating Notification Styles with Animation */
.floating-notification {
  position: relative;
  /* padding: 10px; */
  /* color: #ff6f40; */
  color: red;
  font-size: 12px;
  font-weight: 500 !important;
  /* background-color: #007bff; Change the background color as needed */
  /* border-radius: 5px; */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */

  /* Animation properties */
  animation: runNotification 10s linear infinite; /* Adjust the duration and timing function as needed */
}

/* Keyframes for the running animation */
/* @keyframes runNotification {
  0% {
    transform: translateX(56%);
  }
  100% {
    transform: translateX(-56%);
  }
} */

/* Model Sub Category */

.modal {
  margin-top: 4%;
}

.modal-header {
  background-color: #ff6f40;
  color: white;
  border-radius: 0% !important;
}

.modal-body {
  padding: 20px;
}

.modal-body label {
  font-size: larger;
  margin-bottom: 8px;
}

.product-details-modal label {
  font-size: 110%;
  margin-bottom: 0px;
}

.modal-body img {
  width: 150px;
  height: 150px;
  border-radius: 30%;
  overflow: hidden;
  margin-left: 24%;
  cursor: pointer;
}



.modal-body input {
  width: 100%;
  padding: 8px;
  /* margin-bottom: 16px; */
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 5%;
  color: #000;
  background-color: #fff !important;
}

.product-details-modal input {
  width: 47%;
  /* padding: 8px; */
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  color: #000;
  background-color: #fff !important;
  margin-right: 5%;
}

.container-date input {
  width: 100% !important;
  padding: 8px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  color: #000 !important;
  background-color: #fff !important;
  margin-right: 1% !important;
  margin-bottom: 4px !important;
}

.container-date p {
  margin-left: -93%;
}

.container-date {
  width: 52%;
}

#example12 {
  content: 25%;
}

.productDetails {
  max-height: 590px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 50%;
  /* padding: 10px; */
  /* margin-bottom: 16px; */
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* margin-bottom: 5%; */
  color: #000;
  background-color: #fff !important;
  position: relative;
}

.productDetails-top {
  position: sticky;
  top: 0; /* Adjust this value based on your design */
  background-color: #fff; /* Set a background color if needed */
  z-index: 1;
}

.modal-body input:active {
  background-color: #fff !important;
}

.modal-body select {
  width: 100%;
  padding: 8px;
  margin-bottom: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 5%;
  color: #000;
  background-color: #fff !important;
}


.modal-body select:active {
  background-color: #fff !important;
}

.btn-default {
  width: 100%;
  color: #ff6f40;
  font-weight: 700;
  transition: background-color 0.3s, color 0.3s;
}

.btn-default:hover {
  background-color: #ff6f40 !important;
  color: #fff !important;
  transition: background-color 0.3s, color 0.3s;
  /* transform: scale(1.05); */
}

#displayedImage {
  cursor: pointer;
}

.modal-dialog-centered {
  margin-top: -5%;
}

.adjust-image-height {
  height: 520px !important;
}

.add-image {
  background-color: #fff;
}

.billing td {
  font-size: 140%;
  padding: 4px;
  padding-right: 60px;
}

@media screen and (max-width: 1000px) {
  .adjust-image-height {
    height: 280px !important;
  }
  
  .multiple-Image {
    width: 250px !important;
  }
}

@media screen and (min-width: 760px) and (max-width: 1025px) {
  .support p{
    font-size: 25px !important;
  }
  
  .logo {
    padding: 0px !important;
    /* margin: 0px !important; */
    margin-left: -20px !important;
    margin-right: 10px !important;
  }
  
  .logo-2 {
    padding: 5px !important;
    margin-top: 0px !important;
  }

  .billing td {
    padding-right: 20px;
    font-size: 130%;
    padding: 2px;
    /* Add styles specific to screens with a width between 769 and 1024 pixels */
  }

  .btn-confirm {
    display: inline-block;
    width: 100%;
    padding: 5px 10px !important;
    font-size: 14px !important;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s, transform 0.3s,
      box-shadow 0.3s;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
    margin-right: 5%;
    margin-top: 5%;
  }

  #displayedImagesAdd > * {
    margin-right: 34px !important; /* Adjust as needed */
    height: 90px !important;
    width: 90px !important;
  }

  .addon-custom-table img {
    height: 100px !important;
    width: 100px !important;
  }

  .addon-custom-table td {
    min-width: 200px;
  }

  .product-modal-2 .input {
    margin-bottom: 40px !important;
    padding: 8px;
    /* padding-bottom: 8px; */
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    color: #000;
    background-color: #fff !important;
    min-width: 100px !important;
    margin-left: 10px !important;
  }
}

/* .billing {
  margin-left: 2%;
} */

.line {
  width: 191%; /* Set the width to 100% to make it a horizontal line */
  border-top: 3.5px solid black; /* Color and thickness of the line */
  margin: 10px 0;
}

.confirm-cancel {
  width: 201.5%;
  margin-top: 2%;
}

.btn-confirm {
  display: inline-block;
  width: 100%;
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s, color 0.3s, transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
  margin-right: 5%;
  margin-top: 5%;
}

.btn-secondary-confirm {
  background-color: #e7edf0;
  color: #ff6f40;
  font-weight: 900;
  border: none;
}

.btn-secondary-confirm:hover {
  background-color: #ff6f40;
  color: #ffffff;
  transform: scale(1.05);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

.btn-secondary-cancel {
  background-color: #e7edf0;
  color: red;
  font-weight: 900;
  border: none;
}

.btn-secondary-cancel:hover {
  background-color: red;
  color: #ffffff;
  transform: scale(1.05);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

/* Add more styles as needed */

/* ------ Dasboard Minimizes---------- */

/* Add this to your existing CSS file or create a new one */

/* Style for the minimized sidebar */
/* .fixed-navbar.sidebar-minimized { */
/* Adjust the width of the sidebar when minimized */
/* width: 80px;  */
/* You can adjust the width as needed */

/* Optionally, you can hide the text labels when minimized */
/* } */

/* Transition effect for smooth animation when sidebar state changes */
/* .fixed-navbar {
    transition: width 0.3s ease;
  } */

/* Add styles to hide text labels when sidebar is minimized */
/* .fixed-navbar.sidebar-minimized ul.side-menu span.nav-label {
    display: none;
  } */

/* Optionally, you can add styles to display only icons when sidebar is minimized */
/* .fixed-navbar.sidebar-minimized ul.side-menu i.sidebar-item-icon {
    margin-right: 0;
    margin-top: 3%;
  } */

/* You may need to adjust other styles based on your specific design */

/* Order Track */

.order-track {
  margin-top: 1rem;
  padding: 0 1rem;
  /* border-top: 1px dashed #2c3e50; */
  padding-top: 2.5rem;
  display: flex;
  flex-direction: column;
}
.order-track-step {
  display: flex;
  height: 7rem;
}
.order-track-step:last-child {
  overflow: hidden;
  height: 4rem;
}
.order-track-step:last-child .order-track-status span:last-of-type {
  display: none;
}
.order-track-status {
  margin-right: 1.5rem;
  position: relative;
}
.order-track-status-dot {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: #ff6f40;
}
.order-track-status-line {
  display: block;
  margin: 0 auto;
  width: 2px;
  height: 7rem;
  background: #ff6f40;
}
.order-track-text-stat {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 3px;
}
.order-track-text-sub {
  font-size: 1rem;
  font-weight: 300;
}

.order-track {
  transition: all 0.3s height 0.3s;
  transform-origin: top center;
}

.order-track-text {
  min-width: 84.9px !important;
}

.track-line {
  width: 100%; /* Set the width to 100% to make it a horizontal line */
  border-top: 3.5px solid #ff6f40; /* Color and thickness of the line */
  margin: 10px 0;
}

/*  */

.product-check.form-switch input:checked {
  background-color: #ff6f40 !important;
  color: #ff6f40 !important;
}

.product-check.form-switch input {
  cursor: pointer;
}

/*  */

.product-modal input {
  margin-bottom: 50px !important;
  padding: 8px;
  /* padding-bottom: 8px; */
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  color: #000;
  background-color: #fff !important;
}

.product-modal textarea {
  margin-bottom: 20px !important;
  width: 100% !important;
  height: 60px !important;
  padding: 8px;
  /* padding-bottom: 8px; */
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  color: #000;
  background-color: #fff !important;
}

.product-modal select {
  margin-bottom: 51px !important;
  padding: 6px 35px 6px 7px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* margin-bottom: 5%; */
  color: #000;
  background-color: #fff !important;
}

.product-modal td {
  padding: 5px 27px;
}

@media only screen and (min-width: 1025px) {
  /* .logo {
    padding: 0px !important;
    margin-left: -20px !important;
    margin-right: 10px !important;
  }
  
  .logo-2 {
    padding: 5px !important;
    margin-top: 0px !important;
  } */

  .product-modal-2 .input {
    margin-bottom: 40px !important;
    padding: 8px;
    /* padding-bottom: 8px; */
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    color: #000;
    background-color: #fff !important;
    min-width: 260px !important;
    margin-left: 30px !important;
  }

}

@media screen and (min-width: 1026px) and (max-width: 1170px) {

  .product-modal-2 .input {
    margin-bottom: 40px !important;
    padding: 8px;
    /* padding-bottom: 8px; */
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    color: #000;
    background-color: #fff !important;
    min-width: 150px !important;
    margin-left: 20px !important;
  }

}


@media only screen and (max-width: 1025px) {
  .logo {
    padding: 0px !important;
    /* margin: 0px !important; */
    margin-left: -20px !important;
    margin-right: 10px !important;
  }
  
  .logo-2 {
    padding: 5px !important;
    margin-top: 0px !important;
  }

  .product-modal td {
    padding: 5px 5px; /* Adjust padding for smaller screens */
  }

  /* .product-modal img {
    width: 100px;
    height: 110px;
    border-radius: 30%;
    overflow: hidden;
    margin-left: 24%;
    cursor: pointer;
  } */

  .product-table td {
    padding: 10px 0px !important;
    font-size: 100% !important;
  }

  /* .product-table img {
      width: 70px !important;
      height: 78px !important;
    } */

    .pencil-small {
      margin: 5px !important;
    }

    
}

.product-modal img {
  width: 95px;
  height: 95px;
  border-radius: 30%;
  overflow: hidden;
  margin-left: -5px;
  /* margin-top: 5px; */
  cursor: pointer;
}

.product-modal .img-error {
  margin-top: -1% !important;
}

.product-modal p {
  margin-top: -3.5% !important;
  position: absolute !important;
}

.product-modal .textarea {
  margin-top: -1.5% !important;
  position: absolute !important;
}

.product-modal .btn-default {
  width: 35%;
  padding: 10px 10px !important;
  font-size: 14px !important;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s, color 0.3s, transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
}

.product-modal .modal-footer {
  justify-content: center;
}

.product-modal .btn-default:hover {
  background-color: #ff6f40;
  color: #ffffff;
  transform: scale(1.05);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

.page-content .ibox {
  overflow: auto !important;
}

.page-content,
.ibox,
.ibox-body,
#body,
.page-wrapper,
.content-wrapper {
  overflow-x: auto !important;
}

.content-wrapper {
  overflow: auto !important;
}

.multipleImage {
  height: 25px !important;
  width: 30px !important;
  border-radius: 0px !important;
  filter: drop-shadow(1.5px 1.5px 1.5px rgb(255, 0, 0));
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}

.multipleImage:hover {
  transform: scale(1.4);
}

.productImage {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2) !important;
}

.product-details {
  color: #ff531a;
  margin-top: 0px;
  margin-bottom: 10px;
  filter: drop-shadow(1.2px 1.2px rgb(0, 0, 0));
}

#multipleImageModal img {
  /* width: 300px !important; */
  height: 430px;
  border-radius: 5%;
  overflow: hidden;
  margin-left: 0px !important;
}

.carousel-control-prev-icon:hover, .carousel-control-prev:hover {
  color: #ff6f40 !important;
  border-color: #f75529;
  transform: scale(1.2);
  filter: drop-shadow(1.6px 1.6px rgb(255, 68, 0, 0.5));
  transition: background-color 0.3s ease-in-out;
}

.carousel-control-next-icon:hover, .carousel-control-next:hover {
  color: #ff6f40 !important;
  border-color: #f75529;
  transform: scale(1.2);
  filter: drop-shadow(1.6px 1.6px rgb(255, 68, 0, 0.5));
  transition: background-color 0.3s ease-in-out;
}

.multipleImageBody {
  background:#efb59b;
  /* height: 550px  !important; */
}




/* dot */

.carousel-dots {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #868282;
  margin: 0 7px;
  cursor: pointer;
  filter: drop-shadow(1.6px 1.6px rgb(0, 0, 0, 0.5));
}

.dot.active {
  background-color:#f75529;
  filter: drop-shadow(1.6px 1.6px rgb(0, 0, 0, 0.5));
  transform: scale(1.2);
}

.update-color-size p {
  margin-bottom: 8px !important;
}

#displayedImagesAdd > * {
  margin-right: 50px; /* Adjust as needed */
  border-radius: 4px !important;
}


/*  */


.addon-table input {
  margin: 0px !important;
  min-width: 100px !important;
}

.addon-custom-table td {
  min-width: 200px;
}

.addon-table p {
  margin-top: 2px !important;
}

/* .addon-table tr {
  margin-bottom: 200px !important;
} */

.addon-table label {
  margin-top: 15px !important;
}

.add-addon-button, .sub-addon-button {
height: 35px !important;
width: 33px !important;
  background-color: #1c263e;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
 margin: 10px !important;
  overflow: hidden;
  z-index: 10;
  margin-top: 62px !important;
}



.add-addon-button:hover, .sub-addon-button:hover {
    color: #fff;
   background: #ff6f40;
  }

  .coupon-table th {
    padding: 10px 5px !important;
    min-width: 50px !important;
  }

  .coupon-table td {
    padding: 10px 5px !important;
    min-width: 50px !important;
  }

  .product-input {
    min-width: 40px !important;
  }

  .radio-button input{
height: 20px !important;
width: 20px !important;
  }

input[type="radio"]:checked {
  background-color:#ff6f40 !important; /* Inner dot color */
}

/* Calender */

.react-calendar {
 
  font-family: Arial, Helvetica, sans-serif !important;

}

.react-calendar__tile--active {
  background: #ff6f40 !important;
  color: white !important;
}

/*  */

.updateCoupon-modal {
  max-height: 800px !important;
  overflow: hidden;
}

.datePicker {
  z-index: 9999;
  position: absolute !important;
}

.calender-icon {
  position: absolute;
  right: 4em;
  top: 70.5%;
  transform: translateY(-80%);
  cursor: pointer;
  transition: box-shadow 0.3s ease; 
}

.calender-icon:hover, .calender-icon:focus {
  box-shadow: 10px 10px 10px 10px rgba(255, 255, 255, 0.1) !important; /* Adds a glowing effect on hover */
}

.calender-icon-coupons {
  position: absolute;
  right: 19.7em;
  top: 82%;
  transform: translateY(-80%);
  cursor: pointer;
  transition: box-shadow 0.3s ease; 
}


.TimePicker input {
  height: 100% !important;
  width: 120% !important;
  border: none !important;
  box-shadow: none !important;
}

.TimePicker {
  /* /* margin-right: 5% !important;
  margin-left: 11% !important;
  margin-top: 10px !important; 
  width: 47%;
  /* padding: 8px; 
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  color: #000;
  background-color: #fff !important;
  margin-right: 5%; */
  text-decoration: none;
}


.pickup-time {
  margin-left: 70px !important;
  height: 50px !important;
  overflow: hidden;
}


.btn-post-code {
  display: inline-block;
  width: 20%;
  padding: 10px 0px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s, color 0.3s, transform 0.3s, box-shadow 0.3s;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
  margin-right: 1%;
  /* margin-top: 5%; */
}

.btn-secondary-post-code {
  background-color: #e7edf0;
  color: #ff6f40;
  font-weight: 900;
  border: none;
}

.btn-secondary-post-code:hover {
  background-color:#1c263e;
  color: #ffffff;
  transform: scale(1.05);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

/*  */



.vertical-line {
  margin-top: -60px !important;
  margin-bottom: -20px !important;
  border-left: 2px solid black; /* Adjust thickness and color as needed */
  height: 365px; /* Adjust height as needed */
}

.form-check .subscription-check-box {
  height: 20px !important;
  width: 20px !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
}

input[type="checkbox"]:checked {
  background-color:#ff6f40 !important; /* Inner dot color */
}

.policy {
  color: #ff6f40;
}

.checkbox-p {
  padding: 10px !important;
  margin-left: 35px !important;
}




/* Loader.css */

.loader-container {
  position: fixed;
  top: 40%;
  left: 49%;
  width: 20%;
  height: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0 !important; 
}


.loader-spinner {
  border: 5px solid rgba(255, 186, 162, 0.604); /* Light border */
  border-top: 5px solid rgba(255, 77, 1, 0.982); /* Orange border for spinner */
  border-radius: 50%;
  width: 100px; /* Adjust the size of the spinner */
  height: 100px; /* Adjust the size of the spinner */
  animation: spin 1s linear infinite; /* Spin animation */
  position: relative;
  z-index: 0;
}

.loader-image {
  width: 65px; /* Adjust the width as needed */
  height: auto;
  position: absolute;
  opacity: 0.9;
  z-index: 0;
}

/* .page-wrapper {
  z-index: 9 !important;
} */