:root {
  --theme-color: #2E3192;
  --primary-color: #F0A400;
  --theme-color-red: #B71C28;
  --theme-color-green: #16A34A;
  --sidebar-width: 15.625em;
  --sidebar-hovered-width: 15.625em;

  --primary:#2563EB;
    --success:#16A34A;
    --warning:#F59E0B;
    --danger:#DC2626;
    --color-red-600:#DC2626;
    --bg:#F9FAFB;
    --white:#FFFFFF;
    --border:#E5E7EB;
    --text:#111827;
    --muted:#6B7280;
    --radius:10px;

}
 * {
    box-sizing:border-box;
    font-family:system-ui,-apple-system,BlinkMacSystemFont;
  }

main#main-content {
  position: relative;
  height: 100dvh;
}
body {margin:0;background:var(--bg);color:var(--text);}
body.sml_sidebar {--sidebar-width: 4.375em;}

/* .payment{background: #00000078;}
.tdiv {display: flex;align-items: center;justify-content: center;height: 100%;flex-direction: column;height: 100vh;}
p#alert {text-align: center;color: #fff;font-size: 16px;font-weight: 400;font-style: normal;}
.paymentLoad {text-align: center;    filter: brightness(100);}
.tlogo img{width: 200px;}

#main-content {    overflow: auto; } */





.leftsec{position: static; width: var(--sidebar-width); height: 100%; overflow: auto; display: flex; flex-direction: column; transition: width ease 0.5s;z-index: 99;padding: 16px 12px;padding-top: 0;}
.leftsec + .rightsec {width: calc(100% - var(--sidebar-width));display: flex;flex-direction: column;overflow: auto;margin-top: var(--header-height);transition: width ease 0.5s;}
.rightsec header { position: fixed; top: 0; right: 0; width: calc(100% - var(--sidebar-width)); z-index: 9999; transition: width ease 0.5s; padding-top: 0; padding-bottom: 0; box-shadow: 0 0 1.875em #0000000d; }
.centersec {padding: 2em;flex-grow: 1;min-height: initial;}
/* .nav_menu {flex-grow: 1;overflow-y: auto;overflow-x: hidden;} */
.leftsec .nav_menu  > li > a, .leftsec {background-color: #fff;}
#main-container {overflow: hidden;height: 100vh;max-width: 100%;}
.nav_menu>ul>li>a {position: relative; display: flex;align-items: anchor-center; padding: 0.625em 1.875em 0.625em 0.688em; line-height: 1.625em; cursor: pointer; min-height: 1.625em; color: #000; width: 100%; text-align: left;font-size: 1em;font-weight: 400;border-radius: 8px;transition: background-color .3s ease;}
.nav_menu>ul>li>a img{margin-right: .75rem;width: 1.25rem;}
.nav_menu>ul>li button {position: relative; display: flex;align-items: anchor-center; padding: 0.625em 1.875em 0.625em 0.688em; line-height: 1.625em; cursor: pointer; min-height: 1.625em; color: #000; width: 100%; text-align: left;font-size: 1em;font-weight: 400;border-radius: 8px;transition: background-color .3s ease;}
.nav_menu>ul>li button img{margin-right: .75rem;width: 1.25rem;}
.nav_menu ul li a.active {background: #EEF2FF;}
.nav_menu>ul>li>a:hover {background: #EEF2FF;}
.nav_menu>ul>li button:hover {background: #EEF2FF;}
.nav_menu>ul>li button .arrow_icon{float: right;margin-top: .5rem;}
.sub_menu{transition: all .5s ease;padding: 0.625em 0;background-color: #f9fafb;border-radius: 8px;}
.sub_menu a{padding: 0.625em 0.875em 0.625em 1.688em;line-height: 1.625em;cursor: pointer;min-height: 1.625em;color: #000;}
[x-cloak] {display: none !important;}
.sub_menu li a {padding-top: 0.5em;padding-bottom: 0.5em;display: flex;align-items: anchor-center;font-size: .9rem;}
.sub_menu li a img{margin-right: .75rem;width: 1.1rem;}
.menuicon {width: initial;background-color: transparent;cursor: pointer;display: block !important;}
.sml_sidebar .leftsec .logo-lg {display: flex; position: absolute; opacity: 1; transition: all ease 0.5s;overflow: hidden;background-color: #fff;z-index: 9999;padding: 0 0.688em 0 0.4em;}
/* .sml_sidebar .leftsec .nav_menu{margin-top: var(--header-height);} */
.sml_sidebar .leftsec .logo-lg img{object-fit: contain;}
.sml_sidebar .leftsec .logo-lg span{display: none;white-space: nowrap;}
.sml_sidebar .nav_menu li a, .sml_sidebar .nav_menu li button{display: flex;align-items: anchor-center;padding: 0.625em 0.875em 0.625em 0.688em;justify-content: space-between;}
.sml_sidebar .nav_menu>ul>li span {display: none;}
.sml_sidebar .nav_menu li svg{display: inline-block;}
.sml_sidebar .leftsec .logo-lg img {object-fit: cover;width: 5rem;height: 1.85rem;object-position: left;}
/* .sml_sidebar .leftsec:not(:hover) .nav_menu li span {display: none;} */
/* .sml_sidebar .leftsec:not(:hover) .nav_menu .menu::after{display: none;} */
/* .sml_sidebar .leftsec:hover .logo-lg {opacity: 1;pointer-events: all;width: var(--sidebar-hovered-width);} */
/* .sml_sidebar .leftsec:hover .logo-lg span{display: inline-block;} */
/* .sml_sidebar .leftsec:hover {width: var(--sidebar-hovered-width);} */
.nav_menu .menu {position: relative;}
.leftsec .nav_menu .menu::after{content: "\f078"; font-weight: 900; display: inline-block; position: absolute; right: 1rem; top: 0.65rem; font-family: "Font Awesome 5 Free"; transition: .5s; color: #000;pointer-events: none;}
.sml_sidebar .nav_menu .menu::after{right: 0; top: 0.75rem;font-size: .65rem;}
.nav_menu .menu.menu_active::after{transform: rotate(180deg)}
.sub_menu li a svg{font-size: .75rem;}
.menu_logo {position: fixed;width: calc(var(--sidebar-width) - 24px);z-index: 99;background: #ffffff;border-bottom: 1px solid #000000;}
.nav_menu {margin-top: calc(var(--header-height) + 1rem);}
.tooltip-link {position: relative;}
.tooltip-link::after {content: attr(data-tooltip);position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);background: #333;color: #fff;padding: 4px 8px;font-size: 12px;border-radius: 4px;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity 0.2s ease;display: none;}
.tooltip-link:hover::after {opacity: 1;}
.sml_sidebar .tooltip-link::after{font-size: 12px;padding: 0 8px;display: block;left: 100%;z-index: 9999;}
.text-danger {color: var(--color-red-600);font-size: .8rem;}
.reset_btn{padding: .5rem 1.5rem;border-radius: .3rem;cursor: pointer;background: var(--color-red-600);border: 1px solid var(--color-red-600);font-weight: 400;font-size: 1rem;color: #fff;transition: all .5s ease;width: fit-content;display: inline-block;}
.reset_btn:hover{background: #fff;color: var(--color-red-600);}
.search_btn{padding: .5rem 1.5rem;border-radius: .3rem;cursor: pointer;background: #16a34a;border: 1px solid #16a34a;font-weight: 400;font-size: 1rem;color: #fff;transition: all .5s ease;width: fit-content;display: inline-block;}
.search_btn:hover{background: #fff;color: #16a34a;}
.link_clr{color: blue;text-decoration: underline;cursor: pointer;transition: all .5s ease;}
.link_clr:hover{color: darkblue;}

 .container {
    max-width:820px;
    margin:auto;
    padding:16px;
  }

  .back-link {
    font-size:13px;
    color:var(--primary);
    text-decoration:none;
    display:inline-block;
    margin-bottom:8px;
  }

  .header {
    background:var(--white);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:16px;
    margin-bottom:16px;
  }

  .header-top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
  }

  .header h2 {
    margin:0;
    font-size:18px;
  }

  .header-actions {
    display:flex;
    gap:8px;
  }

  .btn {
    padding:8px 12px;
    border-radius:8px;
    border:none;
    font-size:13px;
    cursor:pointer;
  }

  .btn-primary { background:var(--primary); color:#fff; }
  .btn-success { background:var(--success); color:#fff; }
  .btn-warning { background:var(--warning); color:#fff; }
  .btn-danger  { background:var(--danger);  color:#fff; }
  .btn-light   { background:#EEF2FF; color:var(--primary); }

  .status-select {
    padding:6px 10px;
    border-radius:999px;
    border:1px solid var(--border);
    font-size:12px;
    font-weight:600;
  }

  .meta {
    margin-top:8px;
    font-size:12px;
    color:var(--muted);
    display:flex;
    gap:16px;
    flex-wrap:wrap;
  }

  .card {
    background:var(--white);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:16px;
    margin-bottom:16px;
  }

  .page_header {
    background:var(--white);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:16px;
    margin-bottom:16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  p.mb-0{margin-bottom: 0;}

  .page_header h3 {
    margin:0 0 12px 0;
    font-size:15px;
  }

  .grid {
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  @media (min-width:640px) {
    .grid { grid-template-columns:1fr 1fr; }
  }

  .label {
    font-size:12px;
    color:var(--muted);
  }

.value {color: #000;font-family: Inter;font-size: 2.125rem;font-style: normal;font-weight: 700;line-height: normal;}

  .itinerary {
    border:1px dashed var(--border);
    border-radius:8px;
    padding:12px;
    margin-bottom:10px;
  }

  .itinerary small {
    color:var(--muted);
  }

  /* .actions {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  } */

  .timeline-item {
    border-left:3px solid var(--border);
    padding-left:10px;
    margin-bottom:12px;
  }

  .timeline-item small {
    color:var(--muted);
    display:block;
  }

  .raw {
    background:#F3F4F6;
    padding:12px;
    border-radius:8px;
    font-size:13px;
    white-space:pre-wrap;
  }












  /* Popup */

  /* Overlay */
.modal-overlay {
  display: none; /* toggle to flex */
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* Modal */
.modal {
  background: #FFFFFF;
  width: 500%;
  max-width: 500px;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  position: relative;
}

/* Header */
.modal-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 12px;
  border-bottom: 1px solid #ccc;
  padding-bottom: .5rem;  
}

.modal-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}
.modal-header p{font-size: 13px;}
.modal-footer p{font-size: 13px;}

.close-btn {
  border: none;
  background: none;
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

/* Body */
.modal-body label {
  font-size: 12px;
  color: #6B7280;
  margin-bottom: 4px;
  display: block;
}

.modal-body input,
.modal-body textarea {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  font-size: 14px;
  margin-bottom: 12px;
}

.modal-body textarea {
  resize: vertical;
}

/* Footer */
.modal-footer {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.btn {
  padding: 10px 14px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  cursor: pointer;
}

.btn-primary {
  background: #2563EB;
  color: #FFFFFF;
}

.btn-light {
  background: #EEF2FF;
  color: #2563EB;
}


  /* Popup End */

  .header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:16px;
}

.header h2 {
  margin:0;
  font-size:20px;
}

.btn {
  padding:10px 14px;
  border-radius:8px;
  border:none;
  font-size:14px;
  cursor:pointer;
}

.btn-primary { background:var(--primary); color:#fff; }
.btn-light { background:#EEF2FF; color:var(--primary); }

.form-row {
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

@media (min-width:768px) {
  .form-row {
    grid-template-columns:2.5fr 1fr 1fr auto;
    align-items:end;
  }
}

label {
  color: #374151;
font-family: "Inter", sans-serif;
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: .5rem;
display: inline-block;
}

input, select {
  width:100%;
  padding:10px;
  border-radius:8px;
  border:1px solid var(--border);
  font-size:14px;
}

.advanced-toggle {
  font-size:13px;
  color:var(--primary);
  cursor:pointer;
  margin-top:8px;
}

.advanced {
  margin-top:16px;
  border-top:1px dashed var(--border);
  padding-top:16px;
}

.tabs {
  display:flex;
  gap:8px;
  margin-top:16px;
  flex-wrap:wrap;
}

.tabs button {
  padding:8px 12px;
  border-radius:20px;
  border:none;
  background:#E5F0FF;
  cursor:pointer;
  font-size:13px;
}

.filter_tabs {
  display:flex;
  gap:8px;
  margin-top:16px;
  flex-wrap:wrap;
  margin-bottom: 2rem;
}

.filter_tabs a {
  padding:8px 12px;
  border-radius:20px;
  border:none;
  background:#E5F0FF;
  cursor:pointer;
  font-size:13px;
  display: inline-block;
}

.table-wrapper {
  overflow-x:auto;
}

table {border-collapse: collapse;width: 100%;}
td, th {border: 1px solid #dddddd;padding: 8px;font-size: .9rem;vertical-align: baseline;text-align: left;}
/* tr:nth-child(even) {background-color: #f2f2f2;} */
.unread {font-weight: 700;background: #2e319221;}

.badge {
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
}

.badge.new { background:#DBEAFE; color:#1D4ED8; }
.badge.follow { background:#FEF3C7; color:#92400E; }
.badge.quoted { background:#EDE9FE; color:#5B21B6; }
.badge.converted { background:#DCFCE7; color:#166534; }
.badge.lost { background:#E5E7EB; color:#374151; }

.actions a {
  margin-right:10px;
  font-size:13px;
  color:var(--primary);
  text-decoration:none;
}

.actions a:hover {
  text-decoration:underline;
}

.empty {
  padding:16px;
  background:#FEF3C7;
  border-radius:8px;
  font-size:14px;
}

/* .actions {
  display:flex;
  gap:12px;
  justify-content:flex-end;
} */

.readonly {
  background:#F3F4F6;
  color:#6B7280;
}

input, select, textarea {
  width:100%;
  padding: 10px 10px!important;
  border-radius:8px;
  border:1px solid #D1D5DB;
  font-size:14px!important;
}

textarea {
  resize:vertical;
}

.form_flex {
  display: flex;
  flex-wrap: wrap;
  /* column-gap: 1rem; */
  /* align-items: flex-end; */
  width: 100%;
  margin: 0 -1rem;
}
.form_flex .form_flex{margin: 0;}
.form_flex>.form-group{
  padding: 0 1rem;
  margin-bottom: 1rem;
}


/* .page_body {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 16px;
} */
button{cursor: pointer;}
.search_filters {margin-bottom: 2rem;border-bottom: 1px solid #ccc;padding-bottom: 1rem;}

.select2-container--default .select2-selection--single .select2-selection__rendered {color: #444;line-height: 22px!important;}
.select2-container--default .select2-selection--single {background-color: #fff;width: 100%;padding: 10px!important;border-radius: 8px!important;border: 1px solid var(--border)!important;font-size: 14px!important;height: 100%!important}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 26px;position: absolute;top: 8px!important;right: 5px!important;width: 20px;}





/* Hide native checkbox */
.pax-tab input {
  display: none;
}

/* Base tab style */
.pax-tab span {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  border: 1px solid #cbd5e1; /* slate-300 */
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  color: #334155; /* slate-700 */
  background-color: #ffffff;
  transition: all 0.2s ease;
}

/* Hover */
.pax-tab span:hover {
  background-color: #f1f5f9; /* slate-100 */
}

/* Checked = Active tab */
.pax-tab input:checked + span {
  background-color: #475569; /* slate-600 */
  color: #ffffff;
  border-color: #475569;
}

/* Disabled */
.pax-disabled span,
.pax-tab input:disabled + span {
  opacity: 0.4;
  cursor: not-allowed;
  background-color: #f8fafc;
}
.day-chip {
  transition: all .2s ease;
}
.day-chip.active {
  background-color: #1e293b; /* slate-800 */
  color: #fff;
  border-color: #1e293b;
}
.w-auto{width: auto!important;}
.enquiry-badge {background-color: var(--badge-color);color: #000;}
.page_heading {
    color: var(--theme-color);
    font-family: "Inter", sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.option-card {
    background: var(--card);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 14px;
    border: 1px solid var(--border);
    display: flex;
    gap: 14px;
    align-items: flex-start;
    cursor: pointer;
}
.option-card.primary {
    border: 2px solid var(--primary);
    background: #f0f6ff;
}
.option-content .badge {
    display: inline-block;
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0369a1;
    margin-top: 6px;
}
.option-content p {
    font-size: 12px;
    margin-top: 6px;
}
.option-content h3 {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
}
.modal-footer p{
    margin-top: 20px;
    font-size: 12px;
    color: var(--muted);
    text-align: center;
}
.option-icon {
    font-size: 22px;
    line-height: 1;
}
.auth-left {
    flex: 1;
    background: linear-gradient(135deg, #1f3c88, #2E5CB8, #3B6EDC);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
}
.left-content {max-width: 420px;}
.left-content h2 { font-size: 32px; margin-bottom: 20px; } .auth-left p { font-size: 17px; line-height: 1.6; margin-bottom: 30px; opacity: 0.95; }
.login_flex {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.trust-points span { display: block; margin-bottom: 12px; font-size: 15px; }
.login_left {
    background: linear-gradient(135deg, #1f3c88, #2E5CB8, #3B6EDC);height: 100vh;width: 50%;}
.login_bx {border-radius: 0.5rem;border: 1px solid #E5E7EB;background: #FFF;box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10), 0 10px 15px 0 rgba(0, 0, 0, 0.10);padding: 2.0625rem;width: 500px;}
.login_left img{width: 100%;max-height: 100vh;object-fit: cover;}
.login_right {display: flex;width: 50%;align-items: center;justify-content: center;flex-direction: column;}
.login_heading{color: #0F0F0F;text-align: center;font-family: "Inter", sans-serif;font-size: 1.5rem;font-style: normal;font-weight: 600;line-height: 2rem;margin-bottom: .5rem;}
.login_text{color: #4B5563;text-align: center;font-family: "Inter", sans-serif;font-size: 0.875rem;font-style: normal;font-weight: 400;line-height: 1.25rem;}
.login_flex label{color: #374151;font-family: "Inter", sans-serif;font-size: 0.875rem;font-style: normal;font-weight: 500;line-height: normal;margin-bottom: .5rem;}
::placeholder{color: #ADAEBC;font-family: "Inter", sans-serif;font-size: .9rem;font-style: normal;font-weight: 400;line-height: 1.5rem;}
.theme_btn_red{border-radius: 0.5rem;border: 0 solid #E5E7EB;background: var(--theme-color-red);display: flex;padding: 0.65rem 1rem;justify-content: center;align-items: center;gap: 0.625rem;color: #FFF!important;text-align: center;font-family: "Inter", sans-serif;font-size: 1rem;font-style: normal;font-weight: 500;line-height: normal;transition: all .5s ease;display: inline-block;border: 1px solid var(--theme-color-red);}
.theme_btn_red:hover{background: transparent;color: var(--theme-color-red)!important;}
.theme_btn_green{border-radius: 0.5rem;border: 0 solid #E5E7EB;background: var(--theme-color-green);display: flex;padding: 0.65rem 1rem;justify-content: center;align-items: center;gap: 0.625rem;color: #FFF!important;text-align: center;font-family: "Inter", sans-serif;font-size: 1rem;font-style: normal;font-weight: 500;line-height: normal;transition: all .5s ease;display: inline-block;border: 1px solid var(--theme-color-green);cursor: pointer;}
.theme_btn_green:hover{background: transparent;color: var(--theme-color-green)!important;}
.theme_btn_blue{border-radius: 0.5rem;border: 0 solid #E5E7EB;background: var(--theme-color);display: flex;padding: 0.65rem 1rem;justify-content: center;align-items: center;gap: 0.625rem;color: #FFF!important;text-align: center;font-family: "Inter", sans-serif;font-size: 1rem;font-style: normal;font-weight: 500;line-height: normal;transition: all .5s ease;display: inline-block;border: 1px solid var(--theme-color);}
.theme_btn_blue:hover{background:transparent;color: var(--theme-color)!important;}
.theme_btn_grey{color:var(--theme-color);text-align:center;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;font-weight:normal;line-height:normal;border-radius:.5rem;border:none;background:#F9F9F9;padding:.75rem 1.25rem;display:inline-block;}
.theme_btn_grey:hover{background:var(--theme-color);color:#fff;}
.focus_btn{color:var(--theme-color);text-align:center;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;font-weight:normal;line-height:normal;border-radius:.5rem;border:none;background:#F9F9F9;padding:.75rem 1.25rem;display:inline-block;border: 1px solid var(--theme-color);}
.focus_btn:hover{background:var(--theme-color);color:#fff;}
.follow_up_today .focus_btn{color:#6B7280;text-align:center;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;font-weight:normal;line-height:normal;border-radius:.5rem;border:none;background:#FFFAEB;padding:.75rem 1.25rem;display:inline-block;border: 1px solid var(--primary-color);}
.follow_up_today .focus_btn:hover{background:var(--primary-color);color:#fff;}
.follow_up_overdue .focus_btn{color:#6B7280;text-align:center;font-family:"Inter",sans-serif;font-size:.875rem;font-style:normal;font-weight:normal;line-height:normal;border-radius:.5rem;border:none;background:#FFEEF0;padding:.75rem 1.25rem;display:inline-block;border: 1px solid var(--theme-color-red);}
.follow_up_overdue .focus_btn:hover{background:var(--theme-color-red);color:#fff;}
.input_icn{position:absolute;top:.75rem;left:.75rem;margin-right:.75rem;}
.login_right input[type="email"] {padding-left: 2.5rem !important;}
.powered_by{color: #4B5563; text-align: center; font-family: "Inter", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 1.25rem;}
.powered_by_btm p{color: #6B7280; text-align: center; font-family: Inter; font-size: .85rem; font-style: normal; font-weight: 400; line-height: 1rem;margin-top: 1rem;}
.login_logo{margin: 0 auto 1rem auto; width: 100%; display: flex; align-items: center; justify-content: center;}
.google_btn{color: #374151!important;text-align: center;font-family:"Inter",sans-serif;font-size: 0.875rem;font-style: normal;font-weight: 500!important;line-height: normal;display: flex;align-items: center;justify-content: center;border-radius: 0.5rem;border: 1px solid #D1D5DB;height: 3rem;padding: 0.75rem 0;}
.bg_white{background: #fff;}
.white_box{border-radius: 0.5rem;border: 1px solid #E5E7EB;background: #FFF;box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10), 0 10px 15px 0 rgba(0, 0, 0, 0.10);padding: 2.0625rem;}
.form_inner_heading{color: #0F0F0F;font-family: "Inter", sans-serif;font-size: 1.5rem;font-style: normal;font-weight: 600;line-height: 2rem; padding-bottom: .75rem!important;margin-bottom: 1rem!important;}
.brdr_btm{border-bottom: 1px solid #ccc;}
.verified_text{color: #16A34A;font-family: "Inter", sans-serif;font-size: 1rem;font-style: normal;font-weight: 600;line-height: normal;align-items: center;display: flex;}
.form_heading{color: #0F0F0F;font-family: "Inter", sans-serif;font-size: 1.5rem;font-style: normal;font-weight: 600;line-height: 2rem;}
.login_bx div a{color: #2E3192;font-weight: 700;}
.card-success {border-radius: 0.5rem;background: #E1FAF5;padding: 0.75rem;}
.card-success p{color: #374151; font-family: "Inter", sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: normal;margin-bottom: .75rem;}
.page_header p {color: #6B7280;font-family: "Inter", sans-serif;font-size: 0.75rem;font-style: normal;font-weight: 400;line-height: normal;margin-top: .5rem;}
.theme_btn_red.px-0{padding: .75rem 0!important;}
.section-title {color: var(--theme-color);font-family: "Inter", sans-serif;font-size: 1.35rem;font-style: normal;font-weight: 500;line-height: normal;margin-bottom: 1.125rem;}
.focus_flex{display: flex;flex-wrap: wrap;gap: 2rem;}
.focus_flex .card{width: calc(100% / 3 - 2rem);}
.pipeline_flex{display: flex;flex-wrap: wrap;gap: 2rem;}
.pipeline_flex .card {width: calc(100% / 5 - 2rem);min-height: 8rem;display: flex;flex-direction: column;justify-content: space-between;}
.pipeline_flex .card:first-child{background: #FCE8E8;}
.pipeline_flex .card:nth-child(2){background: #FFF7E6;}
.pipeline_flex .card:nth-child(3){background: #EBF0FF;}
.pipeline_flex .card:nth-child(4){background: #E1FAF5;}
.focus_title {color: #000;font-family: "Inter", sans-serif;font-size: 0.875rem;font-style: normal;font-weight: 500;line-height: 1.25rem;}
.focus_card_btm_flex{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2rem;}
.warning {color: var(--primary-color);}
.danger {color: var(--theme-color-red);}
.primary {color: var(--theme-color);}
.white_box{border-radius: 0.75rem;border: 1px solid #E5E7EB;background: #FFF;padding: 1.875rem;margin-bottom: 1.5rem;}
.workload_flex{display: flex;flex-wrap: wrap;gap: 2rem;}
.workload_flex .card{width: calc(100% / 3 - 2rem);    min-height: 8rem;display: flex;flex-direction: column;justify-content: space-between;}
.workload_flex .card:first-child {background: #EBF0FF;}
.workload_flex .card:nth-child(2) {background: #E1FAF5;}
.workload_flex .card:nth-child(3) {background: #FFF7E6;}
.shake_hand{transform-origin: bottom center;animation: rotateHand 5s ease-in-out infinite;}
.account_created_popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 500px; z-index: 99999;}
.backdrop {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #0000003b; z-index: 9999; transition: all .5s ease; backdrop-filter: blur(3px); display: none;}
.backdrop.show{display: block;}
.logout_ul a{display: inline-block;width: 100%;}
.logout_ul li {border-bottom: 1px solid #ccc;}
.notification_no{background-color: var(--theme-color-red);width: 1.25rem;height: 1.25rem;aspect-ratio: 1;border-radius: 50%;color: #fff;top: -.75rem;right: -.75rem;font-size: .65rem;position: absolute;display: flex;align-items: center;justify-content: center;}
button:disabled {opacity: 0.6;border: 1px solid #aaa;cursor: no-drop;}
a:disabled {opacity: 0.6;border: 1px solid #aaa;cursor: no-drop;}
.ht_500{max-height: 500px;overflow-y: scroll;}
/* h1.page_heading{color: var(--theme-color);font-family: "Inter", sans-serif;font-size: 1.75rem;font-style: normal;font-weight: 700;line-height: normal;margin-bottom: 1rem;} */
.f-html { box-sizing: border-box; background: #FFFFFF; width: 100%; max-width: 620px; border-radius: 12px; padding: 16px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); position: relative; }
.top-bar-title {flex: 1;text-align: center;margin: 0;font-size: 20px;font-weight: 600;}
.package-title {font-size: 16px;margin: 0;font-weight: 600;color: var(--theme-color);}
.package-footer .theme_btn_blue{font-size: .75rem;padding: .5rem .75rem;}
.input_icn_right{position: absolute;top: .65rem;right: .75rem;margin-right: .75rem;}
.package_tab_flex .package_tab {color: #fff;padding: .65rem 1.5rem;clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 15% 50%, 0% 0%);font-size: .8rem;}
.scrollbar_width{padding-bottom: .25rem;}
.scrollbar_width::-webkit-scrollbar {height: 6px;}
.scrollbar_width::-webkit-scrollbar-track {background: #f1f1f1;}
.scrollbar_width::-webkit-scrollbar-thumb {background: #888;border-radius: 4px;}
.scrollbar_width::-webkit-scrollbar-thumb:hover {background: #555;}
.theme_link{color: var(--theme-color);text-decoration: underline;font-weight: 600;transition: all .5s ease;}
.theme_link:hover{text-decoration: none;}
.mb-0{margin-bottom: 0!important;}
.select2-container{max-width: 100%;}
.day-title { color: var(--theme-color); font-family: "Inter", sans-serif; font-size: 1rem; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: .5rem;}
.day_summary .box {background: #fff; border-radius: 12px; padding: 20px 24px; margin-bottom: 24px; box-shadow: 0px 0px 11px 3px rgba(0, 0, 0, .06); border-left: 4px solid var(--theme-color);}
.day_summary .box:last-child{margin-bottom: 0;}
/* .day_itenery_flex{display: flex;flex-wrap: wrap;margin: 0 -1rem;} */
.day_itenery_flex li{border-right: 1px solid #ccc;padding: 0 1rem;width: calc(100% / 4);margin-bottom: 1rem;}
.card_three.day_itenery_flex li{width: calc(100% / 3);}
.day_itenery_flex li:last-child{border: 0;}
.card_price{color: var(--theme-color);font-family: "Inter", sans-serif;font-size: .9rem;font-style: normal;font-weight: 500;line-height: normal;}
.summary ul{list-style: disc;padding-left: 2rem;margin-bottom: 1rem;}
.meal_flex {display: flex;align-items: flex-start;justify-content: space-between;}
.meal_flex>div:first-child{width: 80%;}
.summary .section-title{margin-bottom: .5rem;}
input[type="radio"]{width: auto;}
.price {color: #2e3192;font-weight: 600;}
.package-meta {margin: 1rem 0;}
.first_enquiery_disc li { list-style: disc; width: fit-content; margin: 0 auto; }
.expired {color: red;}


















.enquire_tab{margin-bottom: 1rem;}
.enquire_tab.tabs li.active .tab {background: var(--theme-color);color: #fff;}
.enquire_tab .tab {padding: 10px 15px;border-radius: 4px;background: #f1f1f1;cursor: pointer;}
.tab-content {display: none;}
.tab-content.active {display: block;}
.verified_badge{color: #0d542b;font-size: .75rem;background-color: #dcfce7;padding: 4px 8px;border-radius: 1rem;width: fit-content;margin: .75rem auto;font-weight: 600;}
.followup_active {color: #0d542b;}
.upload_btn span {background-color: #f0f4f8;border: 2px solid #4a90e2;padding: 6px;border-radius: 8px;cursor: pointer;color: #333;font-size: 12px;}
.view_page.form_flex>.form-group {margin-bottom: 0;border-bottom: 1px dotted #a1a1a1;float: left;padding: 1rem 1.5rem;position: relative;color: #535165;font-weight: 600;}
.alert.alert-warning {background: #c70000;color: #fff;font-size: .85rem;}










.confirm_for_social .custom_check_box {
        display: none;
    }

    .pic_uploaded_show .confirm_for_social .custom_check_box {
        display: block;
    }

    .imageSuccessMessage {
        color: var(--primary-color);
    }

    .result_wrapper #result {
        box-shadow: 0 0 5px 1px #00000061;
        margin-bottom: 1rem;
        border-radius: 50%;
        width: 5.5rem;
        margin-inline: auto;
    }

    label>span {
        text-transform: capitalize;
    }

    .upload_btn input {
        display: none
    }

    .upload_btn {
        cursor: pointer;
        /* font-size: 1rem;
        border: solid 1px var(--theme-color);
        color: var(--theme-color);
        padding: .65rem 2rem;
        border-radius: 5rem;
        display: block; */
    }

    .upload_content {
        text-align: center;
        padding-top: .4rem;
        font-weight: 600;
        color: var(--black600)
    }

    .upload_wrapper {
        position: relative;
    }

    #my-image,
    #use {
        display: none;
    }

    .cropper_popup {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        overflow: auto;
        z-index: 9;
        pointer-events: none;
        opacity: 0;
        background-color: #00000061;
        transition: 0.5s;
    }

    .cropper_content {
        margin: auto;
        position: relative;
        border-radius: 12px;
        transition: 0.5s;
        transform: translateY(51vh);
        opacity: 0;
        height: 100%;
        width: 100%;
        display: flex;
        overflow: auto;
        padding-block: 8rem;
    }

    .cropper_popup_close {
        --size: 2.5rem;
        cursor: pointer;
        position: absolute;
        right: calc(0px - calc(var(--size)/ 2.5));
        border-radius: 50%;
        padding: 10px;
        top: calc(0px - calc(var(--size)/ 2.5));
        width: var(--size);
        height: var(--size);
        display: grid;
        place-items: center;
        font-size: calc(var(--size) / 2.6);
        box-shadow: 0 0 0 1px #00000038;
        background-color: #fff;
    }

    .cropper_content_box {
        padding: 3rem;
        text-align: center;
        margin: auto;
        background: #fff;
        position: relative;
    }

    body.cropper_opened {
        overflow: hidden;
        padding-right: 1rem;
    }

    body.cropper_opened .cropper_popup {
        pointer-events: all;
        opacity: 1;
    }

    body.cropper_opened .cropper_content {
        pointer-events: all;
        opacity: 1;
        transform: translateY(0);
    }

    .croppie-container {
        height: initial !important;
    }

    .cropper_popup .theme_btn_orange {
        font-size: 0.875rem;
        padding: 0.425rem 1.875rem;
    }




    .step {
        display: none;
    }

    .step.active {
        display: block;
    }

    .mt-0 {
        margin-top: 0px !important;
    }

    .result_wrapper_gap {
        position: absolute;
        top: -20px;
        right: -6px;
    }





@keyframes rotateHand {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(15deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}









.rules {
    margin-top: 10px;
    font-size: 12px;
    color: var(--text-muted);
    list-style: none;
    padding-left: 0;
    margin: .75rem 0;
}

.rules li {
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.3s;
    color: #8C8C8C;
    font-family: "Inter", sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem;
}
.input-wrapper {
            position: relative;
        }

/* .rules li.valid {
    color: var(--success);
} */

/* .rules li.invalid {
    color: var(--text-muted);
} */

.rules li .rule-icon {
    display: inline-block;
    width: 14px;
    text-align: center;
}

.error-msg {
    font-size: 12px;
    color: var(--danger);
    margin-top: 6px;
    display: none;
}

.skip {
    margin-top: 16px;
    font-size: 13px;
    color: var(--text-muted);
}

.skip a {
    color: var(--primary);
    text-decoration: none;
    font-weight: 500;
}

.skip a:hover {
    text-decoration: underline;
}


.toggle-password {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
}

.toggle-password:hover {
    color: var(--text-dark);
}

/* Strength meter */
.strength-meter {
    height: 6px;
    border-radius: 6px;
    background: #e5e7eb;
    overflow: hidden;
    margin-top: 1.5rem;
}

.strength-bar {
    height: 100%;
    width: 0%;
    transition: width 0.3s, background-color 0.3s;
}

.strength-bar.weak { background: var(--danger); }
.strength-bar.medium { background: var(--warning); }
.strength-bar.strong { background: var(--success); }

.strength-text {
    font-size: 12px;
    margin-top: 6px;
    font-weight: 500;
}

.strength-text.weak { color: var(--danger); }
.strength-text.medium { color: var(--warning); }
.strength-text.strong { color: var(--success); }

.hint {
    font-size: 12px;
    color: var(--text-muted);
    margin-top: 4px;
}










.info-flex{display: flex;flex-wrap: wrap;}
.info-flex>div{width: calc(100% / 4);margin-bottom: 1.5rem;}
.info-label {font-size: 13px;font-weight: 600;color: #6b7280;margin-bottom: 4px;letter-spacing: 0.5px;}
.info-value {font-size: 15px;font-weight: 500;color: #111827;display: flex;align-items: center;gap: 6px;word-break: break-word;}
.form_flex.mt-0{margin-top: 0!important;}
.card_gray { background: #f9fafb; border: 1px dashed #e5e7eb; padding: 12px; border-radius: 10px; font-size: 14px; margin-top: 10px; }
progress {width: 100%;height: 10px;border-radius: 10px;overflow: hidden;}
progress::-webkit-progress-bar {background-color: #e5e7eb;border-radius: 10px;}
progress::-webkit-progress-value {background-color: #2563eb;border-radius: 10px;}
progress::-moz-progress-bar {background-color: #2563eb;border-radius: 10px;}
.setup_form .form_flex{margin: 0 -.5rem;}
.setup_form .form_flex>.form-group{padding: 0 .5rem;}
.progress_text li{font-weight: 600;color: #2e3192;}
.flash-message-container {z-index: 999999;}
input[type="checkbox"] {width: auto;margin-left: .5rem;}
.select2-container .select2-search--inline .select2-search__field{padding: 0px!important;margin: 0;}
.select2-container--default .select2-selection--multiple {background-color: white;cursor: text;position: relative;width: 100%;padding: 10px 10px !important;border-radius: 8px;border: 1px solid #D1D5DB;font-size: 14px !important;}
.gallery img {max-height: 25rem;width: 100%;margin: 0 auto;object-fit: cover;}
.alert-success { position: relative; padding: 1rem; margin-bottom: 1rem; border-radius: 0.375rem; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; align-items: center; min-width: 300px; background-color: var(--color-green-100); width: fit-content;     color: var(--color-green-700);}
.inner-breadcrumb ul {display: flex;column-gap: 1.5rem;margin-bottom: 1rem;}
.inner-breadcrumb ul li a {color: #000;}
.inner-breadcrumb ul li{color: var(--theme-color);font-weight: 600;position: relative;font-size: 1rem;}
.inner-breadcrumb ul li:after {content: "\f054"; position: absolute; right: -1rem; top: .15rem; font-family: 'Font Awesome 6 Free';font-size: .9rem;}
.inner-breadcrumb ul li:last-child:after {display: none;}

















/* style1 admin */

  .tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }

  .tabs button {
    padding: 8px 12px;
    border-radius: 20px;
    border: none;
    background: #E5F0FF;
    cursor: pointer;
    font-size: 13px;
  }

  .tabs-wrapper {
    margin-bottom: 1rem;
  }

  .tabs-wrapper.tabs li.active .tab {
    background: var(--theme-color);
    color: #fff;
  }

  .tabs-wrapper .tab {
    padding: 10px 15px;
    border-radius: 4px;
    background: #f1f1f1;
    cursor: pointer;
  }

  .tab-content {
    padding: 1rem;
    display: none;
  }

  .tab-content.active {
    display: block;
  }

  .tabs-wrapper-body {
    margin-top: 1rem;
  }





  input[type="file"]::file-selector-button {
  background-color: #ccc;
  border: 1px solid #ccc;
  color: #000;
  padding: .25rem .75rem;
  border-radius: .5rem;
  cursor: pointer;
}

.image_box {
  display: flex;
  flex-wrap: wrap;
  margin-top: .5rem;
  align-items: flex-start;
}

.image_box>a {
  margin-right: 1rem;
}

.image_box img {
  width: 5rem;
  border: 1px solid #ccc;
  padding: .25rem;
  object-fit: cover;
}

.del_image {
  background: red;
  color: #fff;
  padding: .25rem .5rem;
  border-radius: .5rem;
  transition: all .5s ease;
  font-size: .8rem;
}

.document_icn {
  border: 1px solid #ccc;
  padding: .25rem .5rem;
  font-size: 4rem;
  width: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5rem;
  color: #6e6e6e;
}

input[type="radio"] {
  width: auto;
}

input[readonly] {
  background-color: #f5f5f5;
  color: #777;
  cursor: not-allowed;
}
#EditDSlug {
  position: absolute;
  top: 2.35rem;
  right: 2rem;
}

.card-success p {
  color: #374151;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: .75rem;
}
.login_bx div a {
  color: #2E3192;
  font-weight: 700;
}



/* style1 admin end */












.text-center {text-align: center!important;}
.ml-0 {margin-left: calc(var(--spacing) * 0)!important;}




@media (max-width:767px) {
  html{font-size: 13px;}
  .rightsec header{width: 100%;z-index: 99;}
  .leftsec{position: fixed;top: var(--header-height);left: 0;}
  .sml_sidebar .leftsec{position: fixed;left: 0;transform: translateX(-100%);}
  .leftsec + .rightsec{width: 100%;}
  .form_flex{margin: 0;}
  .form_flex>.form-group{padding: 0;}
  .white_box{padding: 0.875rem;}
  .centersec {padding: 1em;}
  .focus_flex .card{width: 100%;margin-bottom: 0;}
  .pipeline_flex .card{width: 100%;margin-bottom: 0;}
  .workload_flex .card{width: 100%;margin-bottom: 0;}
  .login_left{width: 100%;display: none;}
  .login_right{width: 100%;}
  .login_bx{width: 100%;}
  .login_flex {max-width: 90%;margin: 0 auto;height: 100vh;}
  .info-flex>div{width: 100%;}
  .modal{width: 93%;}
  input, select, textarea{padding: 7px 10px !important;}
  .page_header a{margin-top: 1rem;}
}

.plan-col {
    border: 1px solid #e5e7eb;
    text-align: center;
    padding: 12px;
    width: 100%;
}
.plan-recommended {
    border: 2px solid #22c55e;
    background: #f0fdf4;
    position: relative;
}
.plan-recommended::before {
    content: "Recommended";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    background: #22c55e;
    color: white;
    font-size: 11px;
    width: 100%;
    border-radius: 0px 0px 8px 8px;
}
.current-plan {
    background: #e0f2fe;
    border: 2px solid #0284c7;
}

.plan-recommended div{
  margin-top:5px;
}