@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraLight.woff2') format('woff2'),
        url('../fonts/Inter-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.woff2') format('woff2'),
        url('../fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


* { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { overflow-x: hidden; width: 100%; max-width: 100%; min-height: 100vh; font-family: 'Inter'; }
::-moz-selection { background: #fff; color: #000; }
.navbar-toggler { border: none; }
.navbar-toggler:focus { outline: none !important; box-shadow: none !important; }
img { border: none !important; outline: none; max-width: 100%; transition: all 0.3s; }
input { transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; text-decoration: none; outline: none; -webkit-appearance: none; border: none; }
a { text-decoration: none; }
input:focus, select:focus { outline: 0 !important; box-shadow: none !important; opacity: 1; }
.form-control:focus { opacity: 1; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
a:hover, a:focus { outline: none; text-decoration: none; text-decoration: none; }
::placeholder { color: #000 !important; opacity: 1; text-transform: capitalize; }
input#number::placeholder, input#email::placeholder { text-transform: unset ; }
:-ms-input-placeholder { color: #000; opacity: 1; }
::-ms-input-placeholder { color: #000; opacity: 1; }
select::-ms-expand { display: none; }
select:focus { outline: none; border: none; }
.form-control:focus { border-color: #000; }
button:focus { outline: none !important; outline: none !important; }
button { cursor: pointer; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; text-decoration: none; outline: none; -webkit-appearance: none; border: none; }
textarea { outline: none !important; /* resize: none; */ }
ul li, ol li, ul, ol { list-style: none; margin: 0; padding: 0; }
ol, ul, dl { margin-top: 0; margin-bottom: 0px; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }
p { margin: 0; }
body .container { max-width: 1670px; padding-inline: 15px; width: 100%; margin-inline: auto; }
body .mini_container { max-width: 1290px; padding-inline: 15px; width: 100%; margin-inline: auto; }
body .full_container{ max-width: 100%; width: 100%; }
.page_main { padding-block: 40px 20px; min-height: calc(100vh - 110px); }

/* ----------- Defualt css Start ------------ */
.custom-recaptcha-style{ transform:scale(1.18);-webkit-transform:scale(1.24);transform-origin:0 0;-webkit-transform-origin:0 0; margin-bottom: 35px; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #ddd; }
::-webkit-scrollbar-thumb { background: #159001; border-radius: 10px; }
a.cstm_btn:not([href]){ color: #fff; }
.cstm_btn { font-size: 16px; font-weight: 600; color: #fff; background: #159001; border-radius: 6px; display: inline-block; min-width: 120px; padding: 12px; line-height: normal; text-transform: capitalize; text-align: center; transition: all 0.2s ease-in-out; text-decoration: none; border: 1px solid transparent; cursor: pointer; }
a.cstm_btn:not([href]):hover,
.cstm_btn:hover { background: #fff; color: #159001; border-color: #159001; }
.cstm_btn.defualt { background: #fff; color: #159001; border-color: #159001; }
.cstm_btn.defualt:hover { background: #159001; color: #fff; }
.cstm_btn.defualt_light { background: #fff; color: #414141; border-color: #E6E6E6; }
.cstm_btn.defualt_light:hover { background: #414141; color: #fff; }
.cstm_btn.defualt_light2 { background: #787878 !important; color: #fff !important; border-color: #E6E6E6 !important; }
.cstm_btn.btn_loding{ font-size: 0; }
#import_data_btn.btn_loding + span:before,
#export_data_btn.btn_loding + span:before {content:'';position: fixed;background: transparent;height: 100%;width: 100%;top: 0;left: 0;z-index: 999999;}
.btn_loding{ position: relative; background-color: #FAFAFC; border-color: #159001; color: #159001; text-align: right }
.btn_loding:before{ content: 'loading..'; font-size: 16px; }
.btn_loding:after{ content: ''; background-image: url(../../assets/images/loader.png); position: absolute; width: 20px; height: 20px; left: 10px; background-size: 20px; mix-blend-mode: multiply; }
.cstm_btn.cursor{ cursor: not-allowed; }
.input_select{ -webkit-appearance: none; margin-bottom: 30px }
.input_box { margin-bottom: 30px }
.input_select :is([readonly], [disabled]), .input_box :is([readonly], [disabled]){ background-color: #EFEFEF !important; opacity: 1; }
.input_label { color: #323A46; font-size: 14px; font-weight: 600; margin-bottom: 10px; line-height: 17px; text-transform: capitalize; }
.role_modal_table table th i, .input_label i{ color: red; padding-left: 3px }
.input_select select{ width: 100%; height: 45px; background-color: #FAFAFC; background-image: url('../../assets/images/arrow_d.png'); background-repeat: no-repeat; background-position: center right 15px; border-radius: 6px; border: 1px #CBD1D8 solid; font-size: 14px; font-weight: 500; padding: 10px 15px; color: #323A46; display: block; cursor: pointer; }
.input_select_filter select{ display: none; }
.input_box .input_text { width: 100%; height: 45px; background: #FAFAFC; border-radius: 6px; border: 1px #CBD1D8 solid; font-size: 14px; font-weight: 500; padding: 10px 15px; color: #323A46; display: block; }
.text_area:focus, .input_select select:focus, .input_box .input_text:focus { border-color: #159001; }
.input_select select:focus { border: 1px #CBD1D8 solid; }
.input_select::placeholder, .input_box .input_text::placeholder { color: #90A1B5 !important; }
#confirm_password::placeholder,
#password::placeholder { font-size: 40px; opacity: 0.3; }
.text_area { outline: none !important; background: #FAFAFC; border-radius: 6px; border: 1px #CBD1D8 solid; font-size: 14px; font-weight: 500; padding: 10px 15px; color: #323A46; resize: none; display: block; width: 100%; min-height: 80px; transition: all 0.2s ease-in-out; }
.radio_box { display: flex; align-items: center; gap: 10px; border-radius: 6px; }
.radio_box .input_label { margin-bottom: 0; }
.radio_box input[type="radio"] { display: none; }
.radio_box input[type="radio"]:checked+.radio_btn { background-color: #159001; }
.radio_box input[type="radio"]:checked+.radio_btn span { color: #fff; }
.radio_box input[type="radio"]:checked+.radio_btn span:before { opacity: 1; }
.radio_box .radio_btn { font-size: 16px; font-weight: 600; color: #414141; background: #fff; border-radius: 6px; display: inline-block; min-width: 120px; padding: 13px; line-height: normal; text-transform: capitalize; text-align: center; transition: all 0.2s ease-in-out; text-decoration: none; border: 1px solid transparent; cursor: pointer; }
.input_checkbox { position: absolute; opacity: 0; z-index: 1; width: 20px; height: 20px; cursor: pointer; }
.input_checkbox:focus { opacity: 0; }
.input_checkbox+label { position: relative; cursor: pointer; padding: 0; }
.input_checkbox+label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; border: 1px solid #E6E6E6; border-radius: 3px; }
.input_checkbox:checked+label:after { content: ''; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; background-image: url(../../assets/images/check.svg); background-position: center; background-repeat: no-repeat; background-size: 13px; }
.textarea_editor>textarea { height: 0; min-height: 0; padding: 0; opacity: 0; border: 0; }
.phone_box { display: flex; gap: 20px }
.phone_box select { height: 45px; border-radius: 6px; border: 1px #CBD1D8 solid; font-size: 14px; font-weight: 500; padding: 10px 15px; color: #323A46; display: block; min-width: 100px; background-image: url('../../assets/images/arrow_d.png'); background-repeat: no-repeat; background-position: center right 15px; cursor: pointer; }
.file_upload .input_text { padding: 8px; cursor: pointer; }
.green_label { color: #159001; }
.free_plan { font-size: 12px; font-weight: 400; color: #000 }
/* ----------- Defualt css End ------------ */


/* ----------- Popup css Start ------------ */
body .modal-backdrop { background: rgba(242, 242, 242, 0.70) !important; backdrop-filter: blur(5px) !important; }
body .modal-backdrop.show{ opacity: 1; }
.modal .w_930 { max-width: 930px; }
.modal .w_580 { max-width: 580px; }
.modal .w_800{ max-width: 800px; }
.modal_header .close{ width: 16px; height: 16px; background-image: url('../../assets/images/close.png'); background-position: center; background-size: 100%; background-repeat: no-repeat; }
.modal .modal-dialog .modal-content { box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.10); border: 1px rgba(0, 0, 0, 0.10) solid; border-radius: 6px; overflow: hidden; }
.modal_header .alert-dismissible .close{ background-size: inherit; top:50%; transform:translateY(-50%); }
.modal .btn-close { color: #2E2E2E; opacity: 0.7; }
.modal .modal-dialog .grid_1 { grid-template-columns: 1fr; padding: 40px 50px 30px; display: grid; }
.modal .modal-dialog .grid_1 .radio_box { margin-top: 15px; }
.modal .modal-dialog .grid_1 .input_box:last-child { margin-bottom: 0; }
.modal .modal-dialog .grid_2 { padding: 40px 60px 28px; gap: 30px 50px; }
.modal .modal-dialog .modal_body:not(.grid_1) .input_select, .modal .modal-dialog .modal_body:not(.grid_1) .input_box { margin-bottom: 0 }
.modal .modal_header { padding: 32px 50px; display: flex; justify-content: space-between; background: #E3FFDE; align-items: center; }
.modal  .actions:not(.modal_header .actions) { display: flex; justify-content: center; padding-bottom: 27px; gap: 30px }
.modal .modal_header .actions{ padding-bottom: 0; align-items: center; display: flex; column-gap: 25px; }
.modal textarea.input_text { height: 110px; }
.modal_text{ color: #7E8B9E; font-size: 12px; font-weight: 400; margin-top: 15px; }
.view_modal .modal_body { padding: 25px 50px 21px }
.modal .input_select .select2{ width: 100%; min-height: 45px; background: #FAFAFC; border-radius: 6px; font-size: 14px; font-weight: 500; color: #323A46; display: block; }
.modal .input_select .select2 .select2-selection .select2-selection__rendered .select2-search__field::placeholder, .modal .input_select  .select2-selection__placeholder{ color: #90A1B5 !important; font-weight: 500; }
.modal .input_select .select2 .select2-selection{ min-height: 45px; display: flex; align-items: center; background: #FAFAFC; border: 1px solid #CBD1D8; border-radius: 6px !important; margin: 0; }
.modal .input_select .select2 .select2-selection .select2-selection__rendered[title]{ padding: 5px 4px; color: #159001; font-family: Inter; background: #EAF1FF; border-radius: 3px; border: 1px #CCDDF9 solid; margin-right: 25px; line-height: normal; margin-left: 10px; }
.modal .input_select .select2 .select2-selection .select2-selection__arrow { top: 20px; background-image: url('../../assets/images/arrow_d.png'); background-position: center; width: 11px; background-size: contain; border: 0; right: 15px; height: 7px; }
.modal .input_select .select2 .select2-selection .select2-selection__clear { background-image: url('../../assets/images/close.png'); background-position: center; background-size: 100%; background-repeat: no-repeat; width: 10px; height: 10px; font-size: 0; margin: 4px 5px 4px 8px; position: absolute; top: 5px; right: 5px; left: unset; }
.modal .input_select .select2.select2-container--open .select2-selection.select2-selection--multiple:before { transform: rotate(180deg); }
.modal .input_select .select2 .select2-selection.select2-selection--multiple{ position: relative; cursor: pointer; }
.modal .input_select .select2 .select2-selection.select2-selection--multiple:before { top: 20px; background-image: url('../../assets/images/arrow_d.png'); background-position: center; width: 11px; background-size: contain; border: 0; right: 15px; height: 7px; content: ''; position: absolute; }
.modal .input_select .select2.select2-container--open .select2-selection__arrow{ transform: rotate(180deg); }
.modal .input_select .select2 .select2-selection .select2-selection__arrow b{ display: none; }
.modal .input_select .select2 .select2-selection ul.select2-selection__rendered { padding: 5px 0 5px 5px; display: flex; gap: 5px; flex-wrap: wrap; width: calc(100% - 35px); white-space: normal; }
.modal .input_select .select2 .select2-selection .select2-selection__rendered .select2-selection__choice{ margin: 0; padding: 3px 4px; color: #159001; font-family: Inter; background: #EAF1FF; border-radius: 3px; border: 1px #CCDDF9 solid; line-height: normal; }
.modal .input_select .select2 .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{ float: right; margin-left: 5px; }
.modal .input_select .select2 .select2-selection .select2-selection__rendered .select2-selection__clear{ position: absolute; top: 15px; left: auto; right: 10px; background-color: #FAFAFC !important; z-index: 9; }
.modal .input_select .select2 .select2-selection .select2-selection__rendered .select2-search__field{ width: auto !important; margin-top: 0; cursor: pointer; }
#PlanManagement .modal_body .input_select .input_select{ margin-bottom: 0; }
body .select2-container--open .select2-dropdown--below{ border: 1px solid #CBD1D8; border-radius: 6px; margin-top: 10px; overflow: hidden; z-index: 9999; }
body .select2-container--open .select2-dropdown--above{ border: 1px solid #CBD1D8; border-radius: 6px; margin-bottom: 10px; overflow: hidden }
body .select2-container--open .select2-search--dropdown{ padding:10px 15px ; display: none; }
body .select2-container--open .select2-dropdown--below .select2-search__field{ background: #FAFAFC; border: 1px solid #CBD1D8; height: 40px; border-radius: 6px; }
body .select2-container--open .select2-dropdown--below .select2-results li{ color: #2E2E2E; font-size: 16px; font-weight: 400; text-transform: capitalize; padding:15px; transition: all 0.2s ease }
body .select2-container--open .select2-results__option[aria-selected=true], body .select2-container--open .select2-results__option--highlighted[aria-selected], body .select2-container--open .select2-dropdown--below .select2-results li:hover{ background: #E3FFDE !important; color: #2E2E2E !important; }
.modal_body.grid_3 { gap: 20px; padding: 25px 50px; }
.modal_body .view_box .veiw_label { color: #323A46; font-size: 14px; font-weight: 600; text-transform: capitalize; display: block }
.modal_body .view_box .view_data { color: #90A1B5; font-size: 14px; font-weight: 500; text-transform: capitalize; word-break: break-all; }
.role_modal_table table, .role_modal_table table th, .role_modal_table table td{ border: 1px #EDEDED solid; font-size: 14px }
.role_modal_table table{ margin-top: 20px; }
.role_modal_table table tr{ border-bottom: 1px #EDEDED solid; }
.role_modal_table table th:not(.role_modal_table table th:first-child), .role_modal_table table td:not(.role_modal_table table td:first-child){ padding:5px; text-align: center; }
.role_modal_table table th:first-child, .role_modal_table table td:first-child{ padding:10px; }
:is(#filterdataModal, #view_plans) .modal_header{ padding: 17px 50px; }
.delete_modal.modal .modal-dialog{ max-width: 350px; margin: 0 auto; }
.delete_modal.modal .modal-dialog .modal_body{ padding-block: 20px 30px; text-align: center }
/* ----------- Popup css End ------------ */

/* ----------- Or Devider Start ------------ */
.or_devider { border-top: 1px solid #7E8B9E; margin-block:25px; position: relative }
.or_devider .or_line{ display: block; }
.or_devider .or_text { position: absolute; top: -10px; background: #fff; padding: 0 10px; left: 50%; transform: translate(-50%, 0); text-transform: uppercase; color: #7E8B9E; font-size: 12px; font-weight: 500; line-height: 20px; }
/* ----------- Or Devider End ------------ */

/* ----------- Processing Start ------------ */
.data_table .dataTables_wrapper div.dataTables_processing { background: rgba(242, 242, 242, 0.70); backdrop-filter: blur(0px); position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; display: flex; align-items: center; justify-content: center; font-size: 0; border: 0; z-index: 9; background-image: url(../../assets/images/loader.png); text-indent: -999999px; background-repeat: no-repeat; background-position: center; background-size: 40px; background-blend-mode: multiply; }
.data_table .dataTables_wrapper div.dataTables_processing:before { content: 'Processing...'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; }
/* ----------- Processing End ------------ */

/* ----------- Success msg Start ------------ */
.success_msg { position: relative; z-index: 9999; }
.success_msg :is( .text-success, .text-danger ){ position: fixed; top: 20px; right: 20px; text-transform: capitalize; font-size: 18px; color: #270; background-color: #DFF2BF; padding: 20px 40px 20px 70px; border: 1px solid #2704; border-radius: 6px; }
.success_msg .text-success:before{ content: ''; background-image: url(../../assets/images/success_msg.png); width:25px; height: 25px; position: absolute; background-repeat: no-repeat; background-position: center;; background-size: 100%; left: 30px; top: 21px; }
.success_msg .text-danger:before{ content: ''; background-image: url(../../assets/images/failed_error.png); width:25px; height: 25px; position: absolute; background-repeat: no-repeat; background-position: center;; background-size: 100%; left: 30px; top: 21px; }
.success_msg :is(.text-success, .text-danger ) strong{ font-weight: 500 ; }
/* ----------- Success msg End ------------ */


/* ----------- Grid Start ------------ */
.grid_2 { display: grid; grid-template-columns: 1fr 1fr; }
.grid_3 { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.grid_4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; }
/* ----------- Grid End ------------ */


/* ----------- Benefit List Start ------------ */
.benefit_list li:not(:last-child) { margin-bottom: 25px; }
.benefit_list li { padding-left: 25px; position: relative }
.benefit_list li:before { content: ''; background-image: url('../images/right.svg'); position: absolute; left: 0; top: 7px; width: 14px; height: 10px; background-repeat: no-repeat; background-position: center; background-size: 14px; }
/* ----------- Benefit List End ------------ */


/* ----------- Header Start ------------ */
.header { box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); background: #fff; z-index: 9; position: relative; }
.admin_header { display: flex; align-items: center; justify-content: space-between; }
.navbar_brand { padding-block: 23px 20px; display: block; }
.login_card { max-width: 500px; width: 100%; margin: 0 auto; background: white; box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.10); border-radius: 6px; border: 1px rgba(0, 0, 0, 0.10) solid; padding: 30px 60px; position: absolute; top: 54%; left: 50%; transform: translate(-50%, -50%); }
.login_card .cstm_btn { width: 100%; }
.login_card_header { margin-bottom: 25px; }
.login_card_header h4{ font-size: 25px; font-weight: 700; line-height: 35px; text-align: center; text-transform: capitalize; }
.header_dropdown .defualt_light { width: 100%; background: #FAFAFC; border-radius: 6px; border: 1px #CBD1D8 solid; display: flex; align-items: center; padding: 8px 20px; }
.header_dropdown .admin_item .admin_img, .header_dropdown .defualt_light .admin_img{ border-radius: 50%; }
.header_dropdown .admin_name { padding-inline: 15px 20px; color: #000; font-size: 14px; font-family: Inter; font-weight: 500; text-transform: capitalize; }
.header_dropdown .admin_label { padding: 3px 4px; color: #159001; font-size: 10px; font-family: Inter; font-weight: 700; text-transform: uppercase; background: #EAF1FF; border-radius: 3px; border: 1px #CCDDF9 solid; margin-right: 25px; }
.header_dropdown .dropdown-menu .item{ padding-bottom: 22px; }
.header_dropdown .devider { margin-bottom: 18px; border-top: 1px solid #CBD1D8; }
.header_dropdown .defualt_light::after { margin-left: auto; background-image: url('../../assets/images/arrow_d.png'); background-position: center; width: 11px; background-size: contain; border: 0; height: 7px; }
.header_dropdown .dropdown-menu{ width: 100%; padding: 22px 15px; background: #FAFAFC; border-radius: 5px; border: 1.50px #CBD1D8 solid; margin-top: 17px !important; min-width: 300px; max-height: calc(100vh - 140px); left: auto !important; right: 0 !important; }
.header_dropdown .dropdown-menu a{ padding: 0; background-color: transparent; text-transform: capitalize; }
.header_dropdown .admin_item{ padding-bottom: 24px; border-bottom: 1px solid #CBD1D8; margin-bottom: 20px; }
.header_dropdown .admin_item .dropdown-item{ display: flex; gap:15px; align-items: center }
.header_dropdown .dropdown-item{ color: #2E2E2E; font-size: 18px; font-weight: 500; display: grid; grid-template-columns: 15px 1fr; align-items: center; gap:15px; }
.header_dropdown .logout .dropdown-item{ color: #FF1400 }
.header_dropdown .p_name{ color: #414141; font-size: 18px; font-weight: 500; display: flex; align-items: center; gap:15px }
.header_dropdown .p_mail{ color: #888C8C; font-size: 14px; font-weight: 500; display: block; margin-top: 5px; word-break: break-all; white-space: normal; }

/* ----------- Header End ------------ */
.forgt_pass_block{ margin-block: 20px 25px; display: flex; align-items: center; justify-content: space-between; }
.forgt_pass { font-size: 14px; font-weight: 500; color: #159001; display: block; text-align: right; text-decoration: underline; text-underline-offset: 4px; margin-left: auto; }
.dashboard { display: flex; gap: 25px; }

/* ---------- Sidebar Start ---------- */
.dashboard .main-sidebar { min-height: calc(100vh - 185px); background: #FCFBFA; box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; border: 1px rgba(0, 0, 0, 0.10) solid; width: 100%; max-width: 280px; }
.main-sidebar .user_panel { text-align: center; padding: 30px 10px 20px; border-bottom: 1px solid #C8C8C8; }
.main-sidebar .user_panel .user_image { margin-bottom: 15px }
.main-sidebar .user_panel .user_image img { border-radius: 50%; }
.main-sidebar .user_panel .user_name { font-size: 20px; font-weight: 600; color: #000; text-transform: capitalize; margin-bottom: 10px }
.main-sidebar .user_panel .user_email { color: #323A46; font-size: 14px; display: block; font-weight: 500 }
.main-sidebar .nav_list { padding: 10px 15px 20px 0; }
.main-sidebar .nav_list ul { padding: 0; }
.main-sidebar .nav_list .nav_item .nav_link { display: grid; grid-template-columns: 20px 1fr; align-items: center; gap: 16px; text-decoration: none; padding: 9px 10px 9px 17px; border-radius: 0 4px 4px 0; color: #323A46; font-size: 16px; font-weight: 600; text-transform: capitalize; border: 1px solid transparent; }
.main-sidebar .nav_list .nav_item .nav_link.active { background: #E3FFDE; border: 1px solid #EDEDED; font-weight: 700 }
/* ---------- Sidebar End ---------- */

/* ---------- Content Start ---------- */
.content_wrapper .content { box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; border: 1px #E6E6E6 solid; background: #fff; height: 100%; }
.dashboard .content_wrapper { border-left: 2px solid #EDEDED; padding-left: 30px; width: calc(100% - 280px); }
/* ---------- Content End ---------- */

/* ---------- Data table Start ---------- */
.data_table .dataTable { margin: 0 !important }
.data_table table .sorting:after, .data_table table .sorting:before { display: none !important; }
.content_heading { display: flex; justify-content: space-between; padding: 18px 50px 17px; background: #E3FFDE; align-items: center; /* flex: 1; */ min-height: 80px; border-radius: 6px 6px 0 0; }
.content_heading h4 { color: #2E2E2E; font-size: 16px; font-weight: 600; margin-bottom: 0; }
.content_heading:not(.home_blocks .content_heading) .actions { display: flex; gap: 30px; align-items: center; }
.data_table table .col_th { font-size: 16px; font-weight: 500; color: #000; box-shadow: none; border-bottom: 2px solid #EDEDED !important; padding-block: 30px 15px; border-top: 0; white-space: nowrap; }
.data_table table #tbody td { padding-block: 13px 13px; border-bottom: 1px solid #EDEDED; color: #2E2E2E; font-size: 14px; font-weight: 500; vertical-align: middle; border-top: 0; }
.data_table table:not(#total_data_datatable_wrapper table, #new_data_datatable, #save_data_datatable, #listtable) #tbody td img { width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; }
.data_table table#listtable { width: 100% !IMPORTANT; }
.data_table table #tbody td:last-child { padding-right: 50px; text-align: center; white-space: nowrap; }
.dashboard .data_table table:not(#payment_datatable) thead th:last-child{ text-align: right; padding-right: 40px !important; }
.dashboard .data_table table:not(#payment_datatable) #tbody td:last-child:not(.dataTables_empty){ text-align: right; }
.dashboard .data_table #payment_datatable thead th:last-child, .dashboard .data_table #payment_datatable #tbody td:last-child{ text-align: center; }
.data_table table #tbody .btn.edit { margin-right: 10px; }
.data_table table #tbody td:first-child { padding-left: 50px; font-weight: 600; text-transform: capitalize; }
.data_table table .col_th:first-child { padding-left: 50px; }
.data_table table .col_th:last-child { padding-right: 50px; text-align: center; }
.data_table table #tbody .btn { padding: 0; color: #159001; font-size: 14px; font-weight: 500; box-shadow: none; }
.data_table table #tbody .btn.delete { color: #FF1400; margin-left: 10px; }
.dataTables_length:not(.filter_tab_content .dataTables_length){ display: none; }
.dataTables_wrapper > .row:nth-child(2){ overflow-x: auto; }
.dataTables_wrapper > .row:nth-child(2)::-webkit-scrollbar { height: 6px; }
.dataTables_wrapper .row { margin: 0; padding: 0; align-items: center; }
.dataTables_wrapper .row>div { margin: 0; padding: 0; position: relative; }
.data_table .dataTables_info{ padding:  20px; color: #2E2E2E; }
.data_table .pagination { justify-content: flex-end !important; padding:  20px 50px 20px 20px; gap: 18px; align-items: center; margin: 0 !important; }
.data_table .pagination .next .page-link, .data_table .pagination .previous .page-link { width: 40px; height: 40px; border-radius: 50%; font-size: 0; background: #159001; background-position: center; background-repeat: no-repeat; background-size: 18px; cursor: pointer; box-shadow: none; }
.data_table .pagination .next.disabled .page-link, .data_table .pagination .previous.disabled .page-link { opacity: 0.6; }
.data_table .pagination .previous .page-link { background-image: url('../../assets/images/left_arrow.svg'); margin-right: 12px }
.data_table .pagination .next .page-link { background-image: url('../../assets/images/right_arrow.svg'); margin-left: 12px }
.data_table .pagination .page-item:not(.next, .previous) .page-link { padding: 0; border: 0; background: transparent; font-size: 16px; font-weight: 700; color: rgba(21, 144, 1, 0.50); box-shadow: none; }
.data_table .pagination .page-item.active .page-link { color: #159001; }
.data_table table #tbody .btn{ width: 20px; height: 20px; background-position: center; background-size: 100%; font-size: 0; border: 0; }
.data_table table #tbody .btn.edit{ background-image: url('../../assets/images/edit.png'); }
.data_table table #tbody .btn.view{ background-image: url('../../assets/images/view.png'); }
.data_table table #tbody .btn.delete{ background-image: url('../../assets/images/delete.png'); }
/* ---------- Data table End ---------- */

/* ---------- Plan Management Start ---------- */
.plan_management.grid_2 { display: flex; flex-wrap: wrap; gap: 45px 4%; padding: 31px 50px 44px; justify-content: space-between; }
.plan_management .plan_item { background: #FAFAFC; border-radius: 6px; border: 1px #CBD1D8 solid; padding: 25px 60px 28px 20px; position: relative; width: 48%; height: fit-content; min-height: 265px; }
.plan_management .plan_item.active { background: #E3FFDE; }
.plan_management .plan_item .plan_label { position: absolute; top: -1px; height: calc(100% + 2px); right: 0px; z-index: 1 }
.plan_management .plan_item .plan_label img { height: 100%; }
.plan_management .plan_item .plan_label span { position: absolute; color: #fff; top: 50%; left: 58%; transform: translate(-50%, -50%) rotate(-90deg); font-size: 20px; letter-spacing: 3px; font-weight: 600; text-transform: uppercase; }
.plan_management .plan_item .top { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid rgba(21, 144, 1, 0.30); padding-bottom: 8px; margin-bottom: 15px; }
.plan_management .plan_item .plan_title { font-size: 26px; font-weight: 700; text-transform: uppercase; color: #000; }
.plan_management .plan_item .plan_price { color: #7E8B9E; font-size: 35px; font-weight: 700; text-transform: capitalize; }
.plan_management .plan_item .bottom { display: flex; justify-content: space-between; gap: 20px; flex-direction: column-reverse; }
.plan_management .plan_item .actions .cstm_btn { padding: 11px 13px; width: 100%; }
.plan_management .plan_item .actions .cstm_btn.defualt { margin-top: 10px; color: #FF1400; border-color: #E6E6E6; white-space: nowrap; }
.plan_management .plan_item .actions .cstm_btn.defualt:hover { color: #fff; }
.plan_management .plan_m_list { flex: 1; }
.plan_management .plan_m_list .read_more { display: block; text-transform: capitalize; font-size: 14px; text-decoration: underline; float: right; }
.plan_m_list .benefit_list { overflow: hidden; max-height: 100px; -webkit-box-orient: vertical; display: -webkit-box !important; -webkit-line-clamp: 3; position: relative; }
.plan_m_list .read_less { display: none; text-transform: capitalize; font-size: 14px; text-decoration: underline; float: right; }
.plan_m_list.show-full .benefit_list { max-height: none; display: unset !important; }
.plan_m_list.show-full .read_more { display: none; }
.plan_m_list.show-full .read_less { display: block; }
.plan_management .plan_credits{ display: flex; justify-content: space-between; align-items: center; }
.plan_management .plan_credits .actions{ display: flex; gap: 10px; }
.plan_management .plan_credits .actions img{ display: block; }
.plan_m_list_item { padding: 3px 10px; color: #000; font-size: 14px; font-weight: 600; display: inline-block; text-align: center; background: #EAF1FF; box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.15); border-radius: 6px; border: 1px rgba(0, 0, 0, 0.10); }
/* ---------- Plan Management End ---------- */

/* ---------- Dashbord content Start ---------- */
.dashboard_content { padding: 30px 50px; }
.dashboard_content .dashboard_block { display: grid; grid-template-columns: 1fr; gap: 30px; padding-bottom: 30px; }
.dashboard_content .dashboard_block .left .top_row { display: grid; grid-template-columns: repeat(2, 1fr); box-shadow: 0px 18px 32px rgba(208, 210, 218, 0.15); border-radius: 6px; margin: 10px; grid-gap: 15px; }
.dashboard_content .dashboard_block .left .top_row .top-row-3{ display: flex; border-radius: 6px; border: 0.8px #CBD1D8 solid; }
.dashboard_content .left h4 { color: #7E8B9E; font-size: 26px; font-weight: 700; margin-bottom: 10px }
.dashboard_content .left h5 { color: #323A46; font-size: 20px; font-weight: 600; text-transform: capitalize }
.dashboard_content .left .top_row .col { border-left: 2px solid #CBD1D8; }
.dashboard_content .left .top_row .col:nth-child(6n+1){ border-left:none; }
.dashboard_content .left .bottom_row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.dashboard_content .left .bottom_row .col { box-shadow: 0px 18px 32px rgba(208, 210, 218, 0.15); border-radius: 6px; border: 0.80px #CBD1D8 solid; height: 160px; }
.dashboard_content .left .col { min-height: 130px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding-inline: 5px; }
.dashboard_content .right .col { min-height: 140px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.dashboard_content .right .col { background: #FCFBFA; box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.15); border-radius: 4px; border: 1px rgba(0, 0, 0, 0.10); }
.dashboard_content .title-row { box-shadow: 0px 18px 32px rgba(208, 210, 218, 0.15); border-radius: 6px; border: 0.80px #CBD1D8 solid; }
.dashboard_content .plan_wise_title { border-bottom: 2px #CBD1D8 solid; padding: 15px 30px; }
.dashboard_content .plan_wise { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 15px; position: relative; margin: 10px; }
.dashboard_content .plan_wise img{ margin-block: 15px 10px; }
.dashboard_content .plan_wise:after { content: ''; position: absolute; background: #CBD1D8; width: 1px; height: calc(100% - 20px); top: 10px; left: 50%; transform: translate(-50%, 0); display:none; }
.dashboard_content .plan_wise:before { content: ''; position: absolute; background: #CBD1D8; width: calc(100% - 20px); height: 1px; top: 50%; left: 10px; transform: translate(0, -50%); display:none; }
.dashboard_content .title-row p { color: #323A46; font-size: 16px; font-weight: 600; text-transform: capitalize; }
.dashboard_content .right span { color: #323A46; font-size: 18px; font-weight: 600; }
.dashboard_content .plan_wise .is_right_border { border-left: 1px solid #CBD1D8; border-bottom: 1px solid #CBD1D8 }
.dashboard_content .plan_wise .is_left_border { border-right: 1px solid #CBD1D8; border-top: 1px solid #CBD1D8 }
.dashboard_content .plan_chart { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px; margin: 10px; }
.dashboard_content .plan_chart .col { width: 100%; margin-bottom: 0; box-shadow: 0px 18px 32px rgba(208, 210, 218, 0.15); border-radius: 6px; border: 0.80px #CBD1D8 solid; padding: 25px 24px 10px; }
.dashboard_content .plan_chart .col .planchart{ margin: 0 auto; }
.dashboard_content .plan_chart .col h1 { color: #15192C; font-size: 20px; font-weight: 600; margin-bottom: 12px; }
.dashboard_content .plan_chart :is(h1, img) { text-align: center; width: 100%; object-fit: contain; }
.dashboard_content .plan_chart .col ul { max-width: 160px; margin: 7px auto 0; }
.dashboard_content .plan_chart .col li { display: flex; align-items: center; gap: 15px; color: rgba(46, 46, 46, 0.75); font-size: 10px; font-weight: 700; }
.dashboard_content .plan_chart .col li span { width: 10px; height: 10px; display: block; border-radius: 50%; }
.dashboard_content .plan_chart .col .color_1 { background: #FD2254; }
.dashboard_content .plan_chart .col .color_2 { background: #00B7FE; }
/* ---------- Dashbord content End ---------- */

/* ---------- Data Report Start ---------- */
.upload_file { position: relative; border: 2px dotted #CBD1D8; border-radius: 6px; padding: 46px 20px; text-align: center; max-height: 208px; background: #FAFAFC; }
.upload_file .file_btn { margin-top: 16px; }
.upload_file .file_btn input[type="file"] { position: absolute; cursor: pointer; opacity: 0; width: 100%; left: 0; top: 0; height: 100%; }
.upload_file .upload_file_title { color: #90A1B5; font-size: 14px; font-family: Inter; font-weight: 500; margin-top: 10px; }
#import_csvModal .modal_body { padding: 30px 50px; }
.data_table .filter_btns { padding: 20px 50px 20px; text-align: right; border-bottom: 4px solid #FAFAFC; }
.filter_btns .filter { margin-right: 25px; }
.data_table .filter_btns img { margin-right: 9px; }
.data_table .filter_recode{ color: #2E2E2E; font-weight: 500; }
.data_table .filter_btns .filter:hover img { filter: brightness(0) invert(1); }
#data_import_datatable_wrapper .row:first-child .col-md-6:first-child { display: none; }
#data_import_datatable_wrapper .row:first-child .col-md-6 .dataTables_filter { text-align: left; margin-top: -88px; padding: 20px 50px 0; }
#data_import_datatable_wrapper .row:first-child .col-md-6 .dataTables_filter label { max-width: 400px; width: 100%; font-size: 0; position: relative; }
#data_import_datatable_wrapper .row:first-child .col-md-6 .dataTables_filter label::before { content: ''; width: 19px; height: 19px; position: absolute; top: 50%; left: 15px; transform: translate(0, -50%); background-image: url('../../assets/images/search.png'); background-size: 100%; background-position: center; background-repeat: no-repeat; }
#data_import_datatable_wrapper .row:first-child .col-md-6 .dataTables_filter input { width: 100%; height: 45px; background: #fff; border-radius: 6px; border: 1px #CBD1D8 solid; font-size: 14px; font-weight: 500; padding: 10px 15px 10px 45px; color: #323A46; display: block; margin: 0 }
#data_import_datatable_wrapper .row:first-child .col-md-6 .dataTables_filter input::placeholder{ color: #323A46 !important; }
/* ---------- Data Report End ---------- */

/* ---------- Add Role Start ---------- */
#add_role .cstm_btn{ max-width: 120px; }
.permission_item { display: grid; grid-template-columns: 1fr 1fr 1fr; margin-top: 10px; }
/* ---------- Add Role End ---------- */

/* ---------- Change Password Start ---------- */
.change_password{ padding: 31px 50px 44px }
.change_password .change_pswrd_row { gap: 45px; margin-bottom: 20px }
.change_password .actions{ text-align: center; }
/* ---------- Change Password End ---------- */

/* ---------- Data Import End ---------- */
.data_table #payment_datatable #tbody td:last-child{ word-break: break-all; white-space: inherit; }
#video_datatable #tbody td:nth-child(4){ width: 10% }
#video_datatable #tbody td:nth-child(2){ width: 30% }
#video_datatable #tbody td:nth-child(3){ width: 30% }

/* ------------------------------ Front-End Start ------------------------------ */
.card_block .radio_box{ gap: 0; background: #fff; }
.card_block .radio_box label{ margin-bottom: 0; }
.main_header{ display: flex; align-items: center; justify-content: space-between; }
.main_header a:not(.cstm_btn){ text-decoration: none; color: #323A46; text-transform: capitalize; }
.main_header .nav ul{ display: flex; gap: 20px; }
.main_nav{ display: flex; align-items: center; flex: 1; justify-content: space-between; padding-left: 60px; }
.main_nav .left_nav { display: flex; gap: 20px; align-items: center; flex: 1; justify-content: space-between; }
.main_nav .left_nav .right_block{ display: flex; gap: 30px; padding-right: 30px; }
.main_nav .left_nav .nav_link img{ width: 20px; margin-right: 15px; }
.main_nav .left_nav .nav_link{ color: #000; font-size: 20px; font-weight: 600; line-height: 28px; margin-right: 60px; }
.main_nav .header_dropdown .dropdown-menu.active{ display: block; margin-top: 10px !important; }
#search .modal-dialog{ max-width: unset; align-items: flex-start; margin: 20px auto 0; }
#search.modal .modal-dialog .modal-content{ border: 0; box-shadow: 0 7px 10px -3px rgba(0, 0, 0, 0.10); }
#search .modal_body{ display: flex; padding: 20px; border: 0; align-items: center; gap:30px }
#search .modal_body .input_box { flex: 1 }
#search .modal_body .input_text { border: 0; border-radius: 0; height: 60px; border-bottom: 1px #CBD1D8 solid; font-size: 18px; font-weight: 400; }
.phone_box select{ margin-bottom: 0; }
.card_block{ background: #fff; box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.10); border-radius: 6px; border: 1px rgba(0, 0, 0, 0.10) solid; }
.sec_title{ color: #000; font-size: 25px; font-family: Inter; font-weight: 700; line-height: 35px; text-align: center; margin-bottom: 15px; }
.sec_desc{ color: #7E8B9E; font-size: 16px; font-family: Inter; font-weight: 400; text-align: center; margin-bottom: 25px; }
.verified_list .list_title{ color: #323A46; font-size: 14px; font-weight: 600; margin-bottom: 20px }
.verified_list ul li{ color: rgba(46, 46, 46, 0.75); font-size: 14px; font-weight: 500; padding-left: 22px; position: relative; }
.verified_list ul li:not(:last-child) { margin-bottom: 15px; }
.verified_list ul li:before{ content: ''; position: absolute; top: 7px; left: 0; width: 12px; height: 12px; background-image: url(../images/verified.svg); background-position: center; background-size: 100%; background-repeat: no-repeat; }


/* ---------- Home Start ---------- */

.home_blocks { display: flex; gap: 25px; }
.home_blocks .left { max-width: 280px; width: 100%; flex-direction: column; border: 0; box-shadow: none; background: transparent; }
.home_blocks .left .stiky_sidebar{ border-radius: 6px; border: 1px rgba(0, 0, 0, 0.10) solid; background: #FCFBFA; box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.10); position: sticky; top: 20px; min-height: 760px; display: flex; flex-direction: column; }
.home_blocks .left .stiky_sidebar .data_serch_filter input { padding-right: 35px; }
.home_blocks .input_box{ padding: 30px 15px 10px; margin-bottom: 0; border-bottom: 1px solid rgba(21, 144, 1, 0.30); position: relative; }
.home_blocks .input_box .refresh_search{ position: absolute; top: 46px; right: 30px; cursor: pointer; background-image: url('../../assets/images/close.png'); height: 13px; width: 13px; background-repeat: no-repeat; background-size: 100%; }
.home_blocks .input_box .input_text::placeholder{ color: #323A46 !important; text-transform: capitalize; }
#filter_choice { display: flex; flex-wrap: wrap; gap:7px; margin-top: 10px; }
#filter_choice .tag-container .close-tag:after{ content: ''; background-image: url('../../assets/images/close.png'); position: absolute; height: 10px; width: 10px; background-position: center; background-size: 100%; top: 12px; right: 10px; cursor: pointer; }
#filter_choice .tag-container{ background: #E3FFDE; border: 1px rgba(0, 0, 0, 0.10) solid; border-radius: 4px; color: #000; font-size: 14px; font-family: Inter; font-weight: 500; padding: 6px 29px 6px 10px; text-transform: capitalize; position: relative; }
.home_blocks .filters_detail { display: flex; height: 100%; flex-direction: column; justify-content: space-between; flex: 1; }
.home_blocks .filters_detail .cstm_btn{ margin: 15px; }
.home_blocks .filters_detail .sidefilter_title{ display: flex; align-items: center; justify-content: space-between; padding: 15px; border-bottom: 1px solid #C8C8C8; margin-bottom: 10px; }
.home_blocks .filters_detail .sidefilter_title h4{ color: #000; font-size: 20px; font-weight: 600; text-transform: capitalize }
.home_blocks .filters_detail .sidefilter_title .btn_link{ color: #159001; font-size: 16px; font-weight: 500; line-height: 22.40px; text-transform: capitalize }
.stiky_sidebar .input_select_filter { margin-bottom: 5px; border-bottom: 1px solid #C8C8C8; }

.home_blocks .right { border-left: 2px solid #EDEDED; padding-left: 30px; width: calc(100% - 280px); }
.home_blocks .right .card_block { min-height: 100%; display: flex; flex-direction: column; }
.home_blocks .content_heading .actions { margin-left: auto; display: flex; align-items: center; gap: 20px; }
.home_blocks .right .card_block .content_heading { flex: unset; }
.home_blocks .right .card_block .filter_tabs { flex: 1; display: flex; flex-direction: column; }
.home_blocks .right .card_block .filter_tabs .filter_items { flex: 1; position: relative; }
.load_more { margin: 20px auto; max-width: min-content; }
.home_blocks .right .card_block .filter_tabs .no_data_img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 140px; }
.home_blocks .filter_tabs_header .actions.export img{ width: 16px; margin:0 10px 3px 0; }
.bal_count{ color: #2E2E2E; font-size: 16px; font-weight: 600; }
#view_plans .modal_header{ padding: 17px 50px; }
.filter_tab_content { display: none; }
.filter_tab_content.active { display: block; }
.filter_tab_content .dataTables_wrapper .bottom{ display: flex; align-items: center; justify-content: space-between; }
.filter_tab_content .dataTables_wrapper .bottom .dataTables_length{ padding-left: 50px; }
.filter_tabs_header{ display: flex; align-items: flex-end; justify-content: space-between; padding: 20px 50px 15px; border-bottom: 4px solid #FAFAFC }
.filter_title_list{ display: flex; gap:50px }
.filter_title_list .filter_link{ text-transform: capitalize; color: #000; font-size: 18px; font-weight: 400; display: block; position: relative; }
.filter_title_list .filter_link.active:after{ content: ''; height: 4px; width:calc(100% + 20px); background: #159001; position: absolute; bottom: -19px; left: -10px; }
.filter_title_list .filter_link.active{ color: #159001; font-weight: 600 }
.data_serch_filter{ font-size: 0 }
.data_serch_filter label{ width: 100%; }
.sidebar-filter-wrapper .input_select{ margin-bottom: 0; }
.sidebar-filter-wrapper .select2{ width: 100% !important; padding-right: 15px; }
.sidebar-filter-wrapper .select2 .select2-selection{ background: transparent; border: 0 !important; }
.sidebar-filter-wrapper .select2 .select2-selection .select2-selection__rendered { padding: 0; border-left: 0; border-radius: 0 4px 4px 0; }
.sidebar-filter-wrapper .select2 .select2-selection .select2-search{ width: 100%; position: relative; padding: 9px 13px 9px 15px; border-radius: 0 4px 4px 0; border: 1px solid  transparent; cursor: pointer; }
.sidebar-filter-wrapper .select2.select2-container--open .select2-selection .select2-search{ border-left: 0; border: 1px solid #EDEDED; background: #E3FFDE; }
.sidebar-filter-wrapper .select2 .select2-selection .select2-search:after{ content: ''; margin-left: auto; background-image: url('../../assets/images/arrow_d.png'); background-repeat: no-repeat; background-position: center; width: 11px; background-size: contain; border: 0; height: 7px; position: absolute; width:10px; right: 13px; top: 18px; }
.sidebar-filter-wrapper .select2 .select2-selection .select2-search input{ width: 100% !important; margin: 0; cursor: pointer; }
.sidebar-filter-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #E3FFDE; border: 1px rgba(0, 0, 0, 0.10) solid; border-radius: 4px; color: #000; font-size: 14px; font-family: Inter; font-weight: 500; padding: 6px 10px 6px ; text-transform: capitalize; position: relative; margin: 0 0 10px 15px; white-space: normal; }
.sidebar-filter-wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered { flex-wrap: wrap; }
.sidebar-filter-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ font-size: 0; }
.sidebar-filter-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice{ padding-right: 30px }
.sidebar-filter-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after { content: ''; background-image: url('../../assets/images/close.png'); position: absolute; height: 10px; width: 10px; background-position: center; background-size: 100%; top: 12px; right: 10px; cursor: pointer; }
/* :is(#total_data_datatable, #new_data_datatable, #save_data_datatable , #listtable) :is(th:last-child, td:last-child){ width: 180px !important; min-width: 100px !important; text-align: left !important; }
:is(#total_data_datatable, #new_data_datatable, #save_data_datatable) td:nth-child(1){ width: 20% !important; }
:is(#total_data_datatable, #new_data_datatable, #save_data_datatable) td:nth-child(2){ width: 25% !important; }
:is(#total_data_datatable, #new_data_datatable, #save_data_datatable) td:nth-child(3){ width: 35% !important; }
:is(#total_data_datatable, #new_data_datatable, #save_data_datatable)  td:last-child a{ width: 100%; } */
:is(#total_data_datatable, #new_data_datatable, #save_data_datatable) td:nth-child(1), :is(#total_data_datatable, #new_data_datatable, #save_data_datatable) th:nth-child(1) { width: 20px !important; padding-left: 15px !important; }
div#total_data_datatable_wrapper .row:first-child { position: absolute; bottom: 20px; left: 20px; }
.filter_items table td:last-child .gmail_img{ object-fit: contain; margin-right: 10px }
.home_blocks .filter_tabs_header .actions.export:hover img, .filter_items table td:last-child .access_email:hover img { filter: brightness(0) invert(1) !important; }
.company_box{ font-weight: 600; }
.company_img{ margin-left: 15px; }
.name_img img, .company_img img { height: 19px; object-fit: contain; }
.person_checkbox{ position: relative; }
.name_img { display: block; margin-top: 5px; }
.filter_checkbox { position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); }
.export_data_modal .input_select{ margin-bottom: 20px }
.export_data_modal .input_select select{ background-image: none }
.export_data_modal .modal_body p{ text-align: justify; }
#selected_data{ position: relative; padding: 11px 15px 11px 45px; border: 1px solid #E6E6E6; border-radius: 4px; width: max-content; margin-left: auto; margin-right: 30px }
#selected_data:before{ content: ''; position: absolute; width: 20px; height: 20px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.30) inset; border-radius: 2px; background: #159001; left: 15px; top: 13px }
#selected_data:after{ content: ''; position: absolute; width: 10px; height: 3px; background: #fff; left: 20px; top: 22px; border-radius: 10px }
#selected_data span{ color: #414141; font-size: 16px; font-weight: 600; }
/* ---------- Home End ---------- */

/* ---------- Register Start ---------- */
.register_plans{ display: grid; grid-template-columns: 340px auto; gap:20px; } 
.register_plans .left{ padding: 30px 40px; }
.register_plans .right{ padding: 30px 60px 28px; }
.register_plans .sec_content{ display: flex; flex-wrap: wrap; gap: 0 45px; justify-content: space-between; }
.register_plans .sec_content .input_box:not(.w_100){ width: 47%; }
.register_plans .sec_content .input_box:nth-last-child(1){ margin-bottom: 0; }
.register_plans .sec_content .input_box:nth-last-child(2), .register_plans .sec_content .input_box:nth-last-child(3){ margin-bottom: 17px; }
.register_plans .sec_content .input_box.w_100{ width: 100%; }
.register_plans .checkbox .input_label{ color: #7E8B9E; }
.register_plans .sec_footer{ margin-top: 25px; text-align: center; }
.register_plans .sec_footer .cstm_btn{ max-width: 380px; width: 100%; }
.register_plans .sec_footer .have_account{ display: block; margin-top: 30px; font-size: 14px; font-weight: 500; color: #323A46; }
.register_plans .sec_footer .have_account a{ margin-left: 15px; }
.register_plans .reg_desc{ color: #323A46; font-size: 16px; font-weight: 600; line-height: normal; border-bottom:1px solid #159001; padding-bottom:15px; margin-bottom:20px; }
.register_plans .reg_title{ font-size: 25px; font-weight: 700; line-height: 35px; border-bottom:1px solid #159001; padding-bottom:15px; margin-bottom:20px; }
:is(.register_plans, .account_info) .input_box .phone_box{ flex-wrap: wrap; gap:0  20px }
:is(.register_plans, .account_info) .input_box .phone_box input{ flex: 1; }
.register_mail_verify { text-align: center; }
.register_mail_verify strong{ display: block; padding-bottom: 20px; font-size: 18px; font-weight: 600; text-transform: capitalize; }
.register_mail_verify span{ font-weight: 500; padding-bottom: 20px; display: block }
.register_mail_verify p{ margin-bottom: 20px; font-weight: 300; }
.register_mail_verify img{ height: 230px; margin-bottom: 30px }

:is(.admin_clients, .account_info) .phone_box .input_text {
    width: 100%;
    padding-left: 90px !important;
}


:is(.admin_clients, .account_info) .phone_box .iti {
    width: 100%;
}

:is(.admin_clients, .account_info) .phone_box .iti .iti__flag-container .iti__selected-flag {
    border: 1px #CBD1D8 solid;
    border-radius: 4px;
    background-color: rgb(0 0 0 / 12%);
}

:is(.admin_clients, .account_info) .phone_box .iti .iti__flag-container {
    padding: 3px;
    width: 80px;
}

:is(.admin_clients, .account_info) .phone_box .iti .iti__flag-container .iti__arrow {
    margin-left: 30px;
}
/* ---------- Register End ---------- */

/* ---------- Plans Start ---------- */
.plans .plan_management .plan_item{ padding-inline: 20px; width: auto; }
.plans .plan_management .plan_item.active:before { content: 'Most Popular'; background: #159001; position: absolute; top: 100px; left: -40px; width: 200px; height: 23px; color: #fff; font-size: 11px; font-weight: 700; line-height: 23px; text-align: center; transform: rotate(-48deg); transform-origin: 0 0; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }
.plans .plan_management .plan_item.active { background: #FAFAFC; overflow: hidden; border: 1px solid #159001; }
.plans .plan_item :is(h4){ text-align: center; }
.plans .plan_management { gap: 50px; }
.plans .plan_desc{ color: #2E2E2E; font-size: 14px; font-family: Inter; font-weight: 500; text-transform: uppercase; padding-block: 10px 16px; margin-bottom: 19px; border-bottom: 2px  solid rgba(21, 144, 1, 0.30); text-align: center; }
.plans .plan_price{ margin-block: 38px 30px; text-align: center; }
/* ---------- Plans End ---------- */

/* ---------- Account Info Start ---------- */
.account_format .top{ padding: 40px 50px 30px; border-bottom: 4px solid #eee; align-items: center; }
.account_format .bottom { padding: 30px 50px; }
.account_format .bottom form{ gap:0 50px; }
.account_info .grid_3{ gap:0 30px; }
.account_info .top{ display: grid; grid-template-columns: 100px auto; gap: 30px; }
.account_info .top img { border-radius: 50%; }
.account_info .top .profile_name{ color: #2E2E2E; font-size: 22px; font-weight: 500; line-height: 30.80px; margin-bottom: 5px; text-transform: capitalize; }
.account_info .top .profile_email{ color: #414141; font-size: 14px; font-weight: 400; line-height: 19.60px; word-wrap: break-word }
.account_info .bottom .actions{ display: flex; gap: 30px; justify-content: center; }
.account_info .bottom .info_img{ margin-left: 15px; }
/* ---------- Account Info End ---------- */

/* ---------- Organization Plans Start ---------- */
.organization_plans .left .left_content h5{ color: #000; font-size: 18px; font-weight: 600; margin-bottom: 15px; }
.organization_plans .left .left_content p{ color: #323A46; font-size: 14px; font-weight: 600; margin-bottom: 10px; }
.organization_plans .left .left_content{ flex: 1; }
.organization_plans .register_plans .left{ display: flex; flex-direction: column; }
/* ---------- Organization Plans End ---------- */

/* ---------- Plan Purchase Start ---------- */
.plan_purchase .top{ padding:40px 50px 30px; border-bottom: 2px solid #EDEDED; }
.plan_purchase .plan_price{ display: flex; align-items: center; justify-content: space-between; padding:0 25px 25px; margin-bottom: 20px; border-bottom: 2px solid #EDEDED; }
.plan_purchase .plan_desc{ display: flex; padding:0 25px 0; }
.plan_purchase .plan_desc p:not(.desc_list p){ color: #2E2E2E; font-size: 16px; font-weight: 600; max-width: 500px; width: 100%; }
.plan_purchase .plan_desc .desc_list{ max-width: 480px; }
.plan_purchase .plan_desc .desc_list :is(p , li){ color: #323A46; font-size: 16px; font-weight: 400; margin-bottom: 12px; line-height: 19px; }
.plan_purchase .plan_desc .desc_list li:last-child{ margin-bottom:0 ; }
.plan_purchase .top .left h3{ color: #000; font-size: 26px; font-weight: 700; margin-bottom: 10px; }
.plan_purchase .top .left p{ color: #159001; font-size: 22px; font-weight: 700; line-height: 27px; }
.plan_purchase .form_title{ color: #2E2E2E; font-size: 16px; font-weight: 600; margin-bottom: 30px; }
.plan_purchase form{ padding-inline: 25px; }
.plan_purchase form :is(.grid_2, .grid_4){ gap: 0 50px; }
.plan_purchase .bottom .actions{ text-align: center; }
.plan_purchase .bottom .actions .cstm_btn{ max-width: 220px; width: 100%; }
/* ---------- Plan Purchase End ---------- */

/* ---------- View credits Start ---------- */
.view_credits .credit_list{ display: flex; flex-wrap: wrap; gap: 40px; }
.view_credits .credit_item{ max-width: 290px; width: 100%; background: #FAFAFC; border-radius: 6px; border: 1px #CBD1D8 solid; padding: 30px; }
.view_credits .credit_item h4{ color: #159001; font-size: 18px; font-weight: 600; }
.view_credits .credit_item p{ color: #2E2E2E; font-size: 14px; font-weight: 500; margin-block: 5px; line-height: 20px; text-transform: capitalize; }
.data_table .view_credits .dataTable { border: 1px solid #EDEDED; border-bottom: 0; border-radius: 4px 4px 0 0; }
.view_credits .tran_title{ color: #2E2E2E; font-size: 16px; font-weight: 600; margin-block: 15px 33px; }
.data_table table#credit_datatable #tbody td:first-child{ white-space: nowrap; }
.view_credits:not(.team, .my_list) .content_heading .actions { display: grid !important; grid-template-columns: 250px 1fr; }
.view_credits .bottom.credit_transactions{ padding: 30px 0; }
.data_table table#credit_datatable .col_th:last-child, .data_table table#credit_datatable #tbody  td:last-child{ text-align: left }
#mylist_datatable_info, .view_credits .bottom.credit_transactions .tran_title, #team_datatable_info, #credit_datatable_info{ padding-left: 50px }
/* ---------- View credits End ---------- */

/* ---------- My List Start ---------- */
.my_list .content_heading .actions #mylist_datatable_filter input{ height: 45px; border: 1px rgba(0, 0, 0, 0.10) solid; border-radius: 4px; padding-left: 45px; color: #323A46; font-size: 14px; font-weight: 500; }
.my_list .content_heading .actions #mylist_datatable_filter label{ font-size: 0; margin: 0; width: 100%; position: relative; }
.my_list .content_heading .actions #mylist_datatable_filter label:after { content: ''; background-image: url('../../assets/images/search.png'); position: absolute; width: 17px; height: 17px; top: 15px; left: 15px; opacity: 0.4; background-size: 100%; background-repeat: no-repeat; }
.team, .my_list, .web_guide, .account_info, .view_credits, .plans { min-height: calc(100vh - 180px); }
.dashboard .content_wrapper .data_table, :is(.team, .my_list, .view_credits){ display: flex; flex-direction: column; height: 100%; }
.dashboard .content_wrapper .data_table .dataTables_wrapper, :is(.team, .my_list, .view_credits) :is(.account_detail, .member_content){ display: flex; flex-direction: column; flex: 1; height: 100%; }
:is(.team, .view_credits) :is(.account_detail, .member_content) .bottom{ display: flex; flex-direction: column; flex: 1; height: 100%; }
:is(.team, .my_list, .view_credits) :is(.account_detail, .member_content)  .dataTables_wrapper{ flex: 1; display: flex; flex-direction: column; }
:is(.my_list, .team)  .dataTables_wrapper .row:last-child .dataTables_info{ margin-bottom: 30px; }
:is( .view_credits) :is(.account_detail, .member_content)  .dataTables_wrapper .row:last-child .dataTables_info{ padding-bottom: 0; }
.dashboard .content_wrapper .data_table .row .dataTables_info{ padding-left: 50px; }
.dashboard .content_wrapper .data_table .row:last-child, :is(.team, .my_list, .view_credits) :is(.account_detail, .member_content)  .dataTables_wrapper .row:last-child { margin-top: auto; }
.back_button .cstm_btn{ display: flex; justify-content: center; gap:10px; color: #000; align-items: center; width: max-content; }
.back_button .cstm_btn:hover img{ filter: brightness(0) invert(1); }
#mylist_datatable .listview{ color: #2E2E2E; }
.pagination_row{ display: flex; flex-wrap: wrap; align-items: center; flex-wrap: wrap; justify-content: space-between; }
/* ---------- My List End ---------- */

/* ---------- Team Member Start ---------- */
.data_table :is(.team, .my_list) table .col_th:last-child{ padding-right: 50px; }
/* ---------- Team Member End ---------- */

/* ---------- Web Guide Start---------- */
.webGuide_detail{ padding: 30px 50px; }
.guide_row{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 40px; }
.webGuide_detail .guide_item .img_box img{ height: 172px; width: 100%; object-fit: cover; border-radius: 6px; }
.guide_item .img_box{ margin-bottom: 20px; }
.guide_item p{ color: #000; font-size: 16px; font-weight: 600; line-height: 25px; margin-bottom: 7px; }
.guide_item span{ color: rgba(0, 0, 0, 0.60); font-size: 14px; font-weight: 400; line-height: 25px; }
/* ---------- Web Guide End---------- */

/* ---------- Order Success Start---------- */
.order_success{ text-align: center; padding: 40px 50px; }
.success_text{ max-width: 360px; width: 100%; margin: 50px auto 0 }
.success_text h6{ color: #2E2E2E; font-size: 16px; font-weight: 600; margin-bottom: 25px; }
.success_text p{ color: #323A46; font-size: 14px; font-weight: 400; }
.success_text p b{ font-weight: 700 }
.success_text .order_no{ padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #EDEDED; }
/* ---------- Order Success End---------- */

/* ---------- Log in Start---------- */
.home_login { padding-left: calc((100% - 1630px) / 2); }
.home_login .login_side_img{ margin: -40px 0 -40px 0; }
.home_login .full_container{ display: flex; justify-content: space-between; gap: 20px; position: relative; }
.login_side_img{ position: relative; margin-left: auto; }
.login_side_img img{ box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); max-width: 845px; width: 100%; height: 100%; }
.side_img_text{ position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); max-width: 710px; width: 100%; }
.side_img_text h5{ text-align: center; color: #159001; font-size: 25px; font-weight: 700; line-height: 35px; }
.home_login .full_container{ display: flex; align-items: center; gap: 70px; justify-content: space-between; }
.home_login .full_container .login_card_outside{ flex: 1; }
.home_login .full_container .login_card { margin: 0; height: max-content; padding: 30px 60px 28px; position: unset; transform: unset; max-width: 500px; width: 100%; margin: 0 auto; }
.home_login .login_card_body .input_box{ margin-bottom: 15px; }
.home_login .login_card_body .create_acc{ margin-top: 15px; }
.login_card_header .login_text{ margin-top: 15px; line-height: 19px; text-align: center; color: #7E8B9E; font-size: 16px; font-weight: 400; }
.login_card_body .password{ margin-bottom: 0; }
.login_card_body .other_btns{ display: flex; gap: 20px; justify-content: space-between; align-items: center; }
.login_card_body .other_btns .social_btn{ font-size: 14px; color: #7E8B9E; font-size: 14px; font-weight: 500; padding: 13px 10px; background: #fff; border-radius: 5px; border: 1px #E0E3E8 solid; flex: 1; white-space: nowrap; }
.login_card_body .other_btns .social_btn img{ margin-right: 8px; }
.login_card_body .have_account{ display: block; margin-top: 20px; text-align: center; }
.login_card_body .invalid-feedback .verifiedurl { color: #159001; text-decoration: underline; text-underline-offset: 3px; }
.login_card_body .invalid-feedback .verifiedurl:hover{ color: #0a58ca; text-decoration: none; }
.create_acc{ color: #159001; font-size: 14px; font-weight: 600; text-decoration: underline; text-transform: capitalize; text-underline-offset: 3px; text-align: center; display: block; margin-top: 30px; }
.home_blocks .input_box .input_text::placeholder{ color: #323A46 !important; text-transform: capitalize; }
/* ---------- Log in End---------- */

/* ------------------------------ Front-End End ------------------------------ */
.multicheck-box-wrapper { display: grid; grid-template-columns: 25px 25px; background-color: #c8c8c885; border-radius: 4px; align-items: center; width: 50px; }
.multicheck-box-wrapper :is( .multi_select, .multi_newselect, .multi_savedselect){ text-align: center; }
.select_newdropdown, .select_saveddropdown, .select_dropdown { position: absolute; left: 0; padding: 0; background: #fff; min-width: 300px; box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12); top: 55px; z-index: 9; }
:is(.select_saveddropdown, .select_newdropdown, .select_dropdown ) button:hover{ background: #159001; color: #fff; border-color: #159001; }
:is(.select_saveddropdown, .select_newdropdown, .select_dropdown ) button:not(:last-child){ border-bottom: 1px solid #eee; }
:is(.select_saveddropdown, .select_newdropdown, .select_dropdown ) button{ display: block; width: 100%; text-align: left; background: transparent; padding: 12px 16px; }


.input_checkbox+label:before{
    border: 1px #CBD1D8 solid;
}
.actions.export .cstm_btn.export_data_btn:hover img{
    filter: brightness(0) invert(1);
}
.actions.export .cstm_btn.export_data_btn img{
    width: 16px;
    margin: 0 10px 3px 0;
}
#data_import_datatable_wrapper > .row:last-child {
    flex-wrap: nowrap;
    justify-content: space-between;
}
#data_import_datatable_wrapper > .row:last-child .col-sm-12{
    max-width: unset;
    flex: unset;
    width: auto;
}
#data_import_datatable_wrapper > .row:last-child .col-sm-12 .dataTables_info{
    padding-block:20px
}


#data_import_datatable_wrapper #data_import_datatable .col_th:last-child{
    width: 50px !important
}