@import "bootstrap.min.css";
/* Using a string */

/*# sourceMappingURL=bootstrap.min.css.map */

/*
  Theme Name: Investkarnataka Protal Theme
  Theme URI: https://narrative.asia/
  Author: Narrative team
  Author URI: http://narrative.asia
  Description: Narrative is a Bangalore-based strategy and design agency. We work with brands that dare to be different. Backed with a clear narrative, our goal is to deliver powerful brand stories that are memorable and iconic. Design to us is both an art and science. And that’s how we approach it. Thorough research, clear process, and focused creativity are at the core of our services.
  Version: 2.3
  Requires at least: 4.7
  Requires PHP: 5.2.4
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain: narrative
  Tags: Branding, Bangalore agency, Design, brand strategy, advertising, India,digital, social media

  This theme, like WordPress, is licensed under the GPL.
  Use it to make something cool, have fun, and share what you've learned with others.
  */

/*--------------------------------------------------------------
  >>> TABLE OF CONTENTS:
  ----------------------------------------------------------------
  1.0 Normalize
  2.0 Accessibility
  3.0 Alignments
  4.0 Clearings
  5.0 Typography
  6.0 Forms
  7.0 Formatting
  8.0 Lists
  9.0 Tables
  10.0 Links
  11.0 Featured Image Hover
  12.0 Navigation
  13.0 Layout
  13.1 Header
  13.2 Front Page
  13.3 Regular Content
  13.4 Posts
  13.5 Pages
  13.6 Footer
  14.0 Comments
  15.0 Widgets
  16.0 Media
  16.1 Galleries
  17.0 Customizer
  18.0 SVGs Fallbacks
  19.0 Media Queries
  20.0 Print
  --------------------------------------------------------------*/

/*--------------------------------------------------------------
  1.0 Normalize
  Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
  --------------------------------------------------------------*/

/* font converted using font-converter.net. thank you! */
body {
  font-size: 14px;
  font-weight: 300;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  color: #414042;
  background-color: #f9f9f9;
  line-height: 150%;
}

label {
  font-size: 12px;
}

a {
  color: #bcbec0;
  text-decoration: none;
}

.vfx {
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  padding: 1rem;
}

.btn {
  padding: 0.571rem 3.286rem;
  border: 0;
  border-radius: 100px;
  height: 50%;
  border: 2px solid;
}

.input-group .btn-secondary {
  border: 0;
  padding: 0.8rem 0.9rem;
}

.navbar-expand-lg .navbar-nav .nav-link {
  margin-right: 4rem;
  font-size: 14px;
  opacity: 0.9;
}

.logedin-nav {
  list-style: none;
}

.logedin-nav a.nav-link.dropdown-toggle {
  padding: 0.6rem 0.857rem;
  border-radius: 100px;
  border: 1px solid #fff;
  line-height: 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 0.786rem;
  height: 35px;
}

.logedin-nav a.nav-link {
  padding: 0.6rem 23px;
  border-radius: 100px;
  border: 1px solid #fff;
  line-height: 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 0.786rem;
  height: 35px;
}

.logedin-nav .nav-link-button {
  background-color: #fff;
  color: #ee2737;
  font-weight: 600;
}

.logedin-nav .nav-link-button:hover,
.logedin-nav .nav-link-button:focus {
  background-color: #ee2737;
  color: #fff;
  border-color: #ee2737;
}

::-webkit-input-placeholder {
  color: #bcbec0 !important;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #bcbec0 !important;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #bcbec0 !important;
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #bcbec0 !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #bcbec0 !important;
}

::placeholder {
  /* Most modern browsers support this now. */
  color: #bcbec0 !important;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ee2737;
  --bs-btn-border-color: #ee2737;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #414042;
  --bs-btn-hover-border-color: #414042;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #414042;
  --bs-btn-active-border-color: #414042;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ee2737;
  --bs-btn-disabled-border-color: #ee2737;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #bcbec0;
  --bs-btn-border-color: #bcbec0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #414042;
  --bs-btn-hover-border-color: #414042;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #414042;
  --bs-btn-active-border-color: #414042;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #bcbec0;
  --bs-btn-disabled-border-color: #bcbec0;
}

/* ======== Modals ======= */
.modal-backdrop {
  --bs-backdrop-zindex: 0;
  /* --bs-backdrop-bg: transparent; */
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}

.modal-dialog.modal-dialog-centered {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-header,
.modal-footer {
  border: 0;
}

.modal-body .modal-logs {
  text-align: center;
}

.modal-body .modal-logs img.img-fluid {
  width: 16%;
  margin-bottom: 2rem;
}

.modal-logs h4 {
  font-size: 1.143rem;
  font-weight: 300;
  line-height: 150%;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
  width: 78%;
}

.modal-body .modal-logs img.img-fluid {
  width: 20%;
  margin-bottom: 1.429rem;
}

.modal-logs h4 {
  margin-bottom: 1.429rem;
}

.modal-header {
  padding-bottom: 0;
}

.modal-logs.form-md-wapper {
  padding: 0;
}

.modal-logs.form-md-wapper .form-md-row.text-center {
  margin-bottom: 2rem;
}

.form-md-row-text-box {
  display: flex;
  width: 55%;
  margin: auto;
  gap: 20px;
  text-align: center;
}

#OTPValidate .modal-dialog.modal-dialog-centered {
  padding: 0 2rem;
}

/* ======== Navbar ========  */
a.navbar-brand img.img-fluid {
  max-width: 278px;
}

.nav-head {
  display: block;
  width: 100%;
  padding: 1.8rem 0rem;
  position: relative;
  z-index: 2;
}

.nav-head .col-md-6 .d-flex.justify-content-end {
  gap: 15px;
}

.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
  color: #fff;
}

.nav-link,
.nav-link:hover,
.nav-link:focus {
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
}

.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
}

header {
  display: block;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

nav.navbar.navbar-expand-lg {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(3, 3, 3, 0.2);
  backdrop-filter: blur(5px);
  z-index: 1;
}

ul.navbar-nav.ms-auto.mb-2.mb-lg-0.d-flex.justify-content-lg-between {
  flex: 1;
  margin: auto !important;
  display: flex;
  justify-content: space-between;
}

.query-header-icon {
  display: flex;
  height: 35px;
  width: 35.2px;
  padding: 8px 5px 6px 6px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #fff;
}

.globe-header-icon {
  height: 15px;
  display: none;
}

.menu-icon-header {
  width: 14px;
  height: 14px;
}

.navbar-expand-lg .navbar-nav .nav-link {
  margin-right: 4rem;
}

.navbar-expand-lg ul.navbar-nav {
  display: flex;
  max-width: 1140px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}

.logedin-nav a.dropdown-item {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 0.571rem;
}

.logedin-nav a.dropdown-item {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 0.571rem;
}

.logedin-nav .dropdown-item:focus,
.logedin-nav .dropdown-item:hover {
  background-color: transparent;
}

.logedin-nav .dropdown-item:focus span.nav-span,
.logedin-nav .dropdown-item:hover span.nav-span {
  background-color: #414042;
  color: #fff;
}

span.nav-span {
  width: 85%;
  padding: 3px 10px;
  border-radius: 4px;
}

.logedin-nav a.dropdown-item svg {
  width: 20px;
}

section {
  padding: 2.875rem 0;
  background-color: #fff;
}

.pos-r {
  position: relative;
  z-index: -1;
}

.form-md-wapper h1 {
  font-size: 1.714rem;
  margin-bottom: 0.571rem;
}

.form-md-wapper h3 {
  font-size: 0.857rem;
  font-weight: 300;
  line-height: 150%;
}

.form-md-row.text-center {
  margin-bottom: 4rem;
}

.form-check {
  font-size: 0.857rem;
  display: flex;
  align-items: center;
}

.form-check label.form-check-label {
  color: #414042;
}

.form-check-input:checked {
  background-color: rgba(238, 39, 55, 1);
  border-color: rgba(238, 39, 55, 1);
}

.form-check-input {
  width: 0.8rem;
  height: 0.8rem;
}

.form-md-wapper h4 {
  font-size: 1rem;
}

.imageblock-wapper {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: right;
  z-index: 1;
  justify-content: end;
  display: flex;
  padding-left: 45%;
  align-items: end;
}

.form-md-wapper {
  padding: 3rem 4rem;
  min-height: 775px;
}

.form-md-row {
  display: block;
  width: 100%;
  margin-bottom: 2.571rem;
}

input#no:focus {
  box-shadow: none;
}

input#yes {
  box-shadow: none;
}

label.form-label.userpassword {
  display: block;
  width: 100%;
}

.diable-lable {
  color: #939598;
  font-size: 0.85rem;
}

.form-md-wapper sup {
  color: #ee2737;
  font-size: 1rem;
  top: -0.1rem;
}

input#Captcha {
  text-align: center;
}

.form-md-row.text-center.mb-0 p.diable-lable {
  margin-bottom: 0;
}

.form-md-row.text-center.mb-0 p.diable-lable a {
  color: #ee2737;
  text-decoration: none;
}

footer {
  background: linear-gradient(180deg, #000 0%, #666 100%);
  color: #fff;
  font-size: 0.8rem;
  padding: 7.143rem 0;
  padding-top: 52px;
}

.footer-wapper .col-speial-wapper {
  padding: 2.857 1.071;
  padding-bottom: 0;
}

.footer-navigation-bar {
  margin-bottom: 2.143;
}

footer p {
  font-size: 0.9rem;
  margin-bottom: 0;
  position: relative;
  color: rgba(228, 228, 228, 0.71);
}

.footer-navigation-bar-fil ul.nav.flex-column {
  max-height: 320px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

.footer-navigation-bar-fil ul.nav.flex-column li.nav-item {
  width: 100%;
  margin-bottom: 5px;
}

.footer-navigation-bar a.nav-link {
  padding-bottom: 0;
  color: #939598;
  font-size: 0.9rem;
  font-weight: 300;
}

.footer-wapper .col-speial-wapper {
  padding-bottom: 0;
  padding-top: 0;
}

.social-share-wapper-to-placeer {
  margin-top: 50%;
}

.social-share-wapper img.img-fluid {
  max-width: 45px;
}

.social-share-wapper .col-md-9 {
  padding-left: 0;
}

.social-share-wapper p {
  margin-left: 0;
}

.social-share-wapper h3.Industrial-Policy-d {
  font-size: 1.2rem;
}

.footer-navbar-wapper p b {
  color: #ee2737;
  font-weight: 500;
  font-size: 1rem;
}

.social-share-wapper p {
  color: #ee2737;
}

.social-chanal-wap ul {
  display: flex;
  list-style: none;
  gap: 20px;
  justify-content: end;
}

.form-md-row .nav-pills {
  --bs-nav-pills-border-radius: 0.286rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #ee2737;
}

.form-md-row ul#nav-tab li.nav-item {
  width: 50%;
  text-align: center;
}

.form-md-row .nav-pills .nav-link {
  color: rgba(161, 161, 161, 1);
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.form-md-row .nav-pills .nav-link.active,
.form-md-row .nav-pills .show > .nav-link {
  color: #fff;
}

form a:hover {
  color: #ee2737;
}

a:hover {
  color: #ee2737;
}

.nav-pills li.nav-item:first-child a.nav-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 1.429rem;
  border-bottom-left-radius: 1.429rem;
}

.nav-pills li.nav-item:nth-child(2) a.nav-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 1.429rem;
  border-bottom-right-radius: 1.429rem;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  font-size: 0.85rem;
}

.text-center.mt-3 button.btn {
  margin-right: 8px;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown
  .invalid-feedback {
  position: absolute;
}

.form-md-row-text-box input.form-control {
  padding: 10px 6px;
  font-size: 1.2rem;
  text-align: center;
}

.form-md-row {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
}

.input-group button {
  width: 95px;
}

.icon-wapper {
  color: rgba(125, 224, 116, 1);
  font-size: 5rem;
  margin-bottom: 1rem;
}

.input-group .btn {
  position: relative;
  z-index: 2;
  font-size: 1rem !important;
}

button#button-addon2 {
  font-size: 13px;
}

select.form-select.dropdown1 {
  font-size: 0.9rem;
}

.input-group button {
  border-radius: 5px;
  padding: initial;
}

.form-md-wap-pro {
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: linear-gradient(180deg, #f4eeee 0%, #fcfcfc 100%);
  overflow: hidden;
  position: relative;
  min-height: 600px;
}

.footer-navigation-bar-fil ul.nav.flex-column:hover {
  max-height: initial;
}

.footer-navigation-bar-fil ul.nav.flex-column li.nav-item {
  width: 100%;
}

.form-md-wap-row {
  position: relative;
  z-index: 2;
}

.form-check-wapper .form-check .form-check-input {
  opacity: 0;
  margin-left: 0;
}

.form-check-wapper .form-check {
  margin: 0 !important;
  padding-left: 0;
}

.form-check-wapper {
  display: flex;
  align-items: center;
}

.form-check-wapper .form-check {
  padding: 0.4rem 0.571rem;
  gap: 4px;
  background-color: #fff;
  width: 100px;
  cursor: pointer;
  position: relative;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.form-check-wapper .form-check-input[type="radio"] {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  cursor: pointer;
}

.form-check-wapper .form-check.active {
  background-color: #ee2737;
  color: #fff;
  border: 0;
}

.form-md-row .nav-pills .nav-link.active {
  border: 0;
  position: relative;
  top: 1px;
}

.form-check-wapper .form-check.active label.form-check-label {
  color: #fff;
  cursor: pointer;
}

.form-check-wapper .form-check label.form-check-label,
.form-check-wapper .form-check img.img-fluid {
  cursor: pointer;
}

.form-check-wapper .form-check:nth-child(1) {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.form-check-wapper .form-check:nth-last-child(1) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.form-check-wapper .form-check img.img-fluid {
  width: 18px;
}

ul#nav-tab:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
}

ul#nav-tab {
  position: relative;
}

.mobile-now-wapper a {
  color: #ee2737;
}

.form-md-row span.lnr.lnr-checkmark-circle {
  font-size: 1.4rem;
}

.form-control:disabled {
  background-color: #e6e7e8;
  background-color: #e6e7e8;
  opacity: 1;
}

.svg-img-wap svg {
  width: 100%;
}

.svg-img-wap {
  display: block;
  width: 18px;
}

.form-check-wapper .form-check .svg-img-wap svg path {
  fill: #bcbec0;
}

.form-check-wapper .form-check.active .svg-img-wap svg path {
  fill: #fff;
}

.nav-icon-wap {
  cursor: pointer;
}

.nav-pills .nav-link {
  background: #fff;
}

.modal-logs.form-md-wapper {
  min-height: auto;
}

.imageblock-wap {
  position: relative;
}

.wave-single-rocket {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  height: 100%;
}

.wave-single-rocket img.img-fluid {
  position: relative;
  top: 1%;
  left: 2%;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 50px;
}

.row.download-browser-wapper .col-md-9.col-10 p {
  text-align: left;
  margin: 0;
  color: #ee2737;
}

.row.download-browser-wapper h3.Industrial-Policy-d {
  font-size: 1rem;
}

.row.download-browser-wapper {
  margin-bottom: 1rem;
}

.row.divider-footer-waper {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.row.download-browser-wapper {
  margin-bottom: 1rem;
  margin-left: 10px;
}

.section-plane {
  background-color: #f9f9f9;
}

.container.container-window {
  max-width: 88%;
}

.single-window-nav a.nav-link {
  color: #414042;
  font-size: 0.857rem;
  border-radius: 5px;
  margin-bottom: 0.5rem;
  display: flex;
  height: 3.125rem;
  padding: 1rem 2.875rem;
  align-items: center;
  align-self: stretch;
  transition: background-color 1.2s ease, color 1.2s ease;
}

.single-window-nav a.nav-link.active,
.single-window-nav a.nav-link:hover,
.single-window-nav a.nav-link:focus {
  background-color: #ee2737;
  color: #fff;
  transition: background-color 0.1s ease;
}

.single-window-nav {
  display: flex;
  justify-content: center;
  margin-top: 2.875rem;
  width: 16.5rem;
}

video#myVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
  background: #ee2737 !important;
  border-color: #ee2737;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: none;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
  background-color: #ee2737;
}

.single-window-wapper {
  background: var(
    --bg-gradient-01,
    linear-gradient(180deg, #f4eeee 0%, #fcfcfc 100%)
  );
  border-radius: 20px;
  overflow: hidden;
}

.single-window-wapper .col-md-3 {
  background-color: #fff;
}

.single-window-console {
  display: block;
  width: 100%;
  padding: 1.643rem 3.071rem;
}

.single-window-console h1 {
  font-size: 1.714rem;
  margin-bottom: 0.571rem;
}

.single-window-console .form-md-row {
  margin-bottom: 1.643rem;
}

@media (min-width: 1300px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }
}

@-webkit-keyframes bouncebounce {
  0% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(40px);
  }
}

@-moz-keyframes bouncebounce {
  0% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(40px);
  }
}

@-ms-keyframes bouncebounce {
  0% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(40px);
  }
}

@keyframes bouncebounce {
  0% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(40px);
  }
}

.rocket-icon {
  -webkit-animation: bouncebounce 1.5s 2s infinite ease-out alternate;
  -moz-animation: bouncebounce 1.5s 2s infinite ease-out alternate;
  -ms-animation: bouncebounce 1.5s 2s infinite ease-out alternate;
  animation: bouncebounce 1.5s 2s infinite ease-out alternate;
}

.bak {
  background-image: linear-gradient(#f4eeee, #fcfcfc);
}

.bor-d {
  border-radius: 20px;
}

.pad {
  padding: 1.4375rem;
  background-color: #fff;
  border-radius: 10px;
}

.willy {
  width: 100%;
}

.mrl {
  margin-left: calc(-2 * var(--bs-gutter-x));
  justify-content: space-between;
}

.radi {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.left-side.radi {
  padding-bottom: 210%;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
}

.left-side {
  background-color: #fff;
  width: 97%;
  padding: 7%;
  margin: 0% 7% 0% 7%;
  top: 0%;
}

.left-side a {
  display: block;
  padding: 22px;
  color: #333;
  text-decoration: none;
  width: 90%;
  /* margin: 5px; */
  border-radius: 10px;
  font-size: 16px;
}

.left-side a:hover {
  background-color: #ee2737;
  color: #fff;
  width: 90%;
  margin: auto;
  border-radius: 10px;
  transition: 0.5s ease-in-out;
}

.right-side {
  flex-grow: 1;
  padding: 20px;
}

.table > thead {
  vertical-align: bottom;
  border-radius: 20px 20px 0px 0px;
}

.table {
  vertical-align: bottom;
  border-radius: 25px;
}

.bg-color {
  background-color: #ee2737;
}

.table-container {
  border: 1px solid #ddd;
  border-radius: 25px;
  overflow: hidden;
}

.table-header {
  background-color: #ee2737;
  color: white;
  /* border-radius: 25px 25px 0px 0px; */
}

.table-row {
  display: flex;
}

.table-cell {
  flex: 1;
  text-align: center;
  padding: 10px 3.5px;
  margin: 10px 3.5px;
  font-size: 0.857rem;
}

.table-body .table-row:hover {
  background-color: #f1f1f1;
  /* Optional hover effect */
}

.table td {
  text-align: center;
  vertical-align: top;
  background: linear-gradient(180deg, #f4eeee 0%, #fcfcfc 50%);
}

.card-text {
  color: #ee2737;
  font-weight: 400;
  text-align: right;
  font-size: 32px;
}
.form-md-wap-pro h1 {
  color: #2D2D2D;
}
.form-md-wap-pro h3 {
  color: #414042;
}
.card-title {
  font-weight: 700;
  margin-bottom: 0rem;
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.text-center {
  color: #6d6e71;
  font-size: 1.125rem;
}

.dash-second {
  text-align: left !important;
  color: #6d6e71;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 23px;
  padding: 0rem;
}

.butt-center {
  justify-content: right;
  display: flex;
}

.gpi {
  flex: 0 0 auto;
  width: 33.33333333%;
  padding: 24px;
}

.container.mt-5 {
  padding: 0px 25px 0px 0px;
}

.mana {
  flex: 0 0 auto;
  width: 30%;
}

.row.pad.p-3.m-3 {
  justify-content: center;
}

.col-md-8 {
  flex: 0 0 auto;
  width: 69.666667%;
}

.h6,
h6 {
  font-size: 0.9rem;
}

#content {
  flex-grow: 1;
  padding: 20px;
}

.content-section:active {
  display: none;
}

.mb-8 {
  margin-bottom: 8px;
}

.w-25 {
  width: 25% !important;
  padding: 0rem 0rem;
  border: 0;
  border-radius: 100px;
  color: #fff;
}

.w-50 {
  width: 50%;
}

.w-100 {
  width: 100%;
}

.mod-reg {
  background-color: white;
  border-radius: 15px;
}

.row.pad.p-3.m-5 {
  justify-content: center;
}

button#dropdownMenuButton1 {
  padding: 0 14px;
  text-align: left;
  border: 1px solid lightgrey;
  border-radius: 5px;
}

.bar {
  display: flex;
  width: 17.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

button.btn.btn-danger.w-25 {
  height: 45px;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }

  to {
    transform: translate3d(0px, -15px, 0px);
  }
}

.my-table {
  border-radius: 4px !important;
  width: 100%;
}

.my-table td {
  border: 1px solid #ccc;
  background: linear-gradient(180deg, #f4eeee 0%, #fcfcfc 50%);
}

.animated {
  animation-duration: 2.9s;
  animation-fill-mode: both;
  -webkit-animation-duration: 2.9s;
  -webkit-animation-fill-mode: both;
}

.animatedFadeOutUp {
  opacity: 1;
}

.fadeOutUp {
  opacity: 1;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}

.accordion-toggle {
  background-color: #fff;
  color: #414042;
  font-weight: 500 !important;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1.25rem;
  cursor: pointer;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.accordion-header {
  gap: 20px;
}

.accordion-item {
  border: none;
}

.accordion-item {
  display: grid;
  background: none;
}

.accordion-toggle.collapsed {
  height: 4.8125rem;
  border-radius: 15px !important;
}

.accordion-toggle.collapsed::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background-image: var(--bs-accordion-btn-icon);
}

.accordion-toggle::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

.accordion-body {
  background-color: #fff;
  padding: 20px 30px;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  border: 1px solid #e6e7e8;
  border-top: 0;
}

.accordion-header .accordion-toggle span {
  font-size: 1.2rem;
  color: #fff;
  background-color: #414042;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  margin: 8px;
  padding: 8px;
}

.accordion-item {
  border-radius: 25px !important;
  border: none;
}

.accordion-item:first-of-type .accordion-toggle {
  border-radius: var(--bs-accordion-inner-border-radius);
}

/* Remove tick marks from valid fields */
.was-validated .form-control:valid,
.was-validated .form-select:valid {
  background-image: none !important;
}

/* Remove border from valid fields */
.was-validated .form-control:valid,
.was-validated .form-select:valid {
  border-color: #ced4da !important;
  background-image: none !important;
}

.accordion-button {
  background-color: #fff;
  color: #333;
  font-weight: bold;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-item {
  border: none;
  /* Adding space below each accordion item */
  margin-bottom: 20px;
  border-radius: 5px;
}

.accordion-button:not(.collapsed) {
  background-color: #f8f9fa;
  box-shadow: none;
}

.accordion-button::after {
  /* Arrow icon not in use */
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transition: transform 0.2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
  /* Rotate arrow when expanded */
  transform: rotate(-180deg);
}

.accordion-header .accordion-button span {
  font-size: 1.2em;
  color: black;
  background-color: #e3e3e3;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.save {
  border: 0;
  border-radius: 100px;
  background-color: rgba(238, 39, 55, 1);
  color: #fff;
  width: 22%;
  text-align: center;
  height: 50%;
}

.b-rgt {
  margin-left: 30rem !important;
}

/*space above & below the accordion */
.accordion {
  margin-top: 20px;
  margin-bottom: 20px;
}

.accordion-button {
  background-color: #fff;
  color: #333;
  font-weight: bold;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-item {
  border: none;
  margin-bottom: 1.188rem;
  /* Adding space below each accordion item */
  border-radius: 5px;
}

.accordion-button:not(.collapsed) {
  background-color: #f8f9fa;
  box-shadow: none;
}

.accordion-button::after {
  content: "\f078";
  /* Arrow icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transition: transform 0.2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
  /* Rotate arrow when expanded */
}

.form-label {
  color: #333;
}

.form-control:focus {
  background-color: none;
}

.accordion-header .accordion-button span {
  font-size: 1.2em;
  color: black;
  background-color: #e3e3e3;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

/* For the overall form layout */
.form-section {
  background-color: #fff;
  border-radius: 10px;
}

/* Additional space above and below the accordion */

.accordion {
  margin-top: 1.4375rem;
  margin-bottom: 1.4375rem;
}

button#addPromoterBtn:hover {
  background-color: #ed2737;
  color: #fff;
}

button#addPromoterBtn:hover .icon-circle {
  background-color: #fff;
  color: #ed2737;
}

.custom-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border: 2px solid #ee2737;
  border-radius: 20px;
  color: black;
  font-weight: bold;
  transition: all 0.3s ease;
  border-radius: 5px;
  background: white;

  /* display: flex; */
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 5px;
  border: 1px solid #ee2737;
}

.cus-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 4px;
  border: 2px solid #ee2737;
  border-radius: 20px;
  font-size: 10px;
  color: black;
  background-color: #fff;
  font-weight: bold;
  transition: all 0.3s ease;
  border-radius: 5px;
  width: 20%;
  height: 100%;
}

button.custom-btn:hover {
  background-color: none;
}

.custom-btn .icon-circle {
  background-color: #ee2737;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 15px;
  padding-bottom: 5px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-btn .icon-circle i {
  color: white;
  font-size: 19px;
  height: 32px;
  margin-bottom: 1rem;
}

.trabtn {
  border: 0;
  border-radius: 100px;
  width: 14%;
  height: 20px;
}

.custom-container {
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 8px;
  margin-top: 20px;
}

.custom-container h5 {
  margin-bottom: 20px;
  font-weight: 600;
}

.form-label {
  color: #414042;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
}

.form-check .form-label {
  margin-bottom: 0;
}

.form-group {
  margin-bottom: 1rem;
}

.accordion-toggle {
  font-size: 1.125rem;
  height: 4.8125rem;
  border: 1px solid #e6e7e8;
  border-bottom: 0;
}

.dropdown-item {
  font-size: 14px;
}

.pay {
  flex: 0 0 auto;
  width: 25%;
}

.badge-red {
  background-color: #ee2737;
  color: white;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  position: absolute;
  top: -10px;
  left: 10px;
  padding: 2px 16px;
}

.badge-blue {
  background-color: #00c7ff;
  color: white;
  font-size: 12px;
  font-weight: bold;
  border-radius: 12px;
  position: absolute;
  top: -10px;
  left: 10px;
  border-radius: 5px;
  background: #58c7dc;
  padding: 2px 16px;
}

.custom-input {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 8px 10px;
  height: 36px;
}

.custom-input:focus {
  border-color: #b0b0b0;
  box-shadow: none;
}

.card .row .col {
  margin-bottom: 15px;
}

/* file button color */
.custom-file-input::-webkit-file-upload-button {
  background-color: #59c5d9;
  border: none;
  color: #fff;
  margin: auto;
  margin-right: 5px;
  font-size: 0.75rem;
  padding: 1px;
  padding-left: 7px;
  padding-right: 7px;
  height: 22px;
  border-radius: 5px;
  cursor: pointer;
  border-bottom: none;
}

.custom-file-input::-webkit-file-upload-button:hover {
  background-color: #4fb5c9;
}

.no-bb {
  border: none;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
  vertical-align: top;
}

.form-check-input:checked {
  border-color: #ee2737;
  background-color: #ee2737;
}

.form-label-required {
  color: #ee2737;
}

th.no-border {
  border: none;
}

.table {
  border-radius: 10px;
}

.table th {
  background-color: grey;
  color: white;
  vertical-align: top;
  font-size: 12px;
}

.table td {
  text-align: left;
  vertical-align: top;
}

.choose-file-btn {
  background-color: #00c7ff;
  color: #fff;
  border: none;
}

.choose-file-btn:hover {
  background-color: #00b7f0;
}

.icon-view,
.icon-delete {
  cursor: pointer;
}

.icon-view:hover {
  color: #00c7ff;
}

.icon-delete:hover {
  color: #ee2737;
}

.save-next-btn {
  background-color: #ee2737;
  color: white;
}

.save-next-btn:hover {
  background-color: #ee2737;
}

.back-btn {
  background-color: #333333;
  color: white;
}

.back-btn:hover {
  background-color: #222222;
}

.warning-text {
  color: #ee2737;
  text-align: right;
  margin-top: 10px;
}

.accordion-first-step .accordion-toggle.collapsed {
  color: #414042;
}

.accordion-first-step .accordion-toggle.collapsed span {
  opacity: 1;
}

.red-button {
  display: flex;
  padding: 8px 46px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #fff;
  border-radius: 100px;
  background: #ee2737;
  border: none !important;
}

.black-button {
  display: flex;
  /* width: 100px; */
  padding: 8px 46px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: none;
  background: #414042;
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  text-transform: capitalize;
}

.bbu-mob {
  display: flex;
  width: 47%;
  padding: 8px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: none;
  background: #414042;
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: capitalize;
}

.grey-button {
  display: flex;
  width: 10px;
  padding: 8px 46px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  border: none;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  background-color: #6d6e71;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: capitalize;
}

.grey-button-long {
  display: flex;
  padding: 8px 46px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #fff;
  border-radius: 100px;
  background-color: #6d6e71;
  border: none !important;
}
.light-grey-button-long {
  display: flex;
  padding: 8px 46px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #fff;
  border-radius: 100px;
  background: #bcbec0;
  border: none !important;
}

.light-grey-button-long:hover {
  background: #ee2737;
}

button.light-grey-button-long.active {
  background-color: #ee2737;
  color: white;
}

.light-grey-button-tabs {
  display: flex;
  padding: 8px 11px;
  align-items: center;
  gap: 8px;
  height: 39px;
  border-radius: 10px;
  background: #bcbec0;
  color: #fff;
  text-align: center;
  border: none;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.clicked-tab {
  background-color: #ee2737 !important;
  color: white;
}

.two-btn {
  display: flex;
  justify-content: end;
  gap: 8px;
}

.cor_sa {
  align-items: center !important;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 150%;
}

@media (max-width: 2540px) {
  .content {
    flex: 0 0 auto;
    width: 87%;
    padding: 0rem;
  }
}

.content {
  flex: 0 0 auto;
  width: 78%;
  padding-bottom: 2rem;
}

.main-content {
  margin-left: 2.875rem;
  margin-right: 2.875rem;
  margin-top: 1.6875rem;
}

.d-grid {
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.4375rem;
  /* padding: 0%; */
}

.d-grid-twin {
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.4375rem;
}

.tag-grid {
  border-radius: 1.25rem;
  border-radius: 1.25rem;
  border: 1px solid #e6e7e8;
  background: #fff;
  display: flex;
  padding: 1.4375rem;
  flex-direction: column;
  align-self: stretch;
}

.tag-content-layout {
  display: flex;
  flex-direction: column;
  width: -webkit-fill-available;
}

.Inv {
  display: flex;
  flex-direction: column;
  border: 1px solid #e6e7e8;
  border-radius: 10px;
  padding: 23px;
  margin-top: 46px;
}

.Inv-row {
  display: flex;
  flex-direction: row;
  gap: 46px;
  border: 1px solid #e6e7e8;
  border-radius: 10px;
  padding: 23px;
}

.card-body.d-flex.flex-column.justify-content-between.position-absolute.top-0.start-0.text-white.w-100 {
  height: 7.74rem;
}

.gok-widget-wap {
  padding: 1.4375rem;
  border-radius: 1.357rem;
  border: 1px solid #e6e7e8;
  background: #fff;
  margin-bottom: 1.3575rem;
}

.gok-widget-wap .col-md-6:last-child .block,
.gok-widget-wap .col-md-6:nth-last-child(2) .block {
  margin-bottom: 0;
}

.invest {
  padding: 0rem !important;
  margin: 0rem !important;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.4375rem;
}

.invest-6 {
  padding: 0rem !important;
  margin: 0rem !important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.4375rem;
}

.cus-padd {
  padding: 0.5rem;
}

.bot {
  margin-bottom: 1.4375rem;
}

.ca-bot {
  margin-bottom: 2.25rem;
  color: #bcbec0;
}

/* .dsc-left {
  flex: 0 0 auto;
  width: 100%;
} */
.dsc-con {
  justify-content: space-between;
}

.ca-sly {
  font-size: 1.25rem;
  color: #414042;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.blue-head {
  color: #58c7dc;
  display: flex;
  padding: 8px 23px;
  align-items: center;
  margin-bottom: 2.25rem;
  border-radius: 5px;
  background: #ecfcff;
}

.blue-head-md {
  color: #58c7dc;
  display: flex;
  padding: 8px 23px;
  align-items: center;
  margin-top: 23px;
  margin-bottom: 23px;
  border-radius: 5px;
  background: #ecfcff;
}

.table-sx {
  flex: 0 0 auto;
  min-width: 5%;
}

.table-mdi {
  flex: 0 0 auto;
  min-width: 15%;
}

th.table-mdiw {
  width: 20%;
}

.form-control {
  padding: 0.643rem 0.929rem;
  border-radius: 5px;
  border: 1px solid #e6e7e8;
  background: #fff;
  font-size: 0.75rem;
  color: #4d4d4d;
}

input.form-control.jd-form {
  height: 36px;
}

select:invalid {
  color: #a1a1a1;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  font-size: 18px;
}

input[type="date"]:invalid::-webkit-datetime-edit {
  color: #939598;
}

.invester-icon-wap {
  background: linear-gradient(to right, #f2f2f2, #ffffff);
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.cus-padd h6.mb-0 {
  color: #939598;
  margin-bottom: 6px !important;
  font-weight: 300;
  color: #939598;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.block {
  border-radius: 10px;
  border: 1px solid #e6e7e8;
  margin-bottom: 1.643rem;
}

.block-text1 {
  color: #939598;
  margin-bottom: 6px !important;
  font-weight: 300;
  color: #939598;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.block-text2 {
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.cus-padd p.gok-h6 {
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.accordion-body .mb-3 {
  margin-bottom: 1.5rem !important;
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.643rem 0.929rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 0.75rem;
  color: #4d4d4d;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 0.857rem;
  font-weight: 300;
  line-height: 150%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #e6e7e8;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 30px;
}

.form-select-sm {
  display: block;
  width: 100%;
  padding: 0.643rem 0.929rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 0.75rem;
  color: #4d4d4d;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 150%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #e6e7e8;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  width: 161px;
  padding: 9px 13px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.form-select-very-sm {
  padding: 0.643rem 0.929rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 0.75rem;
  height: 36px;
  color: #4d4d4d;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 150%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #e6e7e8;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  width: 161px;
  padding: 9px 13px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 4rem;
}

input[type="radio"], input[type="checkbox"] {
  width: 14.5px;
  height: 14px;
  border-radius: 50%;
  outline: none;
  border: 1px solid #ee2737;
  position: relative;
  background-color: transparent;
}

input[type="radio"]:before {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}

input[type="radio"]:checked:before,
input[type="checkbox"]:checked:before {
  background: #ee2737;
}

input[type="radio"]:checked,
input[type="checkbox"]:checked {
  border-color: #ee2737;
}

.red-radio {
  display: flex;
  padding: 9px 13px 9px 0px;
  align-items: center;
  gap: 23px;
}

.role {
  margin-right: 80px;
  margin-left: 20px;
  font-weight: normal;
}

.checkbox label {
  margin-bottom: 20px !important;
}

.roles {
  margin-bottom: 40px;
}

.accordion-toggle.collapsed span {
  opacity: 0.5;
}

.accordion-toggle.collapsed {
  color: #bcbec0;
}

.custom-btn {
  color: #414042;
  font-weight: 600;
  text-transform: capitalize;
}

table.my-table.niccodingtable tr {
  background-color: #6d6e71;
}

table.my-table.niccodingtable th {
  border: 1px solid #fff;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 8px;
}

table.my-table.niccodingtable i.fas.fa-trash {
  color: rgba(237, 39, 55, 1);
}

table.my-table.niccodingtable button.trabtn {
  background-color: transparent;
  border: 0;
  padding: 0;
  width: 100%;
  height: auto;
}

.svg-wap-trash svg {
  width: 20px;
}

.svg-wap-trash {
  display: block;
  width: 100%;
}

table.my-table.niccodingtable th {
  font-size: 0.8rem;
}

table.my-table.niccodingtable td {
  padding: 8px;
  background: linear-gradient(180deg, #f4eeee 0%, #fcfcfc 100%);
  border-color: #fff;
  font-size: 0.8rem;
}

.card.p-3 .col-md-4 {
  text-align: left !important;
  color: #414042;
}

.card.p-3 .col-md-4 label {
  margin-bottom: 0.5rem;
  font-size: 14px;
  font-weight: 300;
}

table.my-table.niccodingtable label.form-check-label {
  color: #414042;
  font-size: 12px;
}

.checkbox-wapper {
  display: flex;
  gap: 10px;
}

.gok-table-bordered th {
  text-align: left;
}

.gok-table-bordered .d-flex.flex-column.align-items-start.justify-around p {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 5px;
  font-size: 12px;
}

.gok-table-bordered .d-flex.flex-column.align-items-start.justify-around {
  font-size: 0.85rem;
}

.gok-input-wap {
  display: flex;
  gap: 10px;
  align-items: center;
}

.accordion-toggle.accordion-toggle-active span {
  background: #ee2737;
  position: relative;
  overflow: hidden;
  opacity: 1;
}

.accordion-toggle.accordion-toggle-active span:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(./images/tick.svg);
  position: absolute;
  top: 0;
  left: 0;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}

.accordion-toggle.collapsed.accordion-toggle-active {
  color: #414042;
}

input[type="radio"] {
  margin-right: 6px;
}

button#addPromoterBtn {
  margin-bottom: 1.5rem;
}

.gok-existing-capacity .col-md-4 {
  margin-bottom: 1rem;
}

.form-check-input[type="checkbox"] {
  border-radius: 0.25em;
  margin-right: 8px;
}

.input-group .btn-outline-secondary {
  background-color: #939598;
  border: 0;
  width: 10%;
  height: 44px;
  line-height: 0;
}

.table td {
  font-size: 12px;
}

.niccodingtable input[type="radio"],
.niccodingtable input[type="checkbox"] {
  width: 12px;
  height: 12px;
}

input[type="radio"].form-check-input:checked {
  background-color: transparent;
}

.niccodingtable .form-label {
  font-size: 12px;
}

table.my-table.niccodingtable td {
  vertical-align: top;
}

b,
strong {
  font-weight: 700;
}

table.table.table-bordered.text-center.gok-table-bordered.my-table.niccodingtable {
  margin-bottom: 0;
}

.accordion-toggle.collapsed {
  border: 1px solid #e6e7e8;
}

header:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.1);
}

.table td .form-control,
.table td .form-select {
  font-size: 12px;
  padding: 9px 13px;
  line-height: 15px;
}

table.my-table.niccodingtable input.form-control.custom-file-input.no-bb {
  border: 0;
  background-color: transparent;
}

.gok-payment-td strong {
  font-weight: 600;
}

.dashboard-container {
  padding: 1.4375rem 2.875rem;
  margin: 42px 100px 100px 100px;
  border-radius: 20px;
  background: var(
    --bg-gradient-01,
    linear-gradient(180deg, #f4eeee 0%, #fcfcfc 100%)
  );
}

.show-select-search {
  display: flex;
  padding: 8px 0px;
  justify-content: space-between;
  align-items: end;
  align-self: stretch;
}

.show-select {
  gap: 0.5rem;
  /* justify-content: space-between; */
  align-items: center;
  align-self: stretch;
  /* width: 19%; */
  display: flex;
}

.w-19{
  width: 19%;
}

.success-popup .modal-body{
  overflow-y: hidden;
}

.show {
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* overflow: scroll; */
}

.search-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 12.4375rem;
  font-size: 0.75rem;
}

button#button-search-jd {
  font-size: 13px;
  width: 42px;
}

.input-group .btn-outline-jd {
  background-color: #414042;
  border: 0;
  width: 10%;
  height: 36px;
  line-height: 0;
}

/* Jd & md table */
.jd-table-container {
  border-radius: 10px;
  overflow: hidden;
  border-bottom: 1px solid #e6e7e8;
  margin-top: 1.4375rem;
}

.jd-text-container {
  border-radius: 10px;
  overflow: hidden;
}

.jd-custom-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1em;
  font-weight: 400;
  font-family: "Plus Jakarta Sans";
}

.jd-custom-header th {
  background-color: #ee2737;
  padding: 0.5rem;
  border-right: 1px solid #ddd;
  color: #fff;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  height: 52.125px;
}

.jd-custom-header.gok-h31 th {
  background-color: #ee2737;
  padding: 0.5rem;
  border-right: 1px solid #ddd;
  color: #fff;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  height: 31px;
}

.jd-custom-header th:first-child {
  border-top-left-radius: 10px;
}

.jd-custom-header th:last-child {
  border-right: none;
  border-top-right-radius: 10px;
}

.jd-custom-body td {
  padding: 0.5rem;
  border: none;
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-right: 1px solid #fff;
  height: 52.125px;
  background: var(
    --bg-gradient-01,
    linear-gradient(180deg, #f4eeee 0%, #fcfcfc 100%)
  );
}

.jd-custom-body td:last-child {
  border-right: none;
}

#vi-pro-jd {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

#vi-pro-md {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}

.view {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 0.3125rem;
  background: #414042;
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border: none;
  height: 19px;
  cursor: pointer;
}

.process {
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 5px;
  background: #ee2737;
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  border: none;
  height: 19px;
  cursor: pointer;
}

#query-card {
  cursor: pointer;
}

.plain-tag {
  display: flex;
  height: 52.125px;
  width: 12.625rem;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  background: #6d6e71;
  cursor: pointer;
}

.modal-footer-close-ticket {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--bs-modal-footer-bg);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
  margin-top: 36px;
}

.mct {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.plain-tag.active {
  background: #ee2737;
}

.plain-tag:first-child {
  border-radius: 10px 0px 0px 0px;
}

.plain-tag:last-child {
  border-radius: 0px 10px 0px 0px;
}

.tag-text {
  color: #fff;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.pending-1 {
  display: flex;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 1.4375rem;
}

.app-table {
  margin-top: 2.875rem;
}

.hidden {
  display: none;
}

.hidden-query {
  display: none; /* Section is hidden by default */
  margin-top: 70px;
}

.hidden-query.visible {
  display: block; /* When this class is added, the section becomes visible */
}


.InvestorMemorandum {
  display: flex;
  flex-direction: row;
  gap: 23px;
}

.summary-text-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1 0 0;
}

.IM-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}

.Im-queue {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 5px;
  border: 1px solid #e6e7e8;
  background: #fff;
  background-color: transparent;
  color: black;
  transition: background-color 1.2s ease, color 1.2s ease;
}

.Im-queue:hover {
  background-color: #ee2737;
  color: white;
  transition: background-color 0.1s ease;
}

.Im-queue.active {
  background: #ee2737;
  color: #fff;
}

.single-container-spacing {
  margin: 46px 0px 100px 0px;
  padding-bottom: 23px;
}

.td-datetime-w10 {
  width: 10%;
}

.td-datetime-w10 span {
  font-size: 10px;
}

.password-input {
  position: relative;
}

.password-input .form-control {
  padding-right: 2.5rem;
  /* Ensure space for the icon */
}

.eye-icon {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  /* Makes the icon clickable if you want to toggle visibility */
  width: 20px;
  /* Adjust icon size as needed */
  height: 20px;
}

.gok-mt-16 {
  margin-top: 16px;
}
.gok-mt-19 {
  margin-top: 19px;
}

.gok-mt-23 {
  margin-top: 1.4375rem;
}

.gok-mt-36 {
  margin-top: 2.25rem;
}

.gok-mt-46 {
  margin-top: 46px;
}

#notingIdInput-1 {
  display: flex;
  height: 7.0625rem;
  padding: 1.25rem;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #e6e7e8;
}

#notingIdInput-2 {
  display: flex;
  height: 11.125rem;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #e6e7e8;
  scrollbar-width: none;
  color: #6d6e71;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.eye-view-btn {
  border: none;
  background: none;
}

.content-noting {
  margin: 15% auto;
  width: 19.5rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}

.body-noting {
  display: flex;
  flex-direction: column;
  gap: 1.3125rem;
  padding: 1.571rem;
}

.modal-noting {
  display: flex;
  justify-content: center;
  align-items: center;
}

.Noting-heading {
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 24px;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.Noting-p {
  color: #6d6e71;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.Noting-ticket {
  color: #6d6e71;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 8px;
}

.modal-content.noting-content {
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  width: 312px;
  padding: 23px;
}

.modal-dialog.modal-dialog-centered.modal-dialog-scrollable.last-small-scroll-modal {
  height: 1235px;
}



.ticket-header-big {
  display: flex;
  padding: 46px 0 23px 0;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.Noting-heading {
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 24px;
  text-align: left;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.noting-btn {
  display: flex;
  width: 66px;
  height: 28px;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #ee2737;
  border: none;
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  text-transform: capitalize;
}

.success-content {
  display: flex;
  width: 312px;
  height: 232px;
  padding: auto;
  flex-direction: column;
  align-items: center;
  gap: 21px;
}

div#exampleModalLabel {
  color: #414042;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.check-circle {
  width: 55.46px;
  height: 55.46px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mod-btn-blk-center {
  display: flex;
  justify-content: center;
}

.mod-btn-blk {
  display: flex;
  width: 66px;
  height: 28px;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #414042;
  border: none;
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  text-transform: capitalize;
}

.dsc-modal-pop {
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.dsc-input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.dsc-btn {
  display: flex;
  width: 66px;
  height: 28px;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: #ee2737;
  border: none;
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: capitalize;
}

.md-ano {
  display: flex;
  flex-direction: column;
  gap: 23px;
}

.md-verify-allocate-btn {
  justify-content: end;
  display: flex;
  right: 5%;
  position: relative;
}

.view-arrow {
  display: flex;
  position: absolute;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 18px;
  border-radius: 20px;
  background: #939598;
  border: none;
}

.view-arrow:hover {
  background: #414042;
  border: none;
}

.view-arrow:active {
  background: #ee2737;
  border: none;
}

.view-arrow-text {
  padding: 4px 8px;
  color: #fff;
  text-align: center;
  border: none;
  font-family: "Plus Jakarta Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 8px;
}

img.card-img-big {
  object-fit: cover;
}

.card-hover {
  border: none;
  border-radius: 10px;
  background: var(
    --image-bg01,
    url(<path-to-image>) lightgray 50% / cover no-repeat,
    linear-gradient(180deg, #ededed 0%, #fff 100%)
  );
  border: 2px solid #ee2737;
  overflow: hidden;
}

.custom-num-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 20px;
  color: black;
  font-weight: bold;
  transition: all 0.3s ease;
  border-radius: 5px;
  background: white;
  border: none;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 5px;
  margin-right: 8px;
  height: 42px;
}

.lightgrey-tabs {
  display: inline-flex;
  color: white;
  font-weight: bold;
  transition: all 0.3s ease;
  background: #bcbec0;
  border: none;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  border-radius: 10px;
  height: 42px;
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.lightgrey-tabs.active {
  border-radius: 10px;
  background: #414042;
}

.custom-num-btn .icon-num-circle {
  background-color: #ee2737;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  font-size: 10px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

button#numPromoterBtn {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  border: none;
  border: 1px solid #e6e7e8;
  background: #fff;
  color: #414042;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

button#numPromoterBtn:hover {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  border: none;
  border: 1px solid #e6e7e8;
  background: var(
    --grey-01,
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    #414042
  );
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.custom-num-btn.active {
  color: #fff;
  border-radius: 10px;
  border: 1px solid #e6e7e8;
  background: var(
    --grey-01,
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    #414042
  );
}

.ticket-title {
  display: flex;
  padding: 8px 0px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.contact-card {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #e6e7e8;
}

.contact-item {
  text-align: center;
}

.divider {
  border-left: 1px solid #ddd;
  height: 40px;
}

.divider-thick {
  display: flex;
  padding: 0px 23px;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  align-self: stretch;
  border-left: 1px solid #ee2737;
}

.success-btn-content {
  display: flex;
  width: 412px;
  height: 301px;
  padding: auto;
  flex-direction: column;
  align-items: center;
  gap: 21px;
}

.paratext {
  border: 1px solid grey;
  border-radius: 10px;
  margin: 20px;
}

.important-modal {
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.message-container {
  display: flex;
  padding: 16px 8px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #e6e7e8;

  color: #414042;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}

.click-here {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: none;
  border-radius: 10px;
  background: var(
    --grey-01,
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    #414042
  );
  color: #fff;
}

.close-important {
  display: flex;
  padding: 8px 46px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: none;
  border-radius: 100px;
  background: #ee2737;
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: capitalize;
}

.close-important:hover {
  background: var(
    --grey-01,
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    #414042
  );
}

.double-content-pop {
  display: flex;
  width: 426px;
  padding: 22px 46px;
  flex-direction: column;
  align-items: center;
  gap: 21px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}

#viewModalLabel {
  color: #414042;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ticket-modal-content {
  display: flex;
  width: 561px;
  padding: 23px 46px;
  flex-direction: column;
  align-items: flex-start;
  gap: 23px;
  border-radius: 20px;
  border: 1px solid #e6e7e8;
  background: #fff;
}

.ticket-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 20px;
  border: 1px solid #e6e7e8;
  background: #fff;
}

.ticket-label {
  font-weight: bold;
  color: #000;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: left;
}

.ticket-sub-label {
  color: #000;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
}

.ticket-header {
  display: flex;
  padding: 8px 0px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.ticket-header-small {
  align-self: stretch;
  display: flex;
  width: 561px;
  padding: 23px 46px;
  flex-direction: column;
  align-items: flex-start;
  gap: 46px;
}

.ticket-content-modal-small {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  align-self: stretch;
}

.modal-body-small {
  align-self: stretch;
  padding: 23px 46px;
}

.modal-close-icon {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 24px;
  height: 24px;
}

.closing-ticket-modal {
  display: flex;
  align-items: flex-start;
  gap: 21px;
}

.close-yes {
  display: flex;
  width: 66px;
  height: 28px;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  background: var(
    --grey-01,
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    #414042
  );
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: capitalize;
}

.close-no {
  display: flex;
  width: 66px;
  height: 28px;
  padding: 16px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  background: #ee2737;
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  text-transform: capitalize;
}

.page-numbers {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  margin-top: 19px;
}

.page-1 {
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  width: 21px;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: #ee2737;
}

.page-23 {
  display: flex;
  width: 21px;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: #bcbec0;
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.welcome-content {
  display: flex;
  padding: 8px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.greetings {
  color: #414042;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.greetings span {
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.greet-mail-id {
  color: #414042;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.greet-mail-id span {
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
  display: flex;
  padding: 23px 46px;
  flex-direction: column;
  gap: 23px;
}

.modal-content.ticket-modal-content {
  width: 1019px;
  gap: 23px;
  overflow: auto;
}

.custom-num-btn .icon-num-circle-0 {
  display: flex;
  width: 21px;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: var(--gray-03, #939598);
  color: #fff;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.view-policy-link {
  color: #ee2737;
  font-family: "Plus Jakarta Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 15px */
  text-decoration-line: underline;
}

.zone-label {
  color: #fff;
  font-family: "Plus Jakarta Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  width: 41px;
  padding: 4px;
  align-items: center;
  gap: 8px;
  border-radius: 0px 0px 4px 4px;
  background: var(
    --grey-01,
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    #414042
  );
}

.bot-90 {
  border-bottom-left-radius: 0%;
}

ul.navbar-nav-i {
  display: flex;
  gap: 9px;
  list-style: none;
  margin-bottom: 0;
  justify-self: end;
}

.subscribe-newsletter-wapper {
  text-align: center;
  width: 100%;
  margin-bottom: 60px;
}

.subscribe-newsletter-wapper h4 {
  font-size: 48px;
  font-weight: 600;
}

.subscribe-input-text-wap {
  display: block;
  width: 70%;
  margin: auto;
  margin-top: 20px;
}

.subscribe-input-text-wap input.form-control {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  padding: 10px 25px;
  background-color: #6d6e71;
  border-color: #6d6e71;
  color: #fff;
  font-size: 1rem;
}

.subscribe-input-text-wap button.btn-outline-secondary,
.subscribe-input-text-wap button.btn-outline-secondary:hover,
.subscribe-input-text-wap button.btn-outline-secondary:focus,
.subscribe-input-text-wap button.btn-outline-secondary:active,
.subscribe-input-text-wap
  .btn-outline-secondary:not(:disabled):not(.disabled):active {
  background-color: rgb(238, 39, 55);
  color: rgb(255, 255, 255);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 140px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(238, 39, 55);
  border-image: initial;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}

.footer-navigation-bar h5 {
  color: #fff;
  font-size: 1rem;
  font-weight: 100;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.footer-navigation-bar a {
  font-size: 0.9rem;
}

footer {
  display: block;
  width: 100%;
  margin-bottom: 0rem;
}

.in-office-adder-wapper {
  width: 25%;
  margin-right: 1rem;
}

.in-office-adder-wapper li.nav-item a.nav-link {
  color: #fff;
}

.in-office-adder-wapper img.img-fluid {
  width: 20px;
  margin-right: 5px;
}

footer hr {
  margin: 23px 0;
}

.footer-copy-social-wapper p,
.footer-copy-social-wapper a {
  color: #fff;
}

.footer-copy-social-wapper a {
  text-decoration: underline;
}

td.sentence-section-header {
  color: #fff;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: #414042;
  height: 42px;
}

span.see-more {
  color: #ee2737;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

td.table-cell:first-child {
  border-left: none;
}

.table-incentive td {
  font-size: 12px;
  border: 1px solid white;
}

.table-incentive {
  vertical-align: bottom;
  border-radius: 25px;
  border: none;
  border-bottom: 1px solid #e6e7e8;
  margin-top: 1.3575rem;
}

td.table-cell-a {
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 85px;
}

td.table-cell-b {
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.modal-content.ticket-modal-G15213 {
  max-height: 100%;
  overflow: hidden;
  width: 561px;
}

.card-hover {
  border: 2px solid #fff;
  transition: border 0.3s ease, transform 0.3s ease;
}

.card-hover {
  border: 2px solid #fff;
  transition: border 0.3s ease, transform 0.3s ease;
}

.card-hover.active {
  border: 2px solid #ee2737;
}

.card-content {
  display: none;
}

.view-arrow {
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 50px;
  transition: background-color 0.3s ease;
}

.view-arrow:hover {
  background-color: #000;
}

.card-hover.active .view-arrow {
  background-color: #ee2737 !important;
}

/* Optional smooth transition when toggling the sidebar */
#sidebar.active {
  display: block !important;
  transition: all 0.3s ease;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1040;
  /* outside the sidebar */
}

.overlay.active {
  display: block;
  /* Shows overlay */
}

p.header-vivek {
  margin: auto;
}

.header-page {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.head-topic {
  margin-bottom: 1.1875rem;
  font-weight: 600;
  color: #414042;
  font-family: "Plus Jakarta Sans", sans-serif;
  justify-content: space-between;
  font-size: 1.5rem;
  display: flex;
  gap: 17px;
  padding: 8px 0px;
  align-items: center;
  align-self: stretch;
}

.table-responsive {
  border-radius: 5px;
  border-bottom: 1px solid #e6e7e8;
}

.table-wapper table.table {
  margin-bottom: 0 !important;
  border: 0px solid transparent;
}

textarea#notingIdInput-2 {
  padding: 15px;
}

img.display-none {
  display: none;
}

.btn-active {
  background-color: #ee2737 !important;
  color: white;
}

.completed-tab {
  background-color: #ee2737 !important;
  color: white;
}
.error-select-dropdown {
  border-color: red;
}

.GoK-Uma-bot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 100px;
  height: 103.32px;
  flex-shrink: 0;
}
.uma-popover {
  background: none;
  border: none;
}

/* Popover Styles */

.uma-pops-up {
  position: fixed;
  bottom: 75px;
  right: 90px;
  width: 463px;
  height: auto;
  flex-shrink: 0;
  border-radius: 10px;
  z-index: 1000;
  border-radius: 10px;
  border: 1px solid #E6E7E8;
  background: #FFF;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
  display: none;
}

.uma-pops-up.active {
  display: block;
}

.uma-header {
  padding: 10px;
  border-bottom: 1px solid rgb(221, 221, 221);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  display: flex;
  height: 76px;
  padding: 13px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 10px 10px 0px 0px;
  background: var(--primary-red, #EE2737);
}

.uma-ribbon {
  display: flex;
  width: auto;
  height: 26px;
  padding: 8px 24px;
  align-items: center;
  gap: 3px;
  background: var(--gray-05, #E6E7E8);
  flex-shrink: 0;
  color: var(--grey-02, #6D6E71);
  font-family: "Plus Jakarta Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.uma-ribbon span {
  color: var(--grey-02, #6D6E71);
font-family: "Plus Jakarta Sans";
font-size: 10px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}

.uma-head1 {
  color: #FFF;
  font-family: "Plus Jakarta Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  align-self: stretch;
}

.close-uma {
  cursor: pointer;
  width: 16px;
  height: 16px;
  width: 27px;
  height: 27px;
  position: absolute;
  right: 8px;
  top: 7px;
}

.uma-head2 {
  color: #FFF;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  align-self: stretch;
}

.uma-content {
  padding: 10px;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: auto;
  height: 43.5vh;
  overflow: auto;
  overflow-X: hidden;
}

.GoK-Uma-bot {
  position: fixed;
  bottom: 15px;
  right: 4px;
  z-index: 1001;
}

.close-uma {
  cursor: pointer;
  width: 16px;
  height: 16px;
}


.uma-left, .user-right {
  display: flex;
  align-items: center; /* Vertically center the chat icon and text */
  gap: 10px; /* Add space between the icon and the message */
}

.uma-left {
  justify-content: flex-start; /* Align UMA's icon and message to the left */
}

.user-right {
  justify-content: flex-end; /* Align user's icon and message to the right */
}

.uma-chat-icon {
  width: 69px;
  height: 71px;
  flex-shrink: 0;
}

.chat-mb {
  margin-bottom: 155px;
}

.user-chat-icon {
  width: 52px;
  height: 52px;
}

.uma-chat, .user-chat {
  padding: 10px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  word-wrap: break-word;
}

.uma-text-0 {
  position: relative;
  width: 290px;
  top: 21px;
  left: -8px;
  height: auto;
  background-color: #F2F2F2;
  stroke-width: 1px;
  stroke: #E9E9E9;
  border-radius: 0px 10px 10px 10px;
  padding: 10px;
  flex-shrink: 0;
  color: var(--grey-01, #414042);
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.uma-text-0::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -12px;
    width: 0px;
    border-left: 13px solid transparent;
    border-top: 16px solid rgb(242, 242, 242);
}

.uma-text-1 {
  width: 100%;
  height: auto;
  top: 23px;
  left: -8px;
  flex-shrink: 0;
  background-color: #F2F2F2;
  stroke-width: 1px;
  stroke: #E9E9E9;
  border-radius: 0px 10px 10px 10px;
  padding: 10px;
  color: var(--grey-01, #414042);
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  position: relative;
}

.uma-text-1::before {
  content: ''; /* No text content */
  position: absolute; /* Position it relative to the parent element */
  top: 0px; /* Adjust to move the triangle to the top-left corner */
  left: -12px; /* Adjust to move the triangle to the left of the element */
  width: 0;
  height: 0;
  border-left: 16px solid transparent; /* Creates the left side of the inverted triangle */
  border-top: 16px solid #F2F2F2; /* Creates the top side of the inverted triangle with the same color */
  color: #F2F2F2; /* Matches the background color */
}

.uma-text-3 {
  width: 290px;
  height: 64px;
  top: 5px;
  left: -8px;
  flex-shrink: 0;
  background-color: #F5E3E3;
  stroke-width: 1px;
  stroke: #F5E3E3;
  border-radius: 10px 0px 10px 10px;
  padding: 10px;
  color: #414042;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  position: relative;
}

.uma-text-3::after {
    content: '';
    position: absolute;
    top: 0px;
    right: -14px;
    width: 20px;
    height: 22px;
    border-left: 15px solid transparent;
    border-top: 18px solid #F5E3E3;
    color: #F2F2F2;
    transform: rotateY(140deg);
}

.uma-text-4 {
  position: relative;
  width: 290px;
  top: 21px;
  left: -8px;
  height: auto;
  background-color: #F2F2F2;
  stroke-width: 1px;
  stroke: #E9E9E9;
  border-radius: 0px 10px 10px 10px;
  padding: 10px;
  flex-shrink: 0;
  color: var(--grey-01, #414042);
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.uma-text-4::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -12px;
    width: 0px;
    border-left: 13px solid transparent;
    border-top: 34px solid rgb(242, 242, 242);
}

.uma-text-container {
  position: relative;
  top: -6px;
  left: -15px;
  width: 290px;
  height: 83px;
  flex-shrink: 0;
  background-color: #F2F2F2;
  stroke-width: 1px;
  stroke: #E9E9E9;
  border-radius: 0px 10px 10px 10px;
  padding: 10px;
  flex-shrink: 0;
  color: var(--grey-01, #414042);
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.uma-text-container::before {
    content: '';
    position: absolute;
    top: 0px;
    left: -12px;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-top: 25px solid #F2F2F2;
    color: #F2F2F2;
}

.uma-footer {
  height: 137px;
  border-radius: 5px;
  background: #FDF6F6;
  margin: 8px;
  flex-shrink: 0;
}

.uma-talk {
  color: #EE2737;
  font-family: "Plus Jakarta Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  justify-content: center;
  display: flex;
  padding-top: 23px;
}

/* buttons in uma footer  */
.uma-buttons {
  display: flex;
  gap: 11px;
  justify-content: center;
  padding-top: 26px;
}

button.know-ya {
  display: flex;
  width: 160px;
  padding: 8px 23px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 56px;
  border: 1px solid #EE2737;
  color: #EE2737;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: capitalize;
}

button.know-ya:hover{
  background-color: #EE2737;
  color: #FFF;
}

button.know-yp {
  display: flex;
  width: 160px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 56px;
  border: 1px solid #414042;
  color: #414042;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: capitalize;
}

button.know-yp:hover{
  background-color: #414042;
  color: #FFF;
}

button.uma-langs {
  display: inline-flex;
  padding: 4px 20px;
  justify-content: center;
  align-items: center;
  gap: 13px;
  width: 32%;
  margin: 14px 2px 14px 0px;
  margin-bottom: 14px;
  border: none;
  border-radius: 100px;
  background: #FFF;
  color: var(--grey-01, #414042);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

button.uma-langs:hover {
  background-color: #ed2737; /* Active background */
  color: #FFF; /* Active text color */
}
button.uma-langs.active {
  background-color: #ed2737; /* Active background */
  color: #FFF; /* Active text color */
}

.uma-back-kyp{
  display: flex;
}

img.uma-back {
  padding: 14px 6px 0px 24px;
}

.ky-policy {
  color: var(--grey-01, #414042);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: capitalize;
  padding: 14px 6px 0px 0px;
}

.ky-policy span {
  color: #EE2737;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: capitalize;
}

.query-uma {
  display: flex;
  padding: 0px 41px 0px 42px;
  justify-content: space-between;
  margin-bottom: 10px;
}

.query-uma-container{
  padding: 0px 41px 0px 42px;
}

.query-text {
  width: 210px;
}

input#uma-input-query {
  padding: 14px;
  width: 380px;
  height: 95px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1px solid #E6E7E8;
}


.uma-send {
  width: 54px;
  height: 54px;
  position: fixed;
  right: 106px;
  bottom: 96px;
  transform: translate(88px, 121px);
}

.fs-14{
  font-size: 14px;
}

.query-space {
  margin-top: -20px;
}
.query-space {
  margin-top: 0px;
  transform: translate(0px, -40px);
}

.uma-ic {
  display: flex;
  gap: 7px;
  align-items: flex-end;
}

.uma-icons {
  cursor: pointer;
  margin: 5px;
  height: 18px;
}

.uma-prog-pause {
  margin: 2px;
}


.uma-time {
  color: #BCBEC0;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
}

.uma-prog {
  cursor: pointer;
  margin: 5px;
  width: 127px;
  height: 5px;
  transform: translate(0px, 3px);
}

.uma-prog-time {
  color: var(--grey-01, #414042);
  font-family: "Plus Jakarta Sans";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  transform: translate(0px, 3px);
}

#controlPanel {
  display: none; /* Initially hidden */
  align-items: center;
}

.uma-progress-bar {
  display: flex;
  margin-top: 12px;
  width: 240px;
  height: 22px;
  flex-shrink: 0;
  border-radius: 100px;
  background: #FFF;
}

.uma-form-control {
  border-radius: 10px;
}
/* um ends here */

.calsi {
  display: flex;
  padding: 0px 0px 16px 0px;
  align-items: center;
  gap: 23px;
  border-bottom: 1px solid rgba(188, 190, 192, 0.20);
  background: #FFF;
  color: var(--grey-01, #414042);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  align-self: stretch;
}

.calsi-toggle {
  display: flex;
  padding: 8px 0px 8px 0px;
  gap: 23px;
  align-self: stretch;
  color: #414042;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  justify-content: space-between;
  align-items: center;
  background: #FFF;
}

.toggle-text {
  display: flex;
  gap: 497px;
}

.switch input {
  display: none;
}
.switch label {
  display: block;
  width: 26px;
  height: 15px;
  padding: 1.5px;
  border-radius: 15px;
  border: 2px solid #939598;
  cursor: pointer;
  transition: 0.3s;
}
.switch label::after {
  content: "";
  display: inherit;
  width: 8.45px;
  height: 8.53px;
  border-radius: 12px;
  background: #939598;
  transition: 0.3s;
}

.switch input:checked ~ label {
  border-color: #EE2737;
}

.switch input:checked ~ label::after {
  translate: 11px 0;
  background: #EE2737;
}

.switch input:disabled ~ label {
  opacity: 0.5;
  cursor: not-allowed;
}
/* Add this to remove bottom-left corner radius when the zone label is visible */

.select-zone-visible {
  border-bottom-left-radius: 0rem !important;
}

.toggle-gradient {
  border-radius: 10px;
  background: linear-gradient(90deg, #FFEDED 0%, #FDFFFF 50%, #FAFAFF 100%);
  padding: 8px 23px;
  align-self: stretch;
}

.tog-line {
  border-bottom: 1px solid rgba(188, 190, 192, 0.20);
  background: #FFF;
  margin-bottom: 8px;
  margin-top: 8px;
}

.scrollbar_hide ::-webkit-scrollbar {
    display: none;
}

.toggle-form {
  width: 100%;
}

.toggle-fx {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.hide-tog-content {
  display: none; /* Content hidden by default */
}

.hide-label {
  display: none; /* Hide by default */
}

.tog-label {
  font-size: 14px;
  margin-bottom: 0.5rem;
}
/* Hide the container by default and prevent white space */
#newDropdownContainer.d-none {
  display: none;
}

/* Show the container dynamically */
/* Ensure the new dropdown container is hidden initially */
#newDropdownContainer {
  display: none;
}


/* media Queries declarations starts */
/* Responsive table for smaller screens */
@media (max-width: 768px) {
  .my-custom-table,
  .my-custom-header,
  .my-custom-body,
  .my-custom-table tr,
  .my-custom-table td {
    display: block;
    width: 100%;
  }

  .jd-custom-body td {
    text-align: right;
    padding-left: 50%;
    position: relative;
  }

  .jd-custom-body td::before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    width: 50%;
    padding-left: 15px;
    font-weight: bold;
    text-align: left;
  }
}

@media only screen and (max-width: 1000px) {
  ul.navbar-nav-i img.img-fluid.nav-icon-wap {
    width: 35px;
  }

  ul.navbar-nav-i {
    width: 100%;
    margin-top: 1rem;
    padding: 0;
    justify-content: center;
  }

  .sm-p-0 {
    padding: 0;
    margin: auto;
  }

  footer .col-md-8 {
    width: 100%;
  }

  .subscribe-newsletter-wapper h4 {
    font-size: 1.6rem;
    font-weight: 600;
  }

  .subscribe-input-text-wap {
    width: 95%;
  }

  .subscribe-input-text-wap button.btn-outline-secondary,
  .subscribe-input-text-wap button.btn-outline-secondary:hover,
  .subscribe-input-text-wap button.btn-outline-secondary:focus,
  .subscribe-input-text-wap button.btn-outline-secondary:active,
  .subscribe-input-text-wap
    .btn-outline-secondary:not(:disabled):not(.disabled):active {
    width: 90px !important;
  }

  .in-office-adder-wapper {
    width: 100% !important;
    display: block;
    margin-bottom: 1rem;
  }

  .footer-navigation-bar.footer-navigation-bar-fil .col-12.d-flex {
    display: block !important;
  }

  .in-office-adder-wapper a.nav-link.active,
  .in-office-adder-wapper li.nav-item a.nav-link {
    padding-left: 0;
  }

  .footer-copy-social-wapper .d-flex.justify-content-between {
    display: block !important;
  }
  .uma-pops-up {
    position: fixed;
    bottom: 115px;
    right: 15px;
    left: 15px;
    width: auto;
    height: auto;
    flex-shrink: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    display: none;
}
} /* nelson declarations ends here */

/* media Queries declarations for Mobile-phone screens */
@media (max-width: 1024px) {
  img.display-none {
    display: block;
  }

  a.reload-class {
    width: 44px;
    display: block;
  }

  .footer-wapper .col-speial-wapper {
    padding: 15px;
    padding-bottom: 25px;
  }

  .footer-navigation-bar {
    margin-bottom: 5px;
  }

  .social-share-wapper-to-placeer {
    margin-top: 50px;
    padding: 0 1rem;
  }

  .social-share-wapper.social-share-wapper-to-placeer
    .d-flex.align-items-center {
    display: block !important;
  }

  .social-share-wapper.social-share-wapper-to-placeer
    .d-flex.align-items-center
    .col-md-9.col-10 {
    margin-bottom: 1rem;
  }

  .col-md-3.col-speial-wapper.brochure-download p.hideme-mobile {
    display: none;
  }

  .col-md-3.col-speial-wapper.brochure-download {
    width: 90%;
    margin: auto;
    padding-bottom: 0;
  }

  .col-md-3.col-speial-wapper.brochure-download .d-flex.align-items-center {
    margin-bottom: 0 !important;
  }

  .form-md-wapper {
    padding: 2rem 1.5rem;
    min-height: auto;
  }

  nav.navbar.navbar-expand-lg .container {
    justify-content: end;
  }

  .navbar-toggler {
    background-color: #fff;
  }

  .navbar-expand-lg ul.navbar-nav li.nav-item {
    width: 90%;
  }

  .btn {
    padding: 0.571rem 1.5rem;
    border: 0;
    border-radius: 100px;
  }

  .cus-padd p.gok-h6 {
    font-size: 0.8rem;
  }

  .iti.iti--allow-dropdown.iti--show-flags {
    width: 67%;
  }

  .form-md-row-text-box {
    display: flex;
    width: 80%;
    margin: auto;
    gap: 20px;
    text-align: center;
  }

  .imageblock-wap {
    display: none;
  }

  .logedin-nav a.nav-link.dropdown-toggle {
    padding: 17px 10px;
    border-radius: 100px;
    border: 1px solid #fff;
    line-height: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 0.786rem;
  }

  .container.container-window {
    max-width: 100%;
    padding: 8px;
  }

  .row.d-flex.align-items-center.head-phone {
    text-align: center;
  }

  .single-window-nav {
    display: flex;
    justify-content: center;
    margin-top: 0.875rem;
    width: 100%;
  }

  .main-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
  }

  ul.nav.flex-column {
    width: 98%;
  }

  .content {
    flex: 0 0 auto;
    width: 100%;
    padding-bottom: 2rem;
  }

  .gok-widget-wap {
    display: flex;
    padding: 23px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .gok-widget-wap {
    padding: 1.4375rem;
    border-radius: 1.357rem;
    border: 1px solid #e6e7e8;
    background: #fff;
  }

  .d-grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.4375rem;
  }

  .gok-widget-wap .col-md-6:last-child .block,
  .gok-widget-wap .col-md-6:nth-last-child(2) .block {
    margin-bottom: 1.643rem;
  }

  .single-window-nav a.nav-link {
    color: #414042;
    font-size: 14px;
    border-radius: 5px;
    margin-bottom: 0.5rem;
    display: flex;
    height: 3.125rem;
    padding: 0.51rem 1.875rem;
    align-items: center;
    align-self: stretch;
    transition: background-color 1.2s ease, color 1.2s ease;
  }

  .single-window-wapper .col-md-3 {
    background-color: #fff;
    position: absolute;
    z-index: 999;
    width: 259px;
    border-radius: 10px;
    top: 25.5%;
    left: 4.5%;
    z-index: 1050;
    transform: translateX(-120%);
    transition: transform 0.5s ease-in-out;
  }

  /* Sidebar Active State - Move sidebar into view */
  .single-window-wapper .col-md-3.active {
    transform: translateX(0);
    /* Slide into the screen */
  }

  .head-topic {
    font-weight: 600;
    color: #414042;
    font-family: "Plus Jakarta Sans", sans-serif;
    justify-content: flex-start;
    font-size: 20px;
    display: flex;
    gap: 23px;
    padding: 8px;
    align-items: center;
    align-self: stretch;
  }

  .section-plane {
    background-color: #f9f9f9;
    padding: 0;
  }

  .table-container {
    border: 1px solid #ddd;
    border-radius: 25px;
    overflow-x: auto;
  }

  .table-cell {
    height: 38px;
  }

  .table-header {
    background-color: #ee2737;
    color: white;
  }

  .main-content {
    margin-left: 23px;
    margin-right: 23px;
    margin-top: 10px;
  }

  .wrap-table-scroll {
    overflow-x: scroll;
    width: 100%;
  }

  .dropdown-toggle::after {
    display: none;
  }

  ul.navbar-nav-i b {
    display: none;
  }

  p.header-vivek {
    margin: auto;
    display: none;
  }

  .pending-1 {
    display: flex;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 1.4375rem;
    display: flex;
    height: 53px;
    padding-bottom: 0.875px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    overflow-x: scroll;
  }

  .jd-custom-table td {
    padding: 0.5rem;
    text-align: left;
  }

  .jd-table-container {
    overflow-x: scroll;
  }

  .gok-mt-46 {
    margin-top: 0;
  }

  .iti input.iti__tel-input,
  .iti input.iti__tel-input[type="text"],
  .iti input.iti__tel-input[type="tel"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .input-group .btn-secondary {
    border: 0;
    padding: 0.6rem 0.9rem;
    height: 44px;
  }

  .form-md-wap-pro {
    min-height: auto;
  }

  .radio-wapper {
    margin-bottom: 2rem;
  }

  .accordion-body .mb-3 .col-md-12,
  .accordion-body .mb-3 .col-md-6,
  .accordion-body .mb-3 .col-md-4 {
    margin-bottom: 1rem;
  }

  .table-wapper {
    display: block;
    width: 100%;
  }

  .table-wapper .table-responsive {
    width: 37vh;
  }

  .block-w100 {
    display: block;
    width: 100%;
  }

  .pay.col-md-4 {
    display: block;
    width: 50%;
  }

  table.my-table.niccodingtable td {
    width: auto !important;
  }

  .accordion {
    margin-top: 0;
  }

  .checkbox-wapper .radio-wapper {
    margin-bottom: 0;
  }

  .table-wapper .jd-table-container.table-responsive {
    width: 42vh;
  }

  .plain-tag {
    padding: 5px 1.5rem;
  }

  .jd-text-container {
    margin-top: 1rem;
  }

  .tag-content-layout.Inv.Inv-row.hidden {
    display: block;
  }

  .InvestorMemorandum .IM-list {
    display: -webkit-box;
    overflow: scroll;
    margin-bottom: 15px;
  }

  .Im-queue {
    padding: 0 15px;
  }

  .InvestorMemorandum {
    display: block;
  }

  .tag-content-layout.Inv.Inv-row {
    display: block;
  }

  .tag-content-layout.Inv.Inv-row .col-md-4 {
    margin-bottom: 1rem;
  }

  .form-md-row .nav-pills .nav-link {
    font-size: 0.9rem;
  }

  .social-chanal-wap ul {
    justify-content: center;
  }

  .social-chanal-wap {
    margin-top: 1rem;
  }

  .bb-appeal {
    width: 100%;
    padding: 8px 25px;
  }

  #notingIdInput-2 {
    margin-bottom: 23px;
  }
  /* language icon in header */
  .globe-header-icon {
    display: block;
  }

  /* Karthik */
  /* HelpDesk Dashboard 2 GridView button changes */
  /* Card View title changes */
  p.card-title.dk {
    padding: 0 0.3rem;
    width: 134px;
  }

  /* Container styles */
  .show-select-search.dk,
  .pending-1.show-select-search.dk {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    /* Smooth scrolling on iOS */
    scrollbar-width: thin;
    /* Firefox scrollbar */
    padding-bottom: 8px;
    /* Space for scrollbar */
  }

  .show-select-search.dk,
  .pending-1.show-select-search.dk1 {
    width: 100%;
    height: auto;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 8px;
  }

  /* Hide scrollbar for Chrome/Safari/Opera */
  .show-select-search.dk,
  .pending-1.show-select-search.dk ::-webkit-scrollbar {
    height: auto;
  }

  .show-select-search.dk,
  .pending-1.show-select-search.dk ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    gap: 8px;
  }

  .show-select {
    width: auto;
  }
  /* notification for below the table  */
  .nav-lable-dk {
    width: 100%;
  }

  /* Modal card view changes  */
  .contact-card.dk {
    display: block;
    align-self: auto;
  }

  /* diveder changes  */
  .divider.dk {
    margin: 1rem;
  }

  /* Number circle styles */
  .icon-num-circle,
  .icon-num-circle-0 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    padding: 2px 6px;
    border-radius: 12px;
    background: #e0e0e0;
    font-size: 0.9em;
  }

  /* Modul view changes */

  .modal-dialog.dk.modal-dialog-centered.modal-dialog-scrollable.last-small-scroll-modal {
    display: flex !important;
    padding: 20px 15px !important;
    flex-direction: unset;
  }

  .ticket-header {
    display: block;
  }

  .modal-content.ticket-modal-content {
    width: 100%;
  }

  .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
    padding: 20px 10px;
  }
}

/* media Queries declarations for medium screens */
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .container.container-window {
    max-width: 100%;
  }
  .show-select-search {
    display: flex;
    padding: 8px 0px;
    justify-content: space-between;
    align-items: end;
    gap: 8px;
    overflow: scroll;
    align-self: stretch;
  }
}

@media only screen and (min-width: 1300px) and (max-width: 1450px) {
  .show-select-search {
    display: flex;
    padding: 8px 0px;
    justify-content: space-between;
    align-items: end;
    overflow: scroll;
    gap: 8px;
  }
}
/* media Queries declarations for small desktop-size screens */
@media (min-width: 1024px) {
  .content {
    flex: 0 0 auto;
    width: 75%;
    padding-bottom: 2rem;
  }
  .w-73 {
    width: 73%;
  }
}

/* media Queries declarations for TAB view screen */
@media (min-width: 1440px) {
  .content {
    flex: 0 0 auto;
    width: 77.5%;
    padding-bottom: 2rem;
  }
}

/* media Queries declarations for 4K screen */
@media (min-width: 1600px) {
  .container.container-window {
    max-width: 1440px;
  }
  /* GoK Uma logo */
  .GoK-Uma-bot {
    position: fixed;
    bottom: 31.68px;
    right: 150px;
    z-index: 1001;
}
  .uma-pops-up {
    bottom: 83px;
    right: 247px;
}
}

/* media Queries ends */