.entry-meta{
    display:none !important;
}

p{
    font-size:17px;
}
.cf7-card {
  margin-bottom: 24px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.form_section_wrapper{
    border-top:1px solid #ccc;
    padding:20px;
}
.pick_drop{
    margin:10px 0;
}
/*  header-top */


#show_rate_btn{
    background:#046bd2;
    padding:6px 12px;
    margin-top: 20px;
    float: right;
}
#show_rate_btn:hover{
    background:#5E35B1;
}

h4{
    
    color:#5E35B1;
}
.rate-calculate-form-grid{
  display: grid;
  grid-template-columns: 1fr 150px;
  gap: 1.2rem;
  margin-bottom: 25px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.2rem;
  margin-bottom: 25px;
}
label {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 600;
  color: #000;
  margin-bottom: 3px;
}

input {
  margin-top:5px;
  padding: 12px 14px;
  border: 1px solid #e0e0e0;
  font-size: 15px;
  background: #fff;
  transition: all 0.25s ease;
}
input:hover{
    border-color: #8750f7;
    box-shadow: 0 0 6px rgba(135, 80, 247, 0.2);
}
input:focus {
  border-color: #8750f7;
  box-shadow: 0 0 8px rgba(135, 80, 247, 0.25);
}


.progressbar-style-1.steps-form .steps-row {
  column-gap: 20px;
  margin: 10px 0;
}
.progressbar-style-1.steps-form .steps-row .steps-step {
  background: #f5f5f5;
  flex-grow: 1;
  border-radius: 8px;
  padding: 10px;
  transition: all 0.3s ease;
}
.progressbar-style-1.steps-form .steps-row .steps-step a {
  clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%) !important;
  border-radius: 6px ;
  color: #444;
  text-decoration: none;
  padding: 10px 14px;
  font-weight: 600;
}
.progressbar-style-1.steps-form .steps-row .steps-step.active {
  background: #5E35B1;
  color: #fff;
  transform: scale(1.05);
}
/*.uacf7-step.step-content.step-start button.uacf7-prev{*/
/*    background:#fff;*/
/*    color:#000;*/
/*    border-radius:8px;*/
/*    padding:10px 30px;*/
/*    border:1px solid #ddd;*/
/*}*/

.uacf7-step.step-content.step-start button.uacf7-next{
    float:right;
}



/* ===============================
   Nice Select Dropdown
================================= */
.wpcf7-select {
  width: 100%;
  border: 1px solid #ddd;
  font-size: 15px;
  background: #fff;
  margin-bottom: 20px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.wpcf7-select:hover {
  border-color: #8750f7;
  box-shadow: 0 0 6px rgba(135, 80, 247, 0.2);
  cursor:pointer;
}
.wpcf7-select option {
  width:70%;
  overflow-x: auto;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  padding: 10px 14px;
  transition: background 0.25s ease, color 0.25s ease;
}

.wpcf7-select option:hover {
  background: #f0f4ff;
  color: #0073e6;
  cursor: pointer;
}

.package-summary-row {
  display: flex;
  justify-content: space-between;
  align-items:center;
  margin-bottom: 20px;
  gap:10px;
}
.package-summary-row > div {
  background: #ddeeff;
  flex:1;
  padding:10px;
  border-radius:8px;
  width:100%;
  text-align:center;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.package-summary-row input{
    border:none;
    background:#ddeeff;
    outline:none;
    width:50%;
    text-align:right;
}
.package-summary-row input:focus{
    border:none;
    outline:none;
}
.package-summary-row input:hover{
    border:none;
    outline:none;
}
.package-summary-row strong{
    width:100%;
}


.shipment-top{
    margin-bottom:0 !important;
}
.shipment-top label {
  flex: 1;
}


#add_box_btn {
     padding: 10px 15px;
    margin-bottom: 20px;
    background: #fff;
    color: #000;
    border: 1px solid #5E35B1;
    border-radius: 6px;
    cursor: pointer;
    min-width:230px;
}


.box-card {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px;
  background: #fff;
  margin-bottom: 15px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.box-card h4 {
  margin: 0 0 10px;
  color: #333;
}

.dimensions, .product-form {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.dimensions input, .product-form input {
  width: 100%;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.product-form button {
  background: #28a745;
  color: white;
  border: none;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
}

.product-form button:hover {
  background: #218838;
}
.box-card{
    width: 100%;
    overflow-x: auto; 
}

#cf7-rate-display{
    width: 100%;              /* container width */
    overflow-x: auto;       /* vertical scrollbar বন্ধ */
 }
#rate_display{
    width: 100%;
    overflow-x: auto; 
}
.uacf7-multisetp-form{
    padding:10px;
}
.steps-row {
    padding-left:10px;
    padding-right:10px;
}
/* ===================
all table design 
=====================*/
table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  background: #ffffff; /* table background */
  box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* subtle shadow */
  border-radius: 8px;
  overflow: hidden;
}

table th {
  background: #4f46e5; /* professional deep blue/purple tone */
  color: #fff;
  font-weight: 600;
  text-transform: capitalize;
  padding: 10px;
  font-size: 14px;
  text-align:center;
}

table td {
  border: 1px solid #e5e7eb;
  padding: 8px;
  text-align: center;
  font-size: 14px;
  color: #374151;
}

table tr:nth-child(even) {
  background: #f9fafb; /* light alternate row */
}

table tr:hover {
  background: #eef2ff; /* light hover effect */
  transition: 0.2s;
}


/*.box-actions {*/
/*  margin-top: 10px;*/
/*  display: flex;*/
/*  gap: 10px;*/
/*}*/

/*.box-actions button {*/
/*  padding: 6px 10px;*/
/*  border: none;*/
/*  border-radius: 6px;*/
/*  cursor: pointer;*/
/*}*/

/*.box-actions button:first-child {*/
/*  background: #ffc107;*/
/*  color: #000;*/
/*}*/

.box-actions button:last-child {
  background: #dc3545;
  color: white;
}
#rate_display .pay-now-btn{
    background:none;
    border:1px solid #ddd;
    color:#374151;
}
#rate_display {
  min-width: 200px;          
  overflow-x: auto;    
}


#final-paynow{
  display: block;
  margin-right: 10px;
  float:right;
  margin-top:28px !important;
  
}

.box-card .delete_btn{
    background:#fff;
    border:1px solid #ddd;
    color:#000;
}
.box-card .delete_btn:hover{
    background:#fff;
    color:#000;
}
.box-card .prouduct_add_btn{
    background:#000;
    color:#fff;
}

#add_product_btn{
    float:right;
    background:#e3f2fd;
    color:#000;
    margin:25px 0;
    border:1px solid #ddd;
    border-radius:16px;
}
/* =============summary form ============ */

.summary-container {
  border: 1px solid #ddd;
  border-radius: 12px;
  background: #fff;
  padding: 20px;
}

/* Headings */
.summary-card h4 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

/* Layout rows */
.summary-row {
  display: grid;
  gap: 20px;
  margin-top: 20px;
}

.summary-row.two-col {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.summary-row.three-col {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

/* Cards */
.summary-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* Service section */
.summary-service {
  padding: 15px;
  background: #ddeeff;
  border-radius: 10px;
  margin-bottom: 20px;
  font-weight: 600;
}

/* Charges table */
.charges-table {
  width: 100%;
  border-collapse: collapse;
}
.charges-table td {
  padding: 6px 0;
  font-size: 16px;
}
.charges-table .total td {
  border-top: 1px solid #ddd;
  padding-top: 8px;
  font-weight:bold;
  font-size:20px;
}

/* Footer */
.summary-footer {
  margin-top: 30px;
  text-align: center;
}
.pay-btn {
  background: #007bff;
  color: #fff;
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}
.pay-btn:hover {
  background: #0056b3;
}


.nice-select.disabled {
    cursor: not-allowed;
    background-color: #f5f5f5;
}


.package-layout {
  display: flex;
  gap: 20px;
  margin-top: 20px;
  margin-bottom:20px;
}
.boxes-container {
  width: 30%;
  max-height:450px;
  overflow-x:auto;
}

/* Chrome, Edge, Safari */
.boxes-container::-webkit-scrollbar {
  width: 6px;   /* slim width */
}

.boxes-container::-webkit-scrollbar-track {
  background: #f1f1f1;  /* track color */
  border-radius: 10px;
}

.boxes-container::-webkit-scrollbar-thumb {
  background: #888;   /* thumb color */
  border-radius: 10px;
}

.boxes-container::-webkit-scrollbar-thumb:hover {
  background: #555;  /* hover color */
}

/* Firefox */
.boxes-container {
  scrollbar-width: thin;         /* makes scrollbar thin */
  scrollbar-color: #888 #f1f1f1; /* thumb color | track color */
}



.box-card {
  background: #f9f9f9;
  border-radius: 8px;
  cursor: pointer;
  width:90%;
}
.box-card p{
    font-size:15px;
    margin-bottom:5px;
}
.box-card.active {
  background: #e3f2fd;
  border: 1px solid #2196f3;
}
.box-details {
  width: 70%;
  padding:20px;
  border-radius:8px;
  border-top:4px solid #e3f2fd;
  border-bottom:4px solid #e3f2fd;
  border-left:6px solid #e3f2fd;
  border-right:6px solid #e3f2fd;
  overflow-x:auto;
}
#products_table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  display: none; 
}
#products_table th, #products_table td {
  border: 1px solid #ddd;
  padding: 5px;
}

#box_details .dimentions-top{
    display:flex;
    gap:10px;
}

#box_details .dimentions-bottom {
  display: flex;
  gap: 15px;
}

#box_details .dimentions-bottom textarea {
  flex: 1;
  min-width: 200px;
  height: 115px;
  resize: none;
}

.dimenstions-bottom-fields {
  width: 65%;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* ২ কলাম */
  gap: 10px;
}

.dimenstions-bottom-fields div input {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}

.radio-wrrapper{
    padding:30px 0;
}
.radio-wrrapper label{
    margin-bottom:10px;
}
.insurance-packaging{
    display:flex;
    gap:20px;
    padding-bottom:25px;
}
 /* payment options */

.popup-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.6);
  display: flex; align-items: center; justify-content: center;
  z-index: 9999;
}
.popup-box {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  width: 450px;
  max-width: 95%;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

.popup-box h3{
    text-align:center;
    
}
.popup-box p{
    text-align:center;
    margin:20px 0;
    font-weight:600;
}

.payment-option {
  display: flex; 
  justify-content: space-between; 
  align-items: center;
  border: 1px solid #ddd; 
  border-radius: 8px;
  padding: 12px; 
  margin-bottom: 10px;
}
.payment-option:hover { border-color: #2563eb; }

.payment-option .left {
  display: flex; 
  align-items: center; 
  gap: 10px;
}
.payment-option .info {
  display: flex; 
  flex-direction: column;
}
.payment-option .info small {
  color: #666; font-size: 12px;
}
.payment-option .right {
  display: flex; 
  align-items: center; 
  gap: 20px;
  font-weight: 600;
}
.payment-option input[type="radio"] {
  appearance: none;           /* Remove default radio style */
  -webkit-appearance: none;   /* Safari */
  -moz-appearance: none;      /* Firefox */
  
  width: 18px;
  height: 18px;
  border: 2px solid #555;
  border-radius: 2px;         /* Square edges */
  display: inline-block;
  position: relative;
  cursor: pointer;
  background: #fff;
  vertical-align: middle;
  transition: all 0.2s ease;
}

.payment-option input[type="radio"]:checked {
  background-color: #2563eb;  /* Blue fill when checked */
  border-color: #2563eb;
}

.payment-option input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);   /* Checkmark */
}


.popup-actions {
  margin-top: 20px;
  display: flex; justify-content: flex-end; gap: 10px;
}
.popup-actions button {
  padding: 8px 16px;
  border: none; border-radius: 6px;
  cursor: pointer;
}
#popup-confirm { background: #2563eb; color: #fff; }
#popup-close { background: #000; color:#fff; }


/* =====================
trucking field design
===================*/


.fivecargo-wrapper {
  font-family: "Segoe UI", sans-serif;
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
}

.fc-header {
  text-align: center;
  margin-bottom: 20px;
}
.fc-tracking-wrap{
    display:flex;
    gap:100px;
}

.fc-header .fc-logo {
  height: 150px;
  margin-bottom: 20px;
}

.fc-subtitle {
  font-size: 18px;
  font-weight: 500;
  color: #333;
}

.fc-form {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}

.fc-form input {
  padding: 10px;
  width: 300px;
  border: 1px solid #ccc;
  border-radius: 6px 0 0 6px;
}

.fc-form button {
  padding: 10px 20px;
  border: none;
  background: #0073e6;
  color: #fff;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
}

.fc-tracking-box {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 12px;
  background: #f9f9f9;
}

.fc-shipment {
  margin-bottom: 15px;
}

.fc-meta {
  margin-top: 10px;
}

.fc-divider {
  border-top: 1px solid #ccc;
  margin: 20px 0;
}

.fc-timeline {
  margin-top: 15px;
}

.fc-timeline ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-left: 3px solid #0073e6;
}

.fc-timeline li {
  padding: 12px 20px;
  position: relative;
}

.fc-timeline li::before {
  content: "";
  position: absolute;
  top: 18px;
  left: -9px;
  width: 14px;
  height: 14px;
  background: #0073e6;
  border-radius: 50%;
}

.fc-timeline li.cancelled::before {
  background: red;
}

.fc-timeline li.placed::before {
  background: green;
}

.fc-date {
  font-size: 14px;
  color: #666;
}

.fc-status strong {
  font-size: 16px;
  color: #222;
}

.fc-status p {
  margin: 4px 0 0;
  color: #444;
  font-size: 14px;
}









/* Responsive tweaks */
@media (max-width: 768px) {
  .summary-container {
    padding: 15px;
  }
  .summary-card {
    padding: 12px;
  }
  .pay-btn {
    width: 100%;
  }
  .package-summary-row{
      flex-direction:column;
  }
  .rate-calculate-form-grid{
      grid-template-columns: 1fr;
  }
  
  #box_details .dimentions-top{
    flex-direction:column;
      
  }
  #box_details .dimentions-bottom {
       flex-direction:column;
  }
   #boxes_container{
      width:100%;
  }
  .box-card{
      width:100%;
  }
  .fc-tracking-wrap{
    flex-direction:column;
    gap:10px;
}
.dimenstions-bottom-fields {
    width:100%;
}

}