.header-shade {
	box-shadow: rgb(0 0 0 / 4%) 0px 1px 2px 0px;
}
/*=====================================================
        GLOBAL THEME ENGINE
======================================================*/

:root{

    /* Primary Colors */
    --primary:#ec4899;
    --secondary:#f472b6;
    --dark:#9d174d;
    --light:#fdf2f8;

    /* Text */
    --text:#1f2937;
    --text-light:#6b7280;

    /* Background */
    --body:#f8fafc;
    --white:#ffffff;

    /* Border */
    --border:#f1f5f9;

    /* Radius */
    --radius-xs:4px;
    --radius-sm:8px;
    --radius:12px;
    --radius-lg:18px;
    --radius-xl:25px;

    /* Shadow */
    --shadow-sm:0 5px 12px rgba(0,0,0,.05);
    --shadow:0 12px 35px rgba(0,0,0,.08);
    --shadow-lg:0 20px 60px rgba(236,72,153,.25);

    /* Transition */
    --transition:.35s ease;

}
/*=====================================================
                    RESET
======================================================*/
body{
    background:var(--body);
    color:var(--text);
    overflow-x:hidden;
}
/*=====================================================
                LINKS
======================================================*/
a{
    text-decoration:none;
    color:var(--primary);
    transition:var(--transition);
}
a:hover{
    color:var(--dark);
}
/*=====================================================
                TYPOGRAPHY
======================================================*/
h1,h2,h3,h4,h5,h6{
    color:var(--dark);
    font-weight:700;
}
p{
    color:var(--text-light);
    line-height:1.8;
}
img{
    max-width:100%;
    display:block;
}
/*=========================================
            BUTTONS
=========================================*/

.btn{
border-radius:12px;
font-weight:600;
padding:.65rem 1.4rem;
transition:.35s;
box-shadow:none;
}

.btn-primary{
background:linear-gradient(135deg,var(--dark),var(--primary));
border:none;
color:#fff;
}

.btn-primary:hover{
background:linear-gradient(135deg,var(--primary),var(--secondary));
transform:translateY(-2px);
box-shadow:0 15px 35px var(--shadow-lg);
}

.btn-outline-primary{
border:2px solid var(--primary);
color:var(--primary);
background:transparent;
}

.btn-outline-primary:hover{
background:var(--primary);
color:#fff;
}

.btn-light{
background:var(--light);
color:var(--dark);
border:none;
}

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

.btn-dark{
background:var(--dark);
color:#fff;
border:none;
}

.btn-dark:hover{
background:var(--primary);
}

.btn-success{
background:#10b981;
border:none;
}

.btn-danger{
background:#ef4444;
border:none;
}

.btn-warning{
background:#f59e0b;
border:none;
color:#fff;
}

.btn-info{
background:#06b6d4;
border:none;
color:#fff;
}

/*=========================================
              CARDS
=========================================*/

.card{
background:#fff;
border:1px solid var(--border);
border-radius:18px;
overflow:hidden;
transition:.35s;
box-shadow:var(--shadow-sm);
}

.card:hover{
transform:translateY(-6px);
box-shadow:var(--shadow-lg);
}

.card-header{
background:linear-gradient(135deg,var(--dark),var(--primary));
color:#fff;
border:none;
padding:18px 20px;
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6{
margin:0;
color:#fff;
}

.card-body{
padding:20px;
}

.card-footer{
background:#fff;
border-top:1px solid var(--border);
padding:15px 20px;
}

/*=========================================
          CONTAINER & SECTION
=========================================*/

.section{
padding:80px 0;
}

.section-sm{
padding:50px 0;
}

.section-lg{
padding:120px 0;
}

.bg-theme{
background:var(--primary);
color:#fff;
}

.bg-light-theme{
background:var(--light);
}

.text-theme{
color:var(--primary)!important;
}

.border-theme{
border-color:var(--primary)!important;
}

.rounded-theme{
border-radius:18px;
}

.shadow-theme{
box-shadow:var(--shadow-lg);
}
/*=========================================
              NAVBAR
=========================================*/

.navbar-brand{
font-size:26px;
font-weight:700;
color:var(--dark)!important;
}

.navbar-brand:hover{
color:var(--primary)!important;
}

.navbar-nav .nav-link{
color:var(--text);
font-weight:500;
border-radius:10px;
transition:.35s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
color:var(--primary)!important;
}

.navbar-toggler{
border:none;
box-shadow:none!important;
}

/*=========================================
             DROPDOWN
=========================================*/

.dropdown-menu{
border:none;
border-radius:15px;
padding:10px;
box-shadow:var(--shadow);
}

.dropdown-item{
border-radius:10px;
padding:10px 15px;
font-weight:500;
transition:.3s;
}

.dropdown-item:hover{
background:var(--light);
color:var(--primary);
padding-left:20px;
}

.dropdown-divider{
margin:8px 0;
}

/*=========================================
             BREADCRUMB
=========================================*/

.breadcrumb{
background:transparent;
margin:0;
padding:0;
}

.breadcrumb-item a{
color:var(--primary);
}

.breadcrumb-item.active{
color:var(--text-light);
}

/*=========================================
             NAV PILLS
=========================================*/

.nav-pills .nav-link{
border-radius:12px;
color:var(--primary);
font-weight:600;
padding:10px 20px;
transition:.35s;
}

.nav-pills .nav-link.active{
background:linear-gradient(135deg,var(--dark),var(--primary));
color:#fff;
}

.nav-pills .nav-link:hover{
background:var(--light);
}

/*=========================================
             PAGINATION
=========================================*/

.pagination{
gap:8px;
}

.page-link{
border:none;
border-radius:10px;
color:var(--primary);
padding:10px 15px;
box-shadow:var(--shadow-sm);
transition:.35s;
}

.page-link:hover{
background:var(--light);
color:var(--primary);
}

.page-item.active .page-link{
background:linear-gradient(135deg,var(--dark),var(--primary));
color:#fff;
}

.page-item.disabled .page-link{
background:#f3f4f6;
color:#9ca3af;
}

/*=========================================
              LIST GROUP
=========================================*/

.list-group{
border-radius:15px;
overflow:hidden;
}

.list-group-item{
border-color:var(--border);
padding:14px 18px;
transition:.3s;
}

.list-group-item:hover{
background:var(--light);
}

.list-group-item.active{
background:linear-gradient(135deg,var(--dark),var(--primary));
border-color:var(--primary);
}

/*=========================================
                TABS
=========================================*/

.nav-tabs{
border-bottom:1px solid var(--border);
}

.nav-tabs .nav-link{
border:none;
border-radius:12px 12px 0 0;
color:var(--text);
font-weight:600;
}

.nav-tabs .nav-link.active{
background:var(--primary);
color:#fff;
}

.nav-tabs .nav-link:hover{
background:var(--light);
}
/*=========================================
                FORM
=========================================*/

.form-label{
font-weight:600;
color:var(--dark);
margin-bottom:8px;
}

.form-control,
.form-select{
height:48px;
border:1px solid var(--border);
border-radius:12px;
padding:.6rem 1rem;
background:#fff;
color:var(--text);
transition:.3s;
box-shadow:none!important;
}

textarea.form-control{
height:auto;
min-height:120px;
resize:vertical;
}

.form-control:hover,
.form-select:hover{
border-color:var(--primary);
}

.form-control:focus,
.form-select:focus{
border-color:var(--primary);
background:#fff;
box-shadow:0 0 0 .2rem rgba(236,72,153,.15)!important;
}

.form-control::placeholder{
color:#9ca3af;
}

/*=========================================
            INPUT GROUP
=========================================*/

.input-group-text{
background:var(--light);
border:1px solid var(--border);
color:var(--primary);
font-weight:600;
}

.input-group .form-control{
border-left:none;
}

.input-group .form-control:focus{
border-left:none;
}

/*=========================================
            CHECKBOX
=========================================*/

.form-check-input{
width:18px;
height:18px;
cursor:pointer;
}

.form-check-input:checked{
background:var(--primary);
border-color:var(--primary);
}

.form-check-input:focus{
box-shadow:0 0 0 .2rem rgba(236,72,153,.15);
}

.form-check-label{
cursor:pointer;
color:var(--text);
}

/*=========================================
              RADIO
=========================================*/

.form-check-input[type=radio]{
border-width:2px;
}

.form-check-input[type=radio]:checked{
background:var(--primary);
border-color:var(--primary);
}

/*=========================================
             SWITCH
=========================================*/

.form-switch .form-check-input{
width:45px;
height:24px;
cursor:pointer;
}

.form-switch .form-check-input:checked{
background-color:var(--primary);
border-color:var(--primary);
}

/*=========================================
            RANGE
=========================================*/

.form-range::-webkit-slider-thumb{
background:var(--primary);
}

.form-range::-moz-range-thumb{
background:var(--primary);
}

/*=========================================
            FILE INPUT
=========================================*/

.form-control[type=file]{
padding:10px;
}

.form-control[type=file]::file-selector-button{
background:var(--primary);
border:none;
color:#fff;
padding:8px 14px;
border-radius:8px;
margin-right:12px;
cursor:pointer;
transition:.3s;
}

.form-control[type=file]::file-selector-button:hover{
background:var(--dark);
}

/*=========================================
            VALIDATION
=========================================*/

.is-valid{
border-color:#22c55e!important;
}

.is-invalid{
border-color:#ef4444!important;
}

.valid-feedback{
color:#22c55e;
}

.invalid-feedback{
color:#ef4444;
}

/*=========================================
             SEARCH BOX
=========================================*/

.search-box{
position:relative;
}

.search-box i{
position:absolute;
left:15px;
top:50%;
transform:translateY(-50%);
color:var(--primary);
}

.search-box input{
padding-left:45px;
}

/*=========================================
            FLOATING LABEL
=========================================*/

.form-floating>.form-control{
height:58px;
}

.form-floating>label{
color:#6b7280;
}

/*=========================================
          DISABLED CONTROL
=========================================*/

.form-control:disabled,
.form-select:disabled{
background:#f3f4f6;
cursor:not-allowed;
opacity:.8;
}
/*=========================================
                TABLE
=========================================*/

.table{
margin-bottom:0;
vertical-align:middle;
}

.table thead{
background:linear-gradient(135deg,var(--dark),var(--primary));
color:#fff;
}

.table thead th{
border:none;
padding:16px;
font-size:14px;
font-weight:600;
white-space:nowrap;
}

.table tbody td{
padding:15px;
border-color:var(--border);
vertical-align:middle;
}

.table tbody tr{
transition:.3s;
}

.table tbody tr:hover{
background:var(--light);
}

.table-striped tbody tr:nth-of-type(odd){
background:#fcfcfc;
}

.table-bordered{
border-color:var(--border);
}

.table-responsive{
border-radius:15px;
overflow:hidden;
box-shadow:var(--shadow-sm);
}

/*=========================================
                MODAL
=========================================*/

.modal-content{
border:none;
border-radius:18px;
overflow:hidden;
box-shadow:var(--shadow);
}

.modal-header{
background:linear-gradient(135deg,var(--dark),var(--primary));
border:none;
padding:18px 22px;
}

.modal-title{
color:#fff;
font-weight:600;
}

.modal-header .btn-close{
filter:invert(1);
opacity:1;
}

.modal-body{
padding:25px;
}

.modal-footer{
border-top:1px solid var(--border);
padding:18px 22px;
}

/*=========================================
                ALERT
=========================================*/

.alert{
border:none;
border-radius:14px;
padding:16px 20px;
}

.alert-primary{
background:var(--light);
color:var(--primary);
}

.alert-success{
background:#ecfdf5;
color:#059669;
}

.alert-danger{
background:#fef2f2;
color:#dc2626;
}

.alert-warning{
background:#fffbeb;
color:#d97706;
}

.alert-info{
background:#ecfeff;
color:#0891b2;
}

/*=========================================
                BADGE
=========================================*/

.badge{
padding:.55rem .9rem;
font-size:12px;
font-weight:600;
border-radius:50px;
}

.bg-primary{
background:var(--primary)!important;
}

.bg-dark{
background:var(--dark)!important;
}

/*=========================================
              PROGRESS
=========================================*/

.progress{
height:10px;
background:#edf2f7;
border-radius:50px;
overflow:hidden;
}

.progress-bar{
background:linear-gradient(90deg,var(--dark),var(--primary));
}

/*=========================================
              SPINNER
=========================================*/

.spinner-border{
color:var(--primary);
}

.spinner-grow{
color:var(--primary);
}

/*=========================================
                TOAST
=========================================*/

.toast{
border:none;
border-radius:15px;
box-shadow:var(--shadow);
overflow:hidden;
}

.toast-header{
background:var(--primary);
color:#fff;
border:none;
}

.toast-body{
background:#fff;
color:var(--text);
}

/*=========================================
               TOOLTIP
=========================================*/

.tooltip-inner{
background:var(--dark);
border-radius:8px;
padding:8px 12px;
font-size:13px;
}

.bs-tooltip-top .tooltip-arrow::before{
border-top-color:var(--dark)!important;
}

.bs-tooltip-bottom .tooltip-arrow::before{
border-bottom-color:var(--dark)!important;
}

.bs-tooltip-start .tooltip-arrow::before{
border-left-color:var(--dark)!important;
}

.bs-tooltip-end .tooltip-arrow::before{
border-right-color:var(--dark)!important;
}
/*=========================================
              ACCORDION
=========================================*/

.accordion-item{
border:1px solid var(--border);
border-radius:15px!important;
overflow:hidden;
margin-bottom:15px;
box-shadow:var(--shadow-sm);
}

.accordion-button{
background:#fff;
color:var(--dark);
font-weight:600;
box-shadow:none!important;
}

.accordion-button:not(.collapsed){
background:linear-gradient(135deg,var(--dark),var(--primary));
color:#fff;
}

.accordion-button::after{
filter:grayscale(100%);
}

.accordion-body{
padding:20px;
background:#fff;
}

/*=========================================
              OFFCANVAS
=========================================*/

.offcanvas{
border:none;
}

.offcanvas-header{
background:linear-gradient(135deg,var(--dark),var(--primary));
color:#fff;
}

.offcanvas-title{
color:#fff;
font-weight:600;
}

.offcanvas-header .btn-close{
filter:invert(1);
}

.offcanvas-body{
padding:20px;
}

/*=========================================
              CAROUSEL
=========================================*/

.carousel-item img{
border-radius:20px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
background-color:var(--primary);
border-radius:50%;
padding:18px;
}

/*=========================================
                AVATAR
=========================================*/

.avatar{
width:45px;
height:45px;
border-radius:50%;
object-fit:cover;
border:3px solid var(--primary);
}

.avatar-sm{
width:35px;
height:35px;
}

.avatar-lg{
width:70px;
height:70px;
}

/*=========================================
              ICON BOX
=========================================*/

.icon-box{
width:65px;
height:65px;
display:flex;
align-items:center;
justify-content:center;
border-radius:18px;
background:var(--light);
color:var(--primary);
font-size:28px;
transition:.35s;
}

.icon-box:hover{
background:var(--primary);
color:#fff;
transform:translateY(-5px);
box-shadow:var(--shadow-lg);
}

/*=========================================
               TIMELINE
=========================================*/

.timeline{
position:relative;
padding-left:40px;
}

.timeline::before{
content:"";
position:absolute;
left:12px;
top:0;
bottom:0;
width:3px;
background:var(--primary);
}

.timeline-item{
position:relative;
margin-bottom:30px;
}

.timeline-item::before{
content:"";
position:absolute;
left:-35px;
top:5px;
width:18px;
height:18px;
background:var(--primary);
border-radius:50%;
border:4px solid #fff;
box-shadow:0 0 0 3px var(--primary);
}

/*=========================================
              IMAGE
=========================================*/

.img-theme{
border-radius:18px;
box-shadow:var(--shadow);
transition:.35s;
}

.img-theme:hover{
transform:scale(1.03);
}

/*=========================================
              SHADOW
=========================================*/

.shadow-sm-theme{
box-shadow:var(--shadow-sm);
}

.shadow-theme{
box-shadow:var(--shadow);
}

.shadow-lg-theme{
box-shadow:var(--shadow-lg);
}

/*=========================================
              BORDER
=========================================*/

.border-theme{
border:1px solid var(--primary)!important;
}

.border-light-theme{
border:1px solid var(--border)!important;
}

/*=========================================
             BACKGROUND
=========================================*/

.bg-theme{
background:linear-gradient(135deg,var(--dark),var(--primary));
color:#fff;
}

.bg-light-theme{
background:var(--light);
}

.bg-gradient-theme{
background:linear-gradient(135deg,var(--primary),var(--secondary));
color:#fff;
}

/*=========================================
               TEXT
=========================================*/

.text-theme{
color:var(--primary)!important;
}

.text-dark-theme{
color:var(--dark)!important;
}

.text-light-theme{
color:var(--text-light)!important;
}

/*=========================================
             ROUNDED
=========================================*/

.rounded-theme{
border-radius:18px!important;
}

.rounded-xl{
border-radius:30px!important;
}

/*=========================================
            HOVER EFFECT
=========================================*/

.hover-lift{
transition:.35s;
}

.hover-lift:hover{
transform:translateY(-8px);
box-shadow:var(--shadow-lg);
}

.hover-scale{
transition:.35s;
}

.hover-scale:hover{
transform:scale(1.05);
}

/*=========================================
            SCROLLBAR
=========================================*/

::-webkit-scrollbar{
width:10px;
height:10px;
}

::-webkit-scrollbar-track{
background:#f1f5f9;
}

::-webkit-scrollbar-thumb{
background:var(--primary);
border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
background:var(--dark);
}
/*=========================================
        WOMEN ENTREPRENEUR THEME
=========================================*/

body.theme-women{
--primary:#ec4899;
--secondary:#f472b6;
--dark:#9d174d;
--light:#fdf2f8;
--body:#fff7fb;
--text:#1f2937;
--text-light:#6b7280;
--border:#fbcfe8;
--shadow-lg:0 20px 60px rgba(236,72,153,.25);
}

/*=========================================
            FASHION THEME
=========================================*/

body.theme-fashion{
--primary:#9333ea;
--secondary:#d8b4fe;
--dark:#5b21b6;
--light:#f6ebff;
--body:#fcf8ff;
--text:#1f2937;
--text-light:#6b7280;
--border:#e9d5ff;
--shadow-lg:0 20px 60px rgba(147,51,234,.25);
}
/*=========================================
              FOOD THEME
=========================================*/

body.theme-food{
--primary:#ff9800;
--secondary:#ffd580;
--dark:#d97706;
--light:#fff4e3;
--body:#fffaf3;
--text:#1f2937;
--text-light:#6b7280;
--border:#fde68a;
--shadow-lg:0 20px 60px rgba(255,152,0,.25);
}

/*=========================================
          AUTOMOBILE THEME
=========================================*/

body.theme-auto{
--primary:#ef4444;
--secondary:#fca5a5;
--dark:#991b1b;
--light:#fef2f2;
--body:#fff7f7;
--text:#1f2937;
--text-light:#6b7280;
--border:#fecaca;
--shadow-lg:0 20px 60px rgba(239,68,68,.25);
}

/*=========================================
              FARMER THEME
=========================================*/

body.theme-farmer{
--primary:#16a34a;
--secondary:#86efac;
--dark:#166534;
--light:#ecfdf5;
--body:#f8fffb;
--text:#1f2937;
--text-light:#6b7280;
--border:#bbf7d0;
--shadow-lg:0 20px 60px rgba(22,163,74,.25);
}

/*=========================================
           FURNITURE THEME
=========================================*/

body.theme-furniture{
--primary:#8b5e34;
--secondary:#d6b48a;
--dark:#5b3a1f;
--light:#faf2ea;
--body:#fdfbf8;
--text:#1f2937;
--text-light:#6b7280;
--border:#ead7c2;
--shadow-lg:0 20px 60px rgba(139,94,52,.25);
}


/*=========================================
      AUTO APPLY COMPONENT COLORS
=========================================*/

body[class*="theme-"]{
background:var(--body);
color:var(--text);
transition:.35s;
}

body[class*="theme-"] .navbar{
background:#fff;
}

body[class*="theme-"] .navbar-brand{
color:var(--dark)!important;
}

body[class*="theme-"] .nav-link.active,
body[class*="theme-"] .nav-link:hover{
color:var(--primary)!important;
}

body[class*="theme-"] .btn-primary{
background:linear-gradient(135deg,var(--dark),var(--primary));
border:none;
}

body[class*="theme-"] .btn-primary:hover{
background:linear-gradient(135deg,var(--primary),var(--secondary));
box-shadow:var(--shadow-lg);
}

body[class*="theme-"] .btn-outline-primary{
border-color:var(--primary);
color:var(--primary);
}

body[class*="theme-"] .btn-outline-primary:hover{
background:var(--primary);
color:#fff;
}

body[class*="theme-"] .card{
border-color:var(--border);
}

body[class*="theme-"] .card-header{
background:linear-gradient(135deg,var(--dark),var(--primary));
}

body[class*="theme-"] .table thead{
background:linear-gradient(135deg,var(--dark),var(--primary));
}

body[class*="theme-"] .table tbody tr:hover{
background:var(--light);
}

body[class*="theme-"] .modal-header{
background:linear-gradient(135deg,var(--dark),var(--primary));
}

body[class*="theme-"] .modal-title{
color:#fff;
}

body[class*="theme-"] .form-control:focus,
body[class*="theme-"] .form-select:focus{
border-color:var(--primary);
box-shadow:0 0 0 .2rem rgba(0,0,0,.05),0 0 0 .25rem color-mix(in srgb,var(--primary) 20%,transparent);
}

body[class*="theme-"] .page-item.active .page-link{
background:var(--primary);
border-color:var(--primary);
}

body[class*="theme-"] .page-link{
color:var(--primary);
}

body[class*="theme-"] .badge.bg-primary{
	background: var(--primary) !important;
    color: #fff !important;
}

body[class*="theme-"] .progress-bar{
background:linear-gradient(90deg,var(--dark),var(--primary));
}

body[class*="theme-"] .accordion-button:not(.collapsed){
background:linear-gradient(135deg,var(--dark),var(--primary));
color:#fff;
}

body[class*="theme-"] .dropdown-item:hover{
background:var(--light);
color:var(--primary);
}

body[class*="theme-"] .icon-box{
background:var(--light);
color:var(--primary);
}

body[class*="theme-"] .icon-box:hover{
background:var(--primary);
color:#fff;
}

body[class*="theme-"] ::-webkit-scrollbar-thumb{
background:var(--primary);
}

body[class*="theme-"] ::selection{
background:var(--primary);
color:#fff;
}

/*=========================================
         COMPONENT AUTO COLOR
=========================================*/

body.theme-auto .text-theme,
body.theme-medical .text-theme,
body.theme-furniture .text-theme{
color:var(--primary)!important;
}

body.theme-auto .bg-theme,
body.theme-medical .bg-theme,
body.theme-furniture .bg-theme{
background:linear-gradient(135deg,var(--dark),var(--primary));
color:#fff;
}

body.theme-auto .border-theme,
body.theme-medical .border-theme,
body.theme-furniture .border-theme{
border-color:var(--primary)!important;
}

body.theme-auto .alert-primary,
body.theme-medical .alert-primary,
body.theme-furniture .alert-primary{
background:var(--light);
color:var(--primary);
}

body.theme-auto .list-group-item:hover,
body.theme-medical .list-group-item:hover,
body.theme-furniture .list-group-item:hover{
background:var(--light);
}

body.theme-auto .timeline::before,
body.theme-medical .timeline::before,
body.theme-furniture .timeline::before{
background:var(--primary);
}

body.theme-auto .timeline-item::before,
body.theme-medical .timeline-item::before,
body.theme-furniture .timeline-item::before{
background:var(--primary);
box-shadow:0 0 0 3px var(--primary);
}

body.theme-auto .avatar,
body.theme-medical .avatar,
body.theme-furniture .avatar{
border-color:var(--primary);
}

body.theme-auto .search-box i,
body.theme-medical .search-box i,
body.theme-furniture .search-box i{
color:var(--primary);
}

body.theme-auto a,
body.theme-medical a,
body.theme-furniture a{
color:var(--primary);
}

body.theme-auto a:hover,
body.theme-medical a:hover,
body.theme-furniture a:hover{
color:var(--dark);
}

body.theme-auto .spinner-border,
body.theme-auto .spinner-grow,
body.theme-medical .spinner-border,
body.theme-medical .spinner-grow,
body.theme-furniture .spinner-border,
body.theme-furniture .spinner-grow{
color:var(--primary);
}

body.theme-auto .toast-header,
body.theme-medical .toast-header,
body.theme-furniture .toast-header{
background:var(--primary);
color:#fff;
}

body.theme-auto .progress-bar,
body.theme-medical .progress-bar,
body.theme-furniture .progress-bar{
background:linear-gradient(90deg,var(--dark),var(--primary));
}
/*=========================================
            MARKET THEME
=========================================*/

body.theme-market{
--primary:#c026d3;
--secondary:#f0abfc;
--dark:#86198f;
--light:#fae8ff;
--body:#fefcff;
--text:#1f2937;
--text-light:#6b7280;
--border:#f5d0fe;
--shadow-lg:0 20px 60px rgba(192,38,211,.25);
}

/*=========================================
            OTHERS THEME
=========================================*/

body.theme-others{
--primary:#64748b;
--secondary:#cbd5e1;
--dark:#334155;
--light:#f8fafc;
--body:#ffffff;
--text:#1f2937;
--text-light:#6b7280;
--border:#e2e8f0;
--shadow-lg:0 20px 60px rgba(100,116,139,.25);
}

/*=========================================
        YOUTH ENTREPRENEUR
=========================================*/

body.theme-youth{
--primary:#2563eb;
--secondary:#60a5fa;
--dark:#0f3d91;
--light:#eaf3ff;
--body:#f8fbff;
--text:#1f2937;
--text-light:#6b7280;
--border:#bfdbfe;
--shadow-lg:0 20px 60px rgba(37,99,235,.25);
}

/*=========================================
          COMPONENT COLORS
=========================================*/

body.theme-market .navbar,
body.theme-others .navbar,
body.theme-youth .navbar{
background:#fff;
}

body.theme-market .navbar-brand,
body.theme-others .navbar-brand,
body.theme-youth .navbar-brand{
color:var(--dark)!important;
}

body.theme-market .btn-primary,
body.theme-others .btn-primary,
body.theme-youth .btn-primary{
background:linear-gradient(135deg,var(--dark),var(--primary));
border:none;
}

body.theme-market .btn-primary:hover,
body.theme-others .btn-primary:hover,
body.theme-youth .btn-primary:hover{
background:linear-gradient(135deg,var(--primary),var(--secondary));
box-shadow:var(--shadow-lg);
}

body.theme-market .btn-outline-primary,
body.theme-others .btn-outline-primary,
body.theme-youth .btn-outline-primary{
border-color:var(--primary);
color:var(--primary);
}

body.theme-market .btn-outline-primary:hover,
body.theme-others .btn-outline-primary:hover,
body.theme-youth .btn-outline-primary:hover{
background:var(--primary);
color:#fff;
}

body.theme-market .card,
body.theme-others .card,
body.theme-youth .card{
border-color:var(--border);
}

body.theme-market .card-header,
body.theme-others .card-header,
body.theme-youth .card-header,
body.theme-market .modal-header,
body.theme-others .modal-header,
body.theme-youth .modal-header,
body.theme-market .table thead,
body.theme-others .table thead,
body.theme-youth .table thead{
background:linear-gradient(135deg,var(--dark),var(--primary));
}

body.theme-market .table tbody tr:hover,
body.theme-others .table tbody tr:hover,
body.theme-youth .table tbody tr:hover{
background:var(--light);
}

body.theme-market .form-control:focus,
body.theme-market .form-select:focus,
body.theme-others .form-control:focus,
body.theme-others .form-select:focus,
body.theme-youth .form-control:focus,
body.theme-youth .form-select:focus{
border-color:var(--primary);
box-shadow:0 0 0 .2rem rgba(0,0,0,.04);
}

body.theme-market .page-item.active .page-link,
body.theme-others .page-item.active .page-link,
body.theme-youth .page-item.active .page-link{
background:var(--primary);
border-color:var(--primary);
}

body.theme-market .badge.bg-primary,
body.theme-others .badge.bg-primary,
body.theme-youth .badge.bg-primary{
background:var(--primary)!important;
}

body.theme-market .progress-bar,
body.theme-others .progress-bar,
body.theme-youth .progress-bar{
background:linear-gradient(90deg,var(--dark),var(--primary));
}

body.theme-market .icon-box,
body.theme-others .icon-box,
body.theme-youth .icon-box{
background:var(--light);
color:var(--primary);
}

body.theme-market .icon-box:hover,
body.theme-others .icon-box:hover,
body.theme-youth .icon-box:hover{
background:var(--primary);
color:#fff;
}

body.theme-market .timeline::before,
body.theme-others .timeline::before,
body.theme-youth .timeline::before,
body.theme-market .timeline-item::before,
body.theme-others .timeline-item::before,
body.theme-youth .timeline-item::before{
background:var(--primary);
}

body.theme-market .avatar,
body.theme-others .avatar,
body.theme-youth .avatar{
border-color:var(--primary);
}

body.theme-market .dropdown-item:hover,
body.theme-others .dropdown-item:hover,
body.theme-youth .dropdown-item:hover{
background:var(--light);
color:var(--primary);
}

body.theme-market ::-webkit-scrollbar-thumb,
body.theme-others ::-webkit-scrollbar-thumb,
body.theme-youth ::-webkit-scrollbar-thumb{
background:var(--primary);
}
/*=========================================
          E-COMMERCE THEME
=========================================*/

body.theme-ecommerce{
--primary:#0284c7;
--secondary:#7dd3fc;
--dark:#075985;
--light:#e0f2fe;
--body:#f7fcff;
--text:#1f2937;
--text-light:#6b7280;
--border:#bae6fd;
--shadow-lg:0 20px 60px rgba(2,132,199,.25);
}

/*=========================================
        GANGA PLUS EXPRESS
=========================================*/

body.theme-ganga{
--primary:#059669;
--secondary:#34d399;
--dark:#065f46;
--light:#ecfdf5;
--body:#f8fffb;
--text:#1f2937;
--text-light:#6b7280;
--border:#a7f3d0;
--shadow-lg:0 20px 60px rgba(5,150,105,.25);
}

/*=========================================
            FOOD PLUS
=========================================*/

body.theme-foodplus{
--primary:#ca8a04;
--secondary:#fde047;
--dark:#a16207;
--light:#fef9c3;
--body:#fffef7;
--text:#1f2937;
--text-light:#6b7280;
--border:#fde68a;
--shadow-lg:0 20px 60px rgba(202,138,4,.25);
}

/*=========================================
          GLOBAL COMPONENTS
=========================================*/

body.theme-ecommerce .navbar,
body.theme-ganga .navbar,
body.theme-foodplus .navbar{
background:#fff;
}

body.theme-ecommerce .navbar-brand,
body.theme-ganga .navbar-brand,
body.theme-foodplus .navbar-brand{
color:var(--dark)!important;
font-weight:700;
}

body.theme-ecommerce .nav-link:hover,
body.theme-ganga .nav-link:hover,
body.theme-foodplus .nav-link:hover,
body.theme-ecommerce .nav-link.active,
body.theme-ganga .nav-link.active,
body.theme-foodplus .nav-link.active{
background:var(--light);
color:var(--primary)!important;
border-radius:10px;
}

body.theme-ecommerce .btn-primary,
body.theme-ganga .btn-primary,
body.theme-foodplus .btn-primary{
background:linear-gradient(135deg,var(--dark),var(--primary));
border:none;
}

body.theme-ecommerce .btn-primary:hover,
body.theme-ganga .btn-primary:hover,
body.theme-foodplus .btn-primary:hover{
background:linear-gradient(135deg,var(--primary),var(--secondary));
box-shadow:var(--shadow-lg);
transform:translateY(-2px);
}

body.theme-ecommerce .btn-outline-primary,
body.theme-ganga .btn-outline-primary,
body.theme-foodplus .btn-outline-primary{
border:2px solid var(--primary);
color:var(--primary);
}

body.theme-ecommerce .btn-outline-primary:hover,
body.theme-ganga .btn-outline-primary:hover,
body.theme-foodplus .btn-outline-primary:hover{
background:var(--primary);
color:#fff;
}

body.theme-ecommerce .card,
body.theme-ganga .card,
body.theme-foodplus .card{
border-color:var(--border);
}

body.theme-ecommerce .card-header,
body.theme-ganga .card-header,
body.theme-foodplus .card-header{
background:linear-gradient(135deg,var(--dark),var(--primary));
color:#fff;
}

body.theme-ecommerce .modal-header,
body.theme-ganga .modal-header,
body.theme-foodplus .modal-header{
background:linear-gradient(135deg,var(--dark),var(--primary));
}

body.theme-ecommerce .table thead,
body.theme-ganga .table thead,
body.theme-foodplus .table thead{
background:linear-gradient(135deg,var(--dark),var(--primary));
color:#fff;
}

body.theme-ecommerce .table tbody tr:hover,
body.theme-ganga .table tbody tr:hover,
body.theme-foodplus .table tbody tr:hover{
background:var(--light);
}

body.theme-ecommerce .form-control:focus,
body.theme-ecommerce .form-select:focus,
body.theme-ganga .form-control:focus,
body.theme-ganga .form-select:focus,
body.theme-foodplus .form-control:focus,
body.theme-foodplus .form-select:focus{
border-color:var(--primary);
box-shadow:0 0 0 .2rem rgba(0,0,0,.04);
}

body.theme-ecommerce .badge.bg-primary,
body.theme-ganga .badge.bg-primary,
body.theme-foodplus .badge.bg-primary{
background:var(--primary)!important;
}

body.theme-ecommerce .page-item.active .page-link,
body.theme-ganga .page-item.active .page-link,
body.theme-foodplus .page-item.active .page-link{
background:var(--primary);
border-color:var(--primary);
}

body.theme-ecommerce .dropdown-item:hover,
body.theme-ganga .dropdown-item:hover,
body.theme-foodplus .dropdown-item:hover{
background:var(--light);
color:var(--primary);
}

body.theme-ecommerce .progress-bar,
body.theme-ganga .progress-bar,
body.theme-foodplus .progress-bar{
background:linear-gradient(90deg,var(--dark),var(--primary));
}

body.theme-ecommerce .icon-box,
body.theme-ganga .icon-box,
body.theme-foodplus .icon-box{
background:var(--light);
color:var(--primary);
}

body.theme-ecommerce .icon-box:hover,
body.theme-ganga .icon-box:hover,
body.theme-foodplus .icon-box:hover{
background:var(--primary);
color:#fff;
transform:translateY(-5px);
}

body.theme-ecommerce .avatar,
body.theme-ganga .avatar,
body.theme-foodplus .avatar{
border-color:var(--primary);
}

body.theme-ecommerce .timeline::before,
body.theme-ganga .timeline::before,
body.theme-foodplus .timeline::before,
body.theme-ecommerce .timeline-item::before,
body.theme-ganga .timeline-item::before,
body.theme-foodplus .timeline-item::before{
background:var(--primary);
}

body.theme-ecommerce a,
body.theme-ganga a,
body.theme-foodplus a{
color:var(--primary);
}

body.theme-ecommerce a:hover,
body.theme-ganga a:hover,
body.theme-foodplus a:hover{
color:var(--dark);
}

body.theme-ecommerce ::-webkit-scrollbar-thumb,
body.theme-ganga ::-webkit-scrollbar-thumb,
body.theme-foodplus ::-webkit-scrollbar-thumb{
background:var(--primary);
}

body.theme-ecommerce ::selection,
body.theme-ganga ::selection,
body.theme-foodplus ::selection{
background:var(--primary);
color:#fff;
}
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1366px;
    }
}

.search-offcanvas {
	height: 100vh !important;
	background: #f8faff;
	border: 0 !important;
}
.search-content {
	width: 100%;
	margin: 0 auto;
}
.search-label {
	display: inline-flex;
	align-items: center;
	color: #0d6efd;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
}
.search-title {
	font-size: clamp(28px, 4vw, 48px);
	font-weight: 700;
	color: #172033;
	margin-bottom: 30px;
}
.search-form .input-group {
	background: #fff;
	border: 1px solid #dfe3e8;
	border-radius: 16px;
	padding: 7px;
	box-shadow: 0 12px 35px rgba(30, 64, 175, .08);
}
.search-form .input-group-text {
	background: transparent;
	border: 0;
	padding-left: 18px;
	color: #64748b;
	font-size: 20px;
}
.search-form .form-control {
	border: 0;
	box-shadow: none !important;
	height: 52px;
	font-size: 16px;
}
.search-form .btn {
	border-radius: 11px !important;
	padding: 0 25px;
	font-weight: 600;
}
.popular-searches {
	margin-top: 35px;
}
.search-tag {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 14px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	color: #475569;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	transition: all .2s ease;
}
.search-tag:hover {
	color: #0d6efd;
	border-color: #0d6efd;
	background: #f0f6ff;
	transform: translateY(-2px);
}
.category-box {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 18px 15px;
	background: #fff;
	border: 1px solid #e9ecef;
	border-radius: 14px;
	color: #172033;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .03);
	transition: all .2s ease;
}
.category-box i {
	font-size: 23px;
}
.category-box:hover {
	color: #0d6efd;
	border-color: #0d6efd;
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(13, 110, 253, .08);
}
.text-purple {
	color: #7c3aed !important;
}
@media (max-width: 767.98px) {
	.search-header {
		padding: 14px 15px;
	}
	.search-body {
		padding: 35px 15px 50px;
	}
	.search-title {
		margin-bottom: 22px;
	}
	.search-form .input-group {
		display: flex;
		flex-wrap: wrap;
		padding: 5px;
	}
	.search-form .input-group-text {
		padding-left: 12px;
	}
	.search-form .form-control {
		flex: 1;
		min-width: 0;
	}
	.search-form .btn {
		width: 100%;
		height: 48px;
		margin-top: 5px;
	}
	.search-tag {
		font-size: 12px;
	}
}