:root {--sidebar-width: 240px; --primary-blue: #2c4da1; --bg-light: #f8f9fa;}
 body {font-family: "Poppins", sans-serif; background-color:#f3f3f3; font-size:16px;}
		
/* left section start here */
 .sidebar { width: var(--sidebar-width); height: 100vh; position: fixed; background: white; border-right: 1px solid #dee2e6; padding-top: 20px; z-index: 1000;}
 .nav-link { color: #364153; padding: 12px 25px; font-weight: 500; }
 .nav-link.active { color: var(--primary-blue); border-left: 4px solid var(--primary-blue); background: #f0f4ff; }
  .navbar { background-color: #ffffff;  padding: 15px;    }
  .navbar-brand img { height: 40px;  width: auto; }
  body { padding-top: 80px; }
  .admin-nm {color:#2046AC; font-size:20px; font-weight: 600;}
        
/* Main Content start here */
 .main-content { margin-left: var(--sidebar-width); padding: 30px; background: #F7F8FA; }
 .card { border: none; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); margin-bottom: 25px; }
 .form-label { font-size: 0.9rem; font-weight: 500; color: #444; }
 .form-control { background-color: #f1f3f5; border: none; padding: 12px; }
 .heading {font-size:36px; font-weight:400!important;}
 .heading-card {font-size:18px; font-weight:500;}

 .action-bar {position: fixed; bottom: 0; left: var(--sidebar-width); right: 0; background: #fff9e6; padding: 15px 30px; border-top: 1px solid #ffeeba; display: flex; justify-content: flex-end; gap: 10px;}
  @media (max-width: 992px) {.sidebar { width: 100%; height: auto; position: relative; }
   .main-content { margin-left: 0; }.action-bar { left: 0; }
    }
		
/* card start here */
 .card { border-radius: 8px; border: 1px solid #e0e0e0; margin-bottom: 2rem; box-shadow: 0 2px 4px rgba(0,0,0,0.02); }
 .card-header { background-color: white; border-bottom: none; padding: 1.25rem; padding-bottom:5px; font-weight: 500; color: #333; font-size:18px; }
 .editor-toolbar { background-color: #fff; border: 1px solid #dee2e6; border-bottom: none; border-radius: 8px 8px 0 0; padding: 8px; }
 .editor-content { border-radius: 0 0 8px 8px; min-height: 150px!important; background: white; }
 .btn-save { background-color: #1a4ba0; color: white; border: none; padding: 8px 20px; }
 .btn-save:hover { background-color: #143a7a; color: white; }
 .inclusion-card { border: 1px solid #dee2e6; border-radius: 10px; padding: 12px; height: 100%; transition: all 0.2s; }
 .form-check-input { width: 1.5em; height: 1.5em; margin-top: 0.25em; cursor: pointer; }
 .icon-box { font-size: 1.2rem; color: #1a4ba0; margin-right: 10px; }
 .inclusion-title { font-weight: 700; font-size: 0.95rem; margin-bottom: 2px; }
 .inclusion-subtext { font-size: 0.85rem; color: #6c757d; }
		
 .exclusion-section {background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 24px;}
 .section-title {font-size: 18px; font-weight: 500; margin-bottom: 24px; color: #333;}
 .exclusion-item-card { border: 1px solid #d1d9e6; border-radius: 12px; padding: 16px; height: 100%; background-color: #fff;}
 .exclusion-title {font-weight: 700; font-size: 0.95rem;  color: #1a1a1a;  margin-bottom: 4px;}
 .exclusion-text {font-size: 0.82rem; color: #6c757d; line-height: 1.4; }
 .form-check-input { width: 24px; height: 24px; border: 2px solid #3b5998; border-radius: 4px; cursor: pointer; margin-top: 8px;}
 .form-check-input:checked { background-color: #3b5998; border-color: #3b5998;}
 .exclusion-row { row-gap: 20px;}
 .fw-bold.small.mb-2 {font-size: 16px;	font-weight: 500 !important;}

         /* Hotel Details */
 .main-card { border: 1px solid #e0e0e0; border-radius: 8px; background: white; padding: 24px; margin-bottom: 2rem; margin-top:30px; }
 .section-header { font-weight: 500; margin-bottom: 1.5rem; color: #333; font-size:18px; }
 .sub-header { font-size: 0.9rem; font-weight: 600; margin-bottom: 0.5rem; color: #444; }
        
    
 .form-label { font-size: 0.85rem; color: #666; margin-bottom: 4px; }
 .form-control, .form-select { background-color: #f1f3f5; border: none; border-radius: 6px; padding: 10px 15px; }
        
    
 .tag-container { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
 .custom-tag { background: #e9ecef; border-radius: 4px; padding: 2px 10px; font-size: 0.8rem; display: flex; align-items: center; gap: 8px; }
 .custom-tag .bi-x { cursor: pointer; font-size: 1rem; }

  
 .exclusion-card { border: 1px solid #dee2e6; border-radius: 12px; padding: 15px; height: 100%; }
 .exclusion-check { width: 1.5rem; height: 1.5rem; border: 2px solid #2d5db1; margin-top: 5px; }
        
 .btn-add { background-color: #2d5db1; color: white; border-radius: 6px; padding: 8px 20px; font-weight: 500; }
 .btn-add:hover { background-color: #1e3f7a; color: white; }
		
  /* Essential Information */
  .admin-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 1.5rem; margin-bottom: 2rem; }
  .section-title { font-weight: 500; font-size: 1.1rem; margin-bottom: 1.5rem; font-size:18px; }
        
  .exclusion-card { border: 1px solid #dee2e6; border-radius: 12px; padding: 1rem; height: 100%; transition: border-color 0.2s; }
  .custom-check { width: 1.5rem; height: 1.5rem; border: 2px solid #2d5db1; margin-top: 0.25rem; cursor: pointer; }

  .form-label { font-size: 0.85rem; font-weight: 500; color: #666; margin-bottom: 4px; }
  .form-control, .form-select { background-color: #f3f4f6; border: 1px solid #ddd; border-radius: 6px; padding: 0.6rem 1rem; }
  .tag-badge { background: #e9ecef; border-radius: 4px; padding: 4px 10px; font-size: 0.8rem; display: inline-flex; align-items: center; gap: 8px; margin: 0 5px 8px 0; }
  .tag-badge i { cursor: pointer; font-size: 1rem; color: #999; }
  .btn-primary-custom { background-color: #2d5db1; color: white; border: none; padding: 8px 24px; border-radius: 6px; font-weight: 500; }

  .editor-wrapper { border: 1px solid #dee2e6; border-radius: 8px; overflow: hidden; margin-bottom: 1.5rem; }
  .editor-toolbar { background: #fff; border-bottom: 1px solid #dee2e6; padding: 8px 12px; display: flex; gap: 15px; align-items: center; flex-wrap: wrap; }
  .editor-content { min-height: 120px; padding: 15px; background: white; }
  .btn.btn-blue.px-4 {background: #2d5db1;color: #fff;}		
  .card-body.pt-0 textarea {border: 1px solid #dee2e6;}
  .btn:focus-visible {color: #fff;	background-color: #143a7a;	border-color: #143a7a;	outline: 0;	box-shadow: var(--bs-btn-focus-box-shadow);}
  .btn-add:focus, .btn-add:active {  outline: none !important;  box-shadow: none !important; background-color: #143a7a!important; color:#fff!important;}
  .inclusion-card { min-height: 72px;}
  input:focus,textarea:focus {    outline: none !important; box-shadow: none !important; border-color: #dee2e6; }
 .form-control:focus {color: var(--bs-body-color);background-color: var(--bs-body-bg);border-color: #ddd;outline: 0;	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);}
/* Stepper */
.stepper-wrapper{
        display:flex;
        justify-content:space-between;
        max-width:900px;
        margin:0 auto 40px auto;
        position:relative;
    }
    
    .stepper-wrapper::before{
        content:"";
        position:absolute;
        top:12px;
        left:70px;
        right:70px;
        height:1px;
        background:#d8dce5;
        z-index:0;
    }
    
    .step-item{
        text-align:center;
        position:relative;
        z-index:1;
    }
    
    .step-number{
        width:24px;
        height:24px;
        border-radius:50%;
        border:1px solid #d6d9df;
        background:#fff;
        color:#8b95a7;
        font-size:12px;
        display:flex;
        align-items:center;
        justify-content:center;
        margin:0 auto 8px;
    }
    
    .step-item.active .step-number{
        background:#2563eb;
        border-color:#2563eb;
        color:#fff;
    }
    
    .step-title{
        font-size:12px;
        color:#2563eb;
        font-weight:500;
    }
    
    .step-item:not(.active) .step-title{
        color:#6b7280;
    }
    
    .step-sub{
        font-size:10px;
        color:#9ca3af;
    }
    
    /* Main Card */
    .page-type-card{
       border-radius: 14px;
        border: 1px solid rgba(0, 0, 0, 0.10);
        background: #FFF;
        padding:25px;
    }
    
    .page-type-card h5{
          font-size: 18px;
    color: #101828;
    font-family: Arial;
    margin-bottom: 25px;
    }
    
    .page-type-card p{
        font-size:13px;
        color: #4A5565;
        font-family: Arial;
        margin-bottom:25px;
    }
    
    /* Package Cards */
    .package-box{
        border:2px solid #e5e7eb;
        border-radius:10px;
        padding:16px;
        height:100%;
        transition:.3s;
        cursor:pointer;
        background:#fff;
    }
    
    .package-box.active{
       border-radius: 10px;
border: 2px solid #155DFC;
background: #EFF6FF;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
.package-title{
    color: #1C398E;
font-family: Arial;
font-size: 18px;
font-weight: 400;
}
    }
    
    .icon-box{
        width:38px;
        height:38px;
        border-radius: 10px;
        background: #F3F4F6;
        display:flex;
        align-items:center;
        justify-content:center;
        margin-bottom:12px;
        color:#6b7280;
    }
    
    .package-box.active .icon-box {
        background-color: #155DFC;
    img{
    filter: brightness(0) invert(1);
    }
    }

    
    .package-title{
          color: #101828;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
    }
    
    .package-desc{
        color: #4A5565;
font-family: Arial;
font-size: 12px;
font-weight: 400;
    }

  
    
    /* STEPER */
    
    .stepper-wrap{
        max-width:850px;
        margin:20px auto 30px;
        display:flex;
        justify-content:space-between;
        position:relative;
    }
    
    .stepper-wrap:before{
        content:"";
        position:absolute;
        top:13px;
        left:90px;
        right:90px;
        height:1px;
        background:#dbe0ea;
    }
    
    .step{
        text-align:center;
        position:relative;
        z-index:2;
    }
    
    .step span{ 
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:11px;
        color:#9ca3af;
        margin:auto auto 8px;
    }
    
    .step h6{
        font-size:11px;
        margin:0;
        font-weight:400;
        color:#99A1AF;
    }
    
    .step small{
        display:block;
        font-size:9px;
        color:#6A7282;
    }
    
   
    
    .step.active h6,
    .step.completed h6{
        color:#2563eb;
    }
    
    /* CARD */
    
    .category-card{
        max-width:980px;
        margin:auto;
        background:#fff;
        border:1px solid #e5e7eb;
        border-radius:10px;
        padding:22px;
    }
    
    .category-card h5{
        font-size:16px;
        margin-bottom:15px;
    }
    
    .category-card p{
        font-size:12px;
        color:#6b7280;
        margin-bottom:20px;
    }
    
    .category-list{
        display:flex;
        flex-wrap:wrap;
        gap:15px;
    }
    
    .cat-btn{
border: 2px solid #D1D5DC;
background: #FFF;
        background:#fff;
        border-radius:30px;
        padding:8px 14px;
        font-size:12px;
        color:#374151;
        transition:.3s;
    }
    
    .cat-btn.active{
      border-radius: 33554400px;
border: 2px solid #155DFC;
background: #155DFC;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
        color:#fff;
        img{
                    filter: brightness(0) invert(1);
        }
    }
    
    .cat-btn i{
        margin-right:4px;
    }
    
    hr{
        margin:25px 0;
        border-color:#E5E7EB;
    }
    
    .selected-wrap label{
        font-size:11px;
        color:#4A5565;
        display:block;
        margin-bottom:8px;
    }
    
    .selected-tags{
        display:flex;
        flex-wrap:wrap;
        gap:6px;
    }
    
    .selected-tags span{
        background:#DBEAFE;
        color:#1447E6;
        font-size:10px;
        padding:4px 8px;
        border-radius:8px;
    }
    
    /* FIXED FOOTER */
    
    .bottom-footer{
        position:fixed;
        left:0;
        bottom:0;
        width:100%;
        height:60px;
        background:#fff;
        border-top:1px solid #e5e7eb;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:0 25px 0 280px;
        z-index:999;
    }
    
    .draft-btn{
        border:1px solid #0000001A;
        background:#fff;
        padding:6px 12px;
        font-size:12px;
        border-radius:8px;
    }
    
    .next-btn{
        border:none;
        background:#000;
        color:#fff;
        padding:7px 15px;
        border-radius:8px;
        font-size:12px;
    }
    
    .next-btn img{
        margin-left:4px;
    }
    .stepper{
        max-width:100%;
        margin:0 auto 40px auto;
        display:flex;
        justify-content:space-between;
        position:relative;
    }
    
    .step{
        flex:1;
        text-align:center;
        position:relative;
    }
    
    .step:not(:last-child)::after{
          content: "";
    position: absolute;
    top: 30px;
    left: 49%;
    width: 50%;
    height: 2px;
    background: #d8dde7;
    transform: translateX(50%);
    z-index: 1;
    }

    /* completed line */
    .step.completed:not(:last-child)::after{
        background:#155DFC;
    }
    
    
    
    .step-circle{
        width:28px;
        height:28px;
        border-radius:50%;
        border:1px solid #d8dde7;
        background:#fff;
        color:#8d95a5;
        display:flex;
        align-items:center;
        justify-content:center;
        margin:0 auto 10px;
        position:relative;
        z-index:2;
        font-size:12px;
    }
    
    .step h6{
        font-size:12px;
        margin-bottom:3px;
    }
    
    .step span{
        font-size:10px;
        color:#8d95a5;
    }
    
    /* ACTIVE */
    
    .step.active .step-circle{
        background:#155DFC;
        border-color:#155DFC;
        color:#fff;
    }
    
    .step.active h6{
        color:#1447E6;
    }
    
    /* COMPLETED */
    
    .step.completed .step-circle{
        background:#155DFC;
        border-color:#155DFC;
        color:#fff;
    }
    
    .step.completed h6{
        color:#111827;
    }
    .structure-card{
        background:#fff;
        border:1px solid #e8ebf2;
        border-radius:8px;
        padding:20px;
    }
    
    /* Heading */
    
    .page-title{
        font-size:16px;
        font-weight:600;
        color:#1f2937;
        margin-bottom: 25px;
    }
    
    .page-subtitle{
        font-size:12px;
        color:#6b7280;
        margin-top:8px;
        margin-bottom: 25px;
    }
    
    /* Top Preview */
    
    .preview-box{
       border-radius: 10px;
border: 1px solid #BEDBFF;
background: #EFF6FF;
        padding:12px 15px;
        margin-top:20px;
    }
    
    .preview-label{
        font-size:11px;
        color:#155DFC;
        margin-bottom:4px;
    }
    
    .preview-value{
        font-size:14px;
        color:#1C398E;
        font-weight:500;
    }
    
    /* Section */
    
    .section-title{
        font-size:12px;
        color:#364153;
        margin:30px 0 12px;
    }
    
    /* Module Card */
    
    .module-card{
       border-radius: 10px;
border: 1px solid #E5E7EB;
background: #F9FAFB;
        padding:14px 16px;
        margin-bottom:10px;
    }
    
    .module-left{
        display:flex;
        align-items:center;
        gap:12px;
    }
    
    .check-icon{
        img{
        width: 32px;
        height: 32px;
    }
    }
    
    .module-title{
        font-size:14px;
        font-weight:600;
        color:#101828;
        margin-bottom:2px;
    }
    
    .module-desc{
        font-size:11px;
        color:#6A7282;
    }
    
    /* Toggle */
    
    .form-switch .form-check-input {
    width: 40px;
    height: 20px;
    cursor: pointer;
    border: none;
    background-color: #d1d5db;
    background-image: none;
    position: relative;
}

.form-switch .form-check-input::after {
    content: "";
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: 0.3s;
}

.form-switch .form-check-input:checked {
    background-color: #111827;
}

.form-switch .form-check-input:checked::after {
    transform: translateX(20px);
}
    
    /* Note */
    
    .note-box{
        margin-top:18px;
       border-radius: 10px;
border: 1px solid #FEE685;
background: #FFFBEB;
        padding:10px 14px;
        font-size:12px;
        color:#973C00;
    }
    
    @media(max-width:767px){
    
        .preview-box .row > div{
            margin-bottom:12px;
        }
    
        .module-card{
            padding:12px;
        }
    
        .module-title{
            font-size:12px;
        }
    
        .module-desc{
            font-size:10px;
        }
    }

  
 /* ----  show package ---- */
 .main-contentt {
     margin-left: var(--sidebar-width);
     padding: 30px 15px;
     background: #F7F8FA;
 }

 .text-mted {
     color: #434343;
     font-size: 14px;
     font-weight: 400;
 }

 .show-navv {
     .nav-link {
         color: #364153;
         font-size: 16px;
         font-weight: 400;
     }

     .nav-link.active {
         color: #2046AC !important;
         font-size: 16px;
         font-weight: 600;
         background: transparent;
         padding: 12px 20px;
     }
 }

 .filter-box {
     border-radius: 8px;
     border: 1px solid #EFF0F3;
     background: #FFF;
     padding: 10px;

     .form-control {
         border-radius: 4px;
         background: #F3F3F5;
         border: none !important;
         padding: 10px 40px 10px 10px;
         color: #525252;
         font-size: 12px;
         font-weight: 400;
     }

     .form-select {
         border-radius: 4px;
         border: none !important;
         padding: 10px 25px 10px 10px;
         color: #525252;
         font-size: 12px;
         font-weight: 400;
     }
 }

 .filter-label {
     color: #424242;
     font-size: 12px;
     font-weight: 500;
     margin-bottom: 3px;
     display: block;
 }

 .search-input {
     position: relative;
 }

 .input-icon {
     position: absolute;
     right: 5px;
     top: 50%;
     transform: translateY(-50%);
     width: 18px;
     height: 18px;
     pointer-events: none;
 }

 .custom-date::-webkit-calendar-picker-indicator {
     opacity: 0;
     position: absolute;
     right: 0;
     width: 100%;
     cursor: pointer;
 }

 .package-table thead th {
     background: #E6EFFF;
     border: none;
     color: #424242;
     font-size: 12px;
     font-weight: 500;
     padding: 14px;
 }

 .package-table tbody tr {
     background: #fff;
 }

 .package-table tbody td {
     padding: 14px;
     border: none;
     vertical-align: middle;
     color: #424242;
     font-size: 14px;
     font-weight: 500;
     background-color: transparent;
 }

 .actiion-btn {
     border: 1px solid #D0D0D0;
     background: #fff;
     color: #424242;
     border-radius: 5px;
     padding: 2px 6px;
     font-size: 14px;
     margin-right: 5px;
 }

 .actiion-btn:hover{
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
 }
 .showing-pge span {
     color: #424242;
     font-size: 14px;
     font-weight: 500;
 }

 .pagination .page-link {
     color: #000;
     font-size: 16px;
     font-weight: 500;
     margin: 0 2px;
     border-radius: 4px;
     border: 1px solid #D7D7D7;
     padding: 2px 15px;
 }

 .package-table {
     width: 100%;
     border-collapse: separate;
     border-spacing: 0 20px;
    background-color: #ffffff;
    margin-top: -20px;
 }

 .package-table thead th {
     background: #E6EFFF;
     border: none;
     padding: 14px;
 }

 .package-table tbody tr {
     background: #fff;
 }

 .package-table tbody td {
     padding: 14px;
     border: none;
     vertical-align: middle;
 }

 .package-table tbody tr:nth-child(odd) {
     background: #F2F6FF;
 }

 .package-table tbody tr:nth-child(even) {
     background: #F6F6F6;
 }

 .status-wrap {
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .status-wrap span {
     font-size: 14px;
     font-weight: 500;
     color: #424242;
     padding-top: 8px;
 }