/* bootstrap.min.css */
:root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }
*, ::after, ::before { box-sizing: border-box; }
html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body { margin: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; }
p { margin-top: 0px; margin-bottom: 1rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; }
a:hover { color: rgb(0, 86, 179); text-decoration: underline; }
img { vertical-align: middle; border-style: none; }
svg { overflow: hidden; vertical-align: middle; }
table { border-collapse: collapse; }
label { display: inline-block; margin-bottom: 0.5rem; }
button { border-radius: 0px; }
button:focus { outline: -webkit-focus-ring-color auto 5px; }
button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
textarea { overflow: auto; resize: vertical; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
.h1, h1 { font-size: 2.5rem; }
.h2, h2 { font-size: 2rem; }
.h3, h3 { font-size: 1.75rem; }
.h4, h4 { font-size: 1.5rem; }
.h5, h5 { font-size: 1.25rem; }
.h6, h6 { font-size: 1rem; }
.small, small { font-size: 80%; font-weight: 400; }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 576px) {
.container { max-width: 540px; }
}
@media (min-width: 768px) {
.container { max-width: 720px; }
}
@media (min-width: 992px) {
.container { max-width: 960px; }
}
@media (min-width: 1200px) {
.container { max-width: 1140px; }
}
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
@media (min-width: 768px) {
.col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 992px) {
.col-lg-3 { flex: 0 0 25%; max-width: 25%; }
.col-lg-9 { flex: 0 0 75%; max-width: 75%; }
.col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-lg-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 1200px) {
.col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
}
.table { width: 100%; margin-bottom: 1rem; color: rgb(33, 37, 41); }
.table td, .table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(222, 226, 230); }
.table-bordered { border: 1px solid rgb(222, 226, 230); }
.table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230); }
.table-responsive { display: block; width: 100%; overflow-x: auto; }
.table-responsive > .table-bordered { border: 0px; }
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(40, 167, 69); }
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(220, 53, 69); }
.btn { display: inline-block; font-weight: 400; color: rgb(33, 37, 41); text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.btn { transition: none; }
}
.btn:hover { color: rgb(33, 37, 41); text-decoration: none; }
.btn.focus, .btn:focus { outline: 0px; box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }
.btn.disabled, .btn:disabled { opacity: 0.65; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 98, 204); border-color: rgb(0, 92, 191); }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(38, 143, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(84, 91, 98); border-color: rgb(78, 85, 91); }
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: rgba(130, 138, 145, 0.5) 0px 0px 0px 0.2rem; }
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(30, 126, 52); border-color: rgb(28, 116, 48); }
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: rgba(72, 180, 97, 0.5) 0px 0px 0px 0.2rem; }
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(17, 122, 139); border-color: rgb(16, 112, 127); }
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: rgba(58, 176, 195, 0.5) 0px 0px 0px 0.2rem; }
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(211, 158, 0); border-color: rgb(198, 149, 0); }
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: rgba(222, 170, 12, 0.5) 0px 0px 0px 0.2rem; }
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(189, 33, 48); border-color: rgb(178, 31, 45); }
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: rgba(225, 83, 97, 0.5) 0px 0px 0px 0.2rem; }
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(218, 224, 229); border-color: rgb(211, 217, 223); }
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: rgba(216, 217, 219, 0.5) 0px 0px 0px 0.2rem; }
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(29, 33, 36); border-color: rgb(23, 26, 29); }
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: rgba(82, 88, 93, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 123, 255); border-color: rgb(0, 123, 255); }
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: rgba(0, 123, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(108, 117, 125); border-color: rgb(108, 117, 125); }
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: rgba(108, 117, 125, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(40, 167, 69); border-color: rgb(40, 167, 69); }
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: rgba(40, 167, 69, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(23, 162, 184); border-color: rgb(23, 162, 184); }
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: rgba(23, 162, 184, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle { color: rgb(33, 37, 41); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(52, 58, 64); border-color: rgb(52, 58, 64); }
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: rgba(52, 58, 64, 0.5) 0px 0px 0px 0.2rem; }
.btn-link { font-weight: 400; color: rgb(0, 123, 255); text-decoration: none; }
.btn-link:hover { color: rgb(0, 86, 179); text-decoration: underline; }
.btn-link.focus, .btn-link:focus { text-decoration: underline; box-shadow: none; }
.btn-link.disabled, .btn-link:disabled { color: rgb(108, 117, 125); pointer-events: none; }
.btn-block { display: block; width: 100%; }
.collapse:not(.show) { display: none; }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(128, 189, 255); }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(179, 215, 255); border-color: rgb(179, 215, 255); }
.card { position: relative; display: flex; flex-direction: column; min-width: 0px; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; }
.card-body { flex: 1 1 auto; padding: 1.25rem; }
.card-header { padding: 0.75rem 1.25rem; margin-bottom: 0px; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.card-header:first-child { border-radius: calc(-1px + 0.25rem) calc(-1px + 0.25rem) 0px 0px; }
.accordion > .card { overflow: hidden; }
.accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0px; }
.accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0px; border-radius: 0px; }
.accordion > .card:first-of-type { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.accordion > .card:last-of-type { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.accordion > .card .card-header { margin-bottom: -1px; }
.list-group { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; }
.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.125); }
.list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
.list-group-item:last-child { margin-bottom: 0px; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
.list-group-item.disabled, .list-group-item:disabled { color: rgb(108, 117, 125); pointer-events: none; background-color: rgb(255, 255, 255); }
.list-group-item-secondary { color: rgb(56, 61, 65); background-color: rgb(214, 216, 219); }
.list-group-item-warning { color: rgb(133, 100, 4); background-color: rgb(255, 238, 186); }
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 0.75; }
.d-none { display: none !important; }
.d-flex { display: flex !important; }
@media (min-width: 576px) {
.d-sm-flex { display: flex !important; }
}
@media (min-width: 768px) {
.d-md-block { display: block !important; }
.d-md-flex { display: flex !important; }
}
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.align-items-center { align-items: center !important; }
.position-relative { position: relative !important; }
.mb-0, .my-0 { margin-bottom: 0px !important; }
.mt-2, .my-2 { margin-top: 0.5rem !important; }
.mb-2, .my-2 { margin-bottom: 0.5rem !important; }
.mt-3, .my-3 { margin-top: 1rem !important; }
.mb-3, .my-3 { margin-bottom: 1rem !important; }
.pt-5, .py-5 { padding-top: 3rem !important; }
.pr-5, .px-5 { padding-right: 3rem !important; }
.pb-5, .py-5 { padding-bottom: 3rem !important; }
.mr-auto, .mx-auto { margin-right: auto !important; }
.ml-auto, .mx-auto { margin-left: auto !important; }
.text-justify { text-align: justify !important; }
.text-center { text-align: center !important; }
.text-body { color: rgb(33, 37, 41) !important; }
.text-decoration-none { text-decoration: none !important; }
@media print {
*, ::after, ::before { text-shadow: none !important; box-shadow: none !important; }
a:not(.btn) { text-decoration: underline; }
img, tr { break-inside: avoid; }
h2, h3, p { orphans: 3; widows: 3; }
h2, h3 { break-after: avoid; }
body { min-width: 992px !important; }
.container { min-width: 992px !important; }
.table { border-collapse: collapse !important; }
.table td, .table th { background-color: rgb(255, 255, 255) !important; }
.table-bordered td, .table-bordered th { border: 1px solid rgb(222, 226, 230) !important; }
}
/* style.css */
body { font-family: Outfit, sans-serif; background-color: rgb(255, 255, 255); }
h1, h2, h3 { font-family: Outfit, sans-serif; }
h1 { font-size: 58px; color: rgb(255, 255, 255); line-height: 69px; }
p { font-family: Outfit, sans-serif; }
#particle-canvas { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.59); vertical-align: middle; z-index: 1; opacity: 1; position: absolute; }
.btn { border-radius: 50px; display: inline-block; padding: 3px 6px; }
@media (max-width: 767px) {
#header_navbar .nav > #nav-check:not(:checked) ~ .nav-links { height: 0px; }
}
.slider_area .banner-wrapper-content [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: auto; }
@media (max-width: 767px) {
h1 { font-size: 24px; color: rgb(255, 255, 255); line-height: 33px; }
}
.terms_conditions { width: 100%; float: left; position: relative; padding: 5% 0px; }
.privacy_policy { width: 100%; float: left; position: relative; padding: 5% 0px; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }
.ps-3 { padding-left: 1rem !important; }
.grievance-step-wrapper { margin: 30px 0px; }
.step-card .card { border-radius: 12px; }
.step-card .card-header { padding: 6px 24px; border-radius: 10px 10px 0px 0px !important; }
.step-card .card-header .top-head { display: flex; justify-content: space-between; align-items: center; gap: 5px; }
.step-card .card-header .left-head { display: flex; gap: 30px; align-items: center; }
.card-1 { border: 2px solid rgb(201, 217, 249); }
.card-1 .card-header { background-color: rgb(83, 143, 224); }
.card-2 { border: 2px solid rgb(243, 232, 255); }
.card-2 .card-header { background: linear-gradient(99deg, rgb(92, 66, 173) 48%, rgb(154, 115, 202) 86%); }
.card-3 { border: 2px solid rgb(250, 230, 207); }
.card-3 .card-header { background: linear-gradient(83deg, rgb(233, 153, 40) 73%, rgb(246, 181, 90) 100%); }
.card-4 { border: 2px solid rgb(250, 194, 205); }
.card-4 .card-header { background: linear-gradient(83deg, rgb(204, 73, 95) 73%, rgb(244, 103, 122) 100%); }
.card-level { font-size: 18px; color: rgb(255, 255, 255); margin-bottom: 0px; font-weight: 800; margin-top: 0px; }
.card-head { font-size: 24px; font-weight: 500; color: rgb(255, 255, 255); margin-bottom: 0px; margin-top: 0px; }
.tat-box { padding: 8px 24px; border-radius: 12px; color: rgb(43, 35, 94); font-size: 14px; font-weight: 500; text-align: center; }
.tat-box1 { background-color: rgb(201, 217, 249); }
.tat-box2 { background-color: rgb(243, 232, 255); color: rgb(92, 66, 173); }
.tat-box3 { background-color: rgb(250, 230, 207); color: rgb(170, 100, 2); }
.tat-box4 { background-color: rgb(250, 194, 205); color: rgb(205, 72, 95); }
.step-card .card-body { padding: 16px 24px; }
.custom-list { width: 70%; }
.custom-list .list-group-item-secondary { color: rgb(65, 70, 75); background: rgb(248, 250, 252); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 6px 12px; border-radius: 9px; }
.label-li { color: rgb(30, 39, 84); font-size: 16px; font-weight: 700; }
.link-li { color: rgb(54, 169, 226); font-size: 16px; font-weight: 500; word-break: break-all; }
.custom-list .list-group-item-warning { background-color: rgb(255, 247, 234); padding: 8px 12px; border-radius: 9px; font-size: 12px; font-weight: 600; color: rgb(245, 158, 11); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.custom-list .list-group { margin-bottom: 0px; }
.list-info { gap: 4px; display: flex; align-items: center; }
.bottom-card { background-color: rgb(238, 239, 249); border-radius: 12px; padding: 10px 16px; margin-top: 24px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.bottom-card .d-md-flex { display: flex; gap: 100px; align-items: center; }
.box-btn { padding: 4px 12px; border-radius: 8px; font-size: 12px; font-weight: 600; border: 1px solid rgb(224, 224, 224); display: flex; align-items: center; gap: 8px; }
.success { color: rgb(5, 150, 105); background-color: rgb(236, 253, 245); }
.warning { color: rgb(3, 46, 99); background-color: rgb(254, 242, 242); }
.danger { color: rgb(251, 66, 83); background-color: rgb(243, 243, 243); }
.warning1 { background-color: rgb(246, 232, 224); color: rgb(170, 100, 2); }
.arrow-box { text-align: right; margin-right: 80px; margin-bottom: 1rem !important; }
.arrow-box-down img { width: 84%; }
.arrow-box-down { text-align: center; }
.me-0 { margin-right: 0px; }
.text-center { text-align: center; }
.grievance-step-wrapper-row { display: flex; flex-wrap: wrap; justify-content: center; }
.step-card .d-sm-flex { display: flex; gap: 24px !important; }
.mb-2 { margin-bottom: 8px !important; }
.my-2 { margin-top: 8px !important; margin-bottom: 8px !important; }
.label-icon { display: flex; align-items: center; gap: 8px; }
.label-icon a:focus, .label-icon a:hover { text-decoration: none; }
.light-txt { font-weight: 400; }
.card-level { width: 86px; }
@media (max-width: 1024.98px) {
.card-level { font-size: 16px; }
.card-head { font-size: 20px; }
}
@media (max-width: 1199.98px) {
.bottom-card .d-md-flex { gap: 60px; }
}
@media (max-width: 991.98px) {
.card-head { font-size: 18px; }
.card-level { font-size: 15px; }
.step-card .card-header .left-head { gap: 25px; }
}
@media (max-width: 767.98px) {
.arrow-box { margin-right: 55px; }
.me-0 { margin-right: 0px; }
.card-head { font-size: 18px; }
.card-level { font-size: 15px; }
.tat-box { padding: 8px 12px; font-size: 12px; }
.step-card .card-header, .step-card .card-body { padding: 10px 15px; }
.custom-list { width: 100%; }
.bottom-card { display: block; }
.bottom-card .d-md-flex { display: block; }
}
@media (max-width: 650.98px) {
.step-card .card-header .left-head { gap: 15px; }
.link-li { font-size: 14px; }
.label-li { font-size: 14px; }
.card-head { font-size: 16px; }
.card-level { font-size: 13px; }
}
@media (max-width: 563.98px) {
.bottom-card, .bottom-card .d-md-flex { display: block; }
.arrow-icon-box { display: none; }
}
@media (max-width: 511.98px) {
.step-card .card-header .top-head { display: block; }
.step-card .card-header .left-head { gap: 12px; justify-content: space-between; }
.card-level { font-size: 13px; }
.card-head { font-size: 16px; }
.step-card .d-sm-flex { display: block; }
.link-li { font-size: 14px; }
.label-li { font-size: 14px; }
.side-icon { width: 60px; }
.label-li { color: rgb(30, 39, 84); font-size: 14px; }
}
@media (max-width: 474.98px) {
.card-level { font-size: 13px; }
.card-head { font-size: 16px; }
}