@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Teko:wght@300..700&display=swap');
/*
font-family: "Manrope", sans-serif;
*/

body {font-family: "serif", sans-serif;font-size: var(--font-14);}
h1,h2,h3,h4,h5,h6{color:var(--off-black);}
a:hover {text-decoration: none;}
a {display: inline-block;color: inherit;text-decoration: none;}
p:nth-last-child(1) {margin: 0;}
ul,
ol {margin: 0;padding: 0;}
button,
button:focus,
input:focus,
.form-control:focus,
.form-select:focus,
.form-check-input:focus {outline: 0;box-shadow: none;font-family: "serif", sans-serif;}
.btn{padding: 8px 15px;font-weight: 600;}
.blue-btn:hover, .border-btn:hover{background-color: var(--secondary-color);color:var(--white);}
.border-btn{border:1px solid var(--secondary-color-blue);color:var(--secondary-color-blue);font-size: var(--font-14);}
.btn-inactive,.btn-inactive:hover{background:var(--light-font-color);color:var(--white);cursor: no-drop;font-size: var(--font-14);}
:root{
	--primary-color: #8A5235;
    --light-primary: #F5F0E8;
    --secondary-color: #B9472F;
    --light-secondary: #E6A26A;
    --dark-font-color: #070619;
    --light-font-color: #83838C;
    --border-color: #E6E6E8;
    --white:#fff;
    --font-12: 12px;
    --font-14: 14px;
    --font-18: 18px;
    --font-24: 24px;
    --font-16: 16px;
}

/*Left Menu*/
.intersight_menu{background-color:rgb(102 50 13);    max-width: 264px;height: 100vh;position: fixed;width: 100%;left: 0;top: 0;}
.top_menu{padding:16px;}
.brand .brand-logo img{height:39px;}

.menu_div{margin-top: 25px;}
.menu_div li.without_label{font-size: 12px;font-weight: 600;color: rgb(255 255 255 / 40%);text-transform: uppercase;padding: 25px 10px 10px;}
.menu_div ul{list-style-type: none;}
.menu_div li a{
        text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding: 8px 8px;
    display: inline-block;
    color: #fff !important;
    font-weight: 500 !important;
}
.menu_div li a.active, .menu_div li a:hover{    background: linear-gradient(180deg, #fbbe8d 0%, #c36a21 100%);
    border-radius: 10px;}
/* .menu_div li a.active svg path, .menu_div li a:hover svg path{fill:var(--secondary-color-blue);} */
.menu_div li a span{ margin-right: 9px !important;}
.bottom_menu{position: absolute;bottom: 20px;left: 0;right: 0;}
.bottom_menu p{border-bottom: 1px solid #525172;padding: 0px 26px 20px;}
.bottom_menu p a{color:#A2A0FD;font-weight: 600;line-height: 24px;}
.user_person{background:  linear-gradient(180deg, #fbbe8d 0%, #c36a21 100%);
    margin: 0 10px;
    border-radius: 20px;
    padding: 20px;
}
.bottom_menu .dropdown button{background: transparent;color: #fff;text-align: left;gap: 3px;
    padding: 0;}
.bottom_menu .dropdown .dropdown-menu li .dropdown-item{color: #000;font-size: var(--font-14);padding: 4px 10px;display: block;height: auto;}
.person_icon{background: #ffffff;width: 40px;height: 40px;border-radius: 50%;}
.person_name span{font-size: 12px;color: rgb(255 255 255 / 56%);}
@media(min-width:1199px){.navbar-toggler{display:none;}}

.navbar-toggle .icon-bar:nth-of-type(2) {top: 4px;}
.navbar-toggle .icon-bar:nth-of-type(3) {top: 8px;}
.navbar-toggle .icon-bar {position: relative;transition: all 500ms ease-in-out;background-color: #fff;display: block;width: 22px;height: 2px;border-radius: 1px;}
.navbar-toggle.active .icon-bar:nth-of-type(1) {top: 6px;transform: rotate(45deg);}
.navbar-toggle.active .icon-bar:nth-of-type(2) {background-color: transparent;}
.navbar-toggle.active .icon-bar:nth-of-type(3) {top: 2px;transform: rotate(-45deg);}

/*Shutter body*/
.body_content{padding: 0px 65px 16px;  }
.intersight_content{position: relative;width: calc(100% - 264px);margin-left: auto;  background-color: #fff9f4;    height: 100vh;    overflow-y: auto;}
.top_header{margin-bottom: 35px;border-bottom: 1px solid var(--border-color);padding: 12px 65px 12px;}
.top_header h1{font-size:var(--font-24);color:var(--dark-font-color);font-weight: 600;margin-bottom: 0;}
.header-search input{color:#B5B4BA;border-color: var(--border-color);height:36px;font-size: var(--font-14);background:#F2F2F3 url(../image/search.svg) no-repeat left 10px center;padding-left: 38px;}
.header-search input::placeholder{color:#B5B4BA;}
.header-search{max-width: 456px;width:100%;}
.header_icon{width: 36px;height: 36px;border: 1px solid var(--border-color);border-radius: 4px;}
.notification_alert{background-color: #E20002;width: 8px;height: 8px;border-radius: 50%;position: absolute;top: 7px;right: 7px;}
h2.body_heading{color:var(--dark-font-color);font-weight: 600;font-size:var(--font-18);margin-bottom:15px;}
.dashboard_box{border-radius: 4px;border:1px solid var(--border-color);}
.mb-30{margin-bottom:30px;}
.mt-20{margin-top:20px;}
h2.body_heading a {font-size: var(--font-14);font-weight: 600;color: var(--secondary-color-blue);}
.simler-company {border: 1px solid var(--border-color);border-radius: 4px;margin-bottom: 40px;}
.simler-company .simler-company-details {border-bottom: 1px solid var(--border-color);padding: 15px;}
.company-logo-dropdown .company-dropdown {width: 50px;height: 50px;flex: 0 0 50px;border-radius: 4px;overflow: hidden;}
.record label{font-size: var(--font-16);color: var(--dark-font-color);font-weight: 600;}
.record label i{font-size: var(--font-12);color: var(--light-font-color);font-weight: 400;font-style: normal;}
.record span {font-size: var(--font-14);color: var(--light-font-color);}
.record label:hover a{color:var(--secondary-color-blue);}
.simler-company-details.change-request .company-dropdown{background-color: #f2f2f3;border-radius: 50%;}

/*Login signup*/
.inner_content_one h1 {color: var(--dark-font-color);text-align: center;font-size: var(--font-24);font-style: normal;font-weight: 700;line-height: 38px;margin-bottom: 5px;}
.inner_content_one h2 {color: var(--dark-font-color);text-align: center;font-size: 40px;font-style: normal;font-weight: 700;}
.form_sec {max-width: 535px;margin: auto;}
.form-label-custom {color: #3a3541;font-size: 15px;font-weight: 500;}
.form-control-custom { border-radius: 4px;border: 1px solid #c8c8c8;background: var(--white);height: 48px;font-size: 14px;}
.password_svg svg {position: absolute;bottom: 12px;right: 12px;}
.remember_div .form-check .form-check-input {width: 18px;height: 18px;border-radius: 4px;margin-top: 4px;margin-right: 10px;position: relative;top: -2px;}
.remember_div .form-check-label {color: var(--Body-Color, #494454);font-size: 16px;font-weight: 400;line-height: normal;}
.link_forget {color: #5f76e8;font-size: 16px;font-weight: 500;line-height: normal;}
.gradient_bg {background-image: url(../image/bg-vecter.png);background-repeat: no-repeat;background-position: top center;background-size: cover;position: relative;}
.gradient_bg::before {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: var(--primary-color);z-index: -1;}
.inner_content_two {padding: 40px 33px 140px 30px;height: 100vh;display: flex;flex-direction: column;justify-content: space-between;position: relative;}
.heading_41 {color: var(--white);font-size: 36px;font-weight: 500;line-height: normal;}
.para_18{font-size: var(--font-18);}
.mb-30 {margin-bottom: 7px;}
.mt-30 {margin-top: 14px;}
.forgot-password p{color: var(--light-font-color);font-size: var(--font-16);text-align: center;max-width: 500px;margin: 0 auto;}

.link_forget { color: #5f76e8; font-size: 16px;font-weight: 500;line-height: normal;}
.logout-popup {padding: 30px 0px;}
.logout-popup span {width: 70px;height: 70px;background: #f22020;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 25px;}
.logout-popup h3 {font-size: 24px;font-weight: 500;color: var(--dark-font-color);font-weight: 600;}
.logout-popup p {font-size: 16px;color: var(--light-font-color);}
.task_table .table thead {border-radius: 4px;background: #F5F5F5;color: #9F9EA6;border-radius: 4px;}
.task_table .table thead tr th {border-bottom: transparent;font-weight: 400;padding: .8rem .5rem;}
.task_table .table tbody tr td {color: var(--dark-font-color);font-weight: 500;vertical-align: middle;padding: .6rem .5rem;}
.input_checkbox {width: 24px; height: 24px;position: absolute;left: 10px;top: 10px;margin-top: 0;}
.input_checkbox:checked {background-color: #00C2A3;border-color: #00C2A3;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");}
.status {background: #E2E2E4;padding: 6px 10px;border-radius: 30px;color: #83838C;display: inline-block;}
.assigned-member {width: 32px;height: 32px;border-radius: 50%;overflow: hidden;}
.status.status_done {color: #155B51;background: #D5FBF5;}
.action_btn{border: 1px solid #ddd; width: 30px;height: 30px;text-align: center;line-height: 24px;border-radius: 4px;}
.explore_filter img {position: absolute;top: 50%;transform: translateY(-50%);left: 10px;}
.search_tab input {border: 1px solid var(--border-color);border-radius: 4px;height: 28px;font-size: 12px; min-width: 250px;padding: 0px 0px 0px 30px;}
.small_btn {font-size: 12px;padding: 4px 10px;}

.brand button {font-size: var(--font-14);height: 46px;text-align: left;border-radius: 4px;background-color: var(--light-primary);color: var(--white);gap: 10px;position: relative;}
.brand button span {width: 38px;height: 38px;border-radius: 8px;background-color: #ECECFF;}
.brand button:after, .bottom_menu .dropdown button:after {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
/* .menu_div li a.active svg path, .menu_div li a:hover svg path {fill: #fff;} */
.opportunities-box {border-radius: 4px;border: 1px solid var(--border-color);padding: 15px;}
.opportunities-box .opportunities-icon {height: 32px;width: 32px;background: #E6E6E8;border-radius: 4px;margin-bottom: 18px;display: flex;align-items: center;justify-content: center;}
.opportunities-box p {font-size: 13px;color: var(--light-font-color);font-weight: 500;}
.opportunities-box h4 {color: var(--dark-font-color);font-weight: 600;font-size: var(--font-16);margin-bottom: 0;margin-top: 3px;}
h2.body_heading {color: var(--dark-font-color);font-weight: 600;font-size: var(--font-18);margin-bottom: 20px;}
.body_heading.width-left-border {border-left: 3px solid #C7C6FE;padding-left: 10px;border-radius: 2px;}
@media (min-width: 1200px) {.table-responsive {overflow-x: visible;}}
.task_table .table thead {border-radius: var(--Medium, 4px);background: #F5F5F5;color: #9F9EA6;border-radius: 4px;}
.task_table .table thead tr th {border-bottom: transparent;font-weight: 400;padding: .8rem .5rem;}
.task_table .table tbody tr td {color: var(--dark-font-color);font-weight: 500;vertical-align: middle;padding: .8rem .5rem;}
.company-logo-dropdown .dropdown button {background: transparent;}
.company-logo-dropdown .dropdown button:after{ display:none;}
.company-logo-dropdown .dropdown-menu {border: none;border: none;min-width: 120px;}
.company-logo-dropdown .dropdown-menu li a {padding: 4px 10px;font-weight: 500;font-size: var(--font-14);}

.tags{background: #ddd;border-radius: 30px;padding: 4px 10px;}
.awarded-tag{background: #E6E5FF;}
.blue-btn {background-color: var(--secondary-color);color: var(--white);font-size: var(--font-14);}
.small_btn {font-size: 12px;padding: 4px 15px;}
.small_btn img {vertical-align: text-bottom;}
.no-records p{color:var(--light-font-color);margin-top: 15px;}
.no-records{padding-top:30px !important;}
@media (min-width: 576px) {.big-modal .modal-dialog {max-width: 1000px;}}
.modal-title{font-size: var(--font-18);}
.form-style .cancel {font-weight: 600;color: var(--dark-font-color);margin-right: 30px;}
.form-style .blue-btn {width: 140px;}
.font-14{font-size: 14px;font-weight: 500;}
.form-design label{color:var(--dark-font-color);margin-bottom: 7px;}
.form-design label sup{color: #f00;font-size: 18px;top: 0;}
.form-design input.form-control, .form-design select{font-size: var(--font-14);font-weight: 500;height: 40px;}
.form-design .form-group{margin-bottom:15px;}
.middle-heading h4{color: var(--dark-font-color);font-weight: 600;font-size: var(--font-16);border-bottom: 1px solid var(--border-color);padding-bottom: 15px;margin-bottom: 15px;margin-top: 15px;}
input.form-check-input{width: 18px;height: 18px;}
label.form-check-label{vertical-align: middle;margin-left: 5px;}
.calender-input img{position: absolute;top: 10px;right: 10px;pointer-events: none;}
.calender-input input::-webkit-calendar-picker-indicator{opacity: 0;}
.upload-photo{border: 1px solid #ddd;border-radius: 6px;height: 40px;}
.upload-photo input{opacity: 0;}
.upload-photo span{position: absolute;top: 8px;left: 10px;color: var(--light-font-color);pointer-events: none;}

/*Tabs*/
.engage-tabs .nav {border-bottom: 1px solid var(--border-color);margin-bottom: 40px;}
.engage-tabs .nav .nav-item .nav-link {color: var(--light-font-color);border-bottom: 3px solid transparent;border-radius: 0px;padding: 0px 12px 15px;margin-right: 10px;font-weight: 500;}
.engage-tabs .nav .nav-item .nav-link.active {border-bottom: 3px solid var(--secondary-color);background-color: transparent;color: var(--secondary-color);}
.engage-tabs .nav .nav-item .nav-link.active svg path{fill: var(--secondary-color);}
.engage-tabs .nav .nav-item .nav-link span {display: inline-block;margin-right: 5px;}
.professional_info{border:1px solid var(--border-color);border-radius: 8px;padding:20px;}
.font-16{font-size: var(--font-16);color:var(--dark-font-color);font-weight:600; }
.my-info span{font-size: 12px;font-weight: 500;color: var(--light-font-color);margin-bottom: 4px;}
.my-info label{font-size: 13px;font-weight: 500;color: var(--dark-font-color);text-overflow: ellipsis;overflow: hidden;}
.my-info{margin-top: 12px;}

.address_list{padding:20px 15px;background-color: #f5f5f5;border:1px solid #ddd;border-radius: 8px;}
.address_list h6{font-weight: 600;}
.address_list span{font-weight: 500;color: var(--light-font-color);font-size: 13px;}
.additional_direction{margin-top:15px;}
.filter_option h6{font-size: 15px;color: var(--light-font-color);margin-bottom: 15px;}
.filter_option a{min-width: 80px;background: #f5f5f5;color: var(--light-font-color);font-size: var(--font-14);text-align: center;padding: 6px 12px;border-radius: 8px;display: inline-block;margin-right: 3px;}

.notes_card{background-color: #F7F7F8;border-radius: 4px;padding: 15px;}
.notes_header span {color: var(--light-font-color);font-size: var(--font-12);}
.notes_card, .note_topic {background-color: #F7F7F8;border-radius: 8px;padding: 15px;}
.pricing_terms {border-bottom: 1px solid var(--border-color);padding-bottom: 12px;margin-bottom: 12px;}
.pricing_terms h6 {margin-top: 6px;font-size: var(--font-14);font-weight: 600;color: var(--dark-font-color);margin-bottom: 0px;}
.note_topic p {font-weight: 500;margin-bottom: 0;color: var(--light-font-color);font-size: var(--font-12);}
.border-btn {border: 1px solid var(--secondary-color);color: var(--secondary-color);font-size: var(--font-14);}
.notes_header .title-job span{line-height: 18px;display: block;margin-top: 5px;}
.pricing_terms ul{padding-left: 20px;margin-top: 6px;}
.pricing_terms ul li{font-size: 13px;font-weight: 500;color: var(--dark-font-color);line-height: 24px;}
.attchment-file{border: 1px solid var(--border-color);border-radius: 8px;text-align: center;line-height: 70px;margin-top: 10px;}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #002a54; font-size: 16px; margin-bottom: 5px;font-weight: 600;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 16px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute;width: 20px;height: 20px;display: block;background: var(--secondary-color);top: 15px;left: 50%;margin-top: -15px;margin-left: -15px;border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .progress {position: relative;border-radius: 0px;height: 2px;box-shadow: none;margin: 10px 0 15px;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: var(--secondary-color);;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #D9D9D9;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none;}
.bs-wizard > .bs-wizard-step a.bs-wizard-dot svg{position: relative;top: -2px;}
.bs-wizard > .bs-wizard-step.complete a.bs-wizard-dot svg path{fill:#fff;}
/*END Form Wizard*/
.custom-tooltip {--bs-tooltip-bg: var(--secondary-color);}
.attchment-file:hover{background-color:#f5f5f5;}
.filter_option a.active{background: var(--secondary-color);color:#fff;}
.create_jobs{background-color:#F3F3F3;border-radius: 8px;    height: 100%;}
.create_jobs a{display: flex;align-items: center;justify-content: center;height: 100%;flex-direction: column;}
.create_jobs a span{font-size: var(--font-16);font-weight: 500;margin-top: 6px;color: var(--dark-font-color);}
.engage-tabs ul li{line-height: 24px;}
.create_jobs a:hover{background: #eeeeff;border-radius: 8px;}

/* punam css */
.menu-scrollable {
    max-height: calc(100vh - 220px);
    overflow-y: auto;
    padding: 14px 16px;
    padding-top: 0;
}
.menu-top {
    padding: 14px 16px;
    padding-bottom: 0;
}
.side-logo {
    background-color: #fff;
    box-shadow: 0px 1px 2px 0px #83838C0A;
    border-radius: 4px;
    padding: 4px;
    box-shadow: 0px 1px 2px 0px #83838C0A;
    box-shadow: 0px 4px 6px 0px #83838C05;
}
.side-logo img{height: 40px;}
.menu_div li{margin-bottom: 12px;}
.sidebar-footer{padding:10px;position: absolute;width: 100%;bottom: 0; }
.sidebar-footer a{font-weight:var(--font-600);color: #ffffff;}
.sidebar-footer p{color: #ffffff;}
.sidebar-footer-inner{border-radius: 20px;padding: 20px;text-align: center; position: relative;background: var(--gradient-bg-blue);overflow: hidden;
}
.sidebar-footer-inner::before{content: '';background-image: url('../image/f-left.png'), url('../image/f-right.png');background-position: left bottom, right top;
background-repeat: no-repeat, no-repeat;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.user_person .dropdown-menu.show {
display: block;width: 220px !important;border-radius: 20px;box-shadow: 0px 0px 6px 2px #7272726b;border: none;}
.bottom_menu .dropdown .dropdown-menu li .dropdown-item {padding: 6px 17px;
}
.bottom_menu .dropdown .dropdown-menu li .dropdown-item:hover{    background: linear-gradient(180deg, #fbbe8d 0%, #c36a21 100%);
    border-radius: 10px;color: #fff;font-weight: 500;
} 

/* header css */
header{border-bottom:1px solid #bf6c304d;padding: 10px;}
 .header-inner{display: flex;align-items: center;justify-content: space-between;}
 .input-search-icon{position: absolute;}
 .search-wrapper .form-control{font-size: var(--font-14);background-color: #ffffff;border: none; border-radius: 8px;padding: 9px 20px;box-shadow: 0px 4px 34px 0px #0000000A;
padding-left: 40px;min-width: 300px;}
 .header-left h3{font-size: var(--font-20);color:black;}
 .input-search-icon { position: absolute; top: 7px; left: 14px;}
 .header-icon{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 4px;cursor: pointer;}
.header-icon.Notification{background: #E4F8FF;}
.header-icon.Notification svg path{stroke: #1F7E9F;}
.notification-number{width: 19px;height: 19px;border-radius: 50%;background-color: #1F7E9F;font-size: 12px;font-weight: var(--font-600);color: #fff;display: flex;align-items: center;justify-content: center;position: absolute;top: -2px;right: -3px;}
.profile-right-content h3{font-size: var(--font-14);font-weight: var(--font-500);color: #000000;}
.profile-right-content p{font-size: var(--font-13);}
.profile-dropdown .dropdown-toggle::after {background-image: url('../image/down.svg');background-repeat: no-repeat;    border: none;width: 16px;
height: 16px;}
.profile img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.body_heading{position: relative;padding-left: 12px;}
.body_heading h2{font-size: var(--font-18);font-weight: var(--font-500);color: #070619;}
.body_heading::before {content: "";position: absolute;left: 0;top: 0px;height: 20px;width: 3px;background-color: var(--secondary-color);}
.body-content{padding: 20px;}
.sidebar-footer{
    /* padding:10px; */
    position: absolute;width: 100%;bottom: 0; }
.sidebar-footer a{font-weight:var(--font-600);color: #ffffff !important;}
.sidebar-footer p{color: #ffffff;}
.sidebar-footer-inner{border-radius: 20px;padding: 20px;text-align: center; position: relative;background:linear-gradient(180deg, #fbbe8d 0%, #c36a21 100%);overflow: hidden;
}
.sidebar-footer-inner::before{content: '';background-image: url('../image/f-left.png'), url('../image/f-right.png');background-position: left bottom, right top;
background-repeat: no-repeat, no-repeat;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.body_content {
    padding: 20px;
}
.overview-card{background-color: #fff;box-shadow: 0px 4px 34px 0px #0000000A;border-radius: 20px;padding: 15px;transition:all 0.6s ease-in-out;cursor: pointer;}
.ov-icon{height: 74px;flex: 0 0 74px;background-color: #ffe8d5;width: 74px;border-radius: 20px;display: flex;align-items: center;justify-content: center;}
.ov-content h3{    font-size: 26px;font-weight: 600;color: black;margin-bottom: 0 !important;margin-top: 4px;}
.ov-content span{font-size: var(--font-14);font-weight:400;}
.ov-content p{font-size: var(--font-13);}
.overview-card.active{background: linear-gradient(180deg, #fbbe8d 0%, #c36a21 100%);}
.overview-card.active .ov-content ,.overview-card.active .ov-content p ,.overview-card.active .ov-content h3{color: #fff;}
.overview-card.active .ov-icon{background-color: #fff;}

.overview-card:hover{background: linear-gradient(180deg, #fbbe8d 0%, #c36a21 100%);}
.overview-card:hover .ov-content ,.overview-card:hover .ov-content p ,.overview-card:hover .ov-content h3{color: #fff;}
.overview-card:hover .ov-icon{background-color: #fff;}
.update-profile-card{max-width: 670px;
    margin: auto;
    background-color: #fff;
    padding: 50px;
    border-radius: 20px;
    box-shadow: 0px 4px 34px 0px #0000000A;}
.profile-image-upload{width: 120px;height: 120px;background-color: #f5f5f5;border-radius: 50%;border: 1px dashed rgb(176, 176, 176);
  }
.profile-image-update{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.p-edit{width: 34px;height: 34px;bottom: -2px;right: -5px;cursor: pointer;background: linear-gradient(180deg, #fbbe8d 0%, #c36a21 100%);}
.p-edit img{    filter: brightness(9.5);}
.update-profile-container{    height: calc(100vh - 109px);display: flex;flex-direction: column;align-items: center;}
.update-profile-card label{margin-bottom: 10px;}
.header-title{font-size: 22px;}
.admin-modal-big{max-width: 1200px !important;}
.modal-inner-heading{    margin-bottom: 30px;background-color: #ffe8d5bd;padding: 12px 15px;border-radius: 4px;}
.modal-inner-heading h3{font-size: 16px;color: #000;}
.search-wrapper-with-icon input{padding-left: 40px !important;}
.input-icon-new{position: absolute;
    left: 14px;}
     
      .bg-gradient-primary {
          background: linear-gradient(135deg, #8B4513 0%, #a0522d 100%);
        }
.sidebar-category {
  margin-bottom: 8px;
}

.category-header {
  cursor: pointer;
  padding: 12px 15px;
  border-radius: 6px;
  margin: 5px 0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.category-header:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.category-header.expanded {
  background-color: rgba(255, 255, 255, 0.1);
}

.chevron {
  transition: transform 0.3s ease;
  color: rgba(255, 255, 255, 0.6);
}

.chevron.expanded {
  transform: rotate(90deg);
}

.subcategory-wrapper {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.subcategory-wrapper.open {
  max-height: 500px;
}

.subcategory-list {
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s ease 0.1s;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 2px solid rgba(255, 255, 255, 0.1);
  margin-left: 25px;
}

.subcategory-wrapper.open .subcategory-list {
  opacity: 1;
  transform: translateY(0);
}

.subcategory-item {
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.3s ease;
  position: relative;
}

.subcategory-wrapper.open .subcategory-item {
  opacity: 1;
  transform: translateX(0);
}

.subcategory-item::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 50%;
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  transform: translateY(-50%);
}

.subcategory-item a {
  padding-left: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: block;
  text-decoration: none;
  border-radius: 4px;
  margin: 2px 0;
  transition: background-color 0.2s ease;
}
.subcategory-item a:hover { background-color: rgba(255, 255, 255, 0.05);}
.subcategory-item a.active {background-color: rgba(255, 255, 255, 0.1);}
.subcategory-item:nth-child(1) { transition-delay: 0.05s; }
.subcategory-item:nth-child(2) { transition-delay: 0.1s; }
.subcategory-item:nth-child(3) { transition-delay: 0.15s; }
.subcategory-item:nth-child(4) { transition-delay: 0.2s; }
.subcategory-item:nth-child(5) { transition-delay: 0.25s; }